![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随笔
文章平均质量分 52
木玄客
程序猿一枚
展开
-
浏览器关闭监听
浏览器关闭判断原创 2022-11-21 11:35:19 · 1627 阅读 · 0 评论 -
vue3+vite简单打包配置
vue+vite3打包配置原创 2022-11-21 09:33:50 · 1981 阅读 · 0 评论 -
iframe嵌入微信公众号页面(有图片)
iframe展示微信公众号文章,有图片,包括背景图片原创 2022-10-18 11:22:12 · 6055 阅读 · 20 评论 -
iframe高度动态适配
iframe动态高度配置原创 2022-10-17 14:49:56 · 2242 阅读 · 0 评论 -
Apache代理配置
Apache代理服务器配置原创 2022-09-30 14:52:29 · 2995 阅读 · 0 评论 -
随笔-jq实现列表轮播
列表轮播先对tbody设置属性#testTbody tr{ position: relative;}然后使用jq操作动画效果var willAdd = getTr(item); //item是即将添加的数据集合,通过getTr获取完成的tr内容 // <tr>测试内容</tr> var circleHeight = '40px'; //平移高度 // 赋予动画效果 $('#testTbody tr').last().animate( {原创 2021-08-17 15:53:52 · 349 阅读 · 0 评论 -
随笔-git版本管理学习
git官网-https://git-scm.com1、安装RHEL 、 CentOS:$ sudo dnf install git-allDebian、Ubuntu Linux: $ sudo apt install git-allwindows: https://git-scm.comgit官网安装包下载安装mac: https://git-scm.com/download/mac安装包下载安装除此之外,现在很多的开发软件已经集成了git插件,自己安装也可以,使用可能更加的方便2、使用原创 2021-06-17 09:53:09 · 83 阅读 · 0 评论 -
随笔-js时间格式化
作为现在经常使用的时间new Date(),有着许多的处理方法对它进行格式转换1、不想自己处理时间格式的,推荐使用Moment.js2、使用原生的new date()操作格式化时间:let dataTime = new Date()dataTime.Format("yyyy-MM-dd hh:mm:ss") // 2021-05-13 09:37:00data方法年dataTime.getYear()月dataTime.getMonth() + 1日data原创 2021-05-13 09:54:15 · 101 阅读 · 0 评论 -
随笔-微信小程序-获取用户信息
2021.04.06最近在开发小程序,今天突然发现不能登录了,排查了一会发现: wx.getSetting的返回值中并没有返回"scope.userInfo": true这样就拿不到用户返回的信息了并且也没看到用户授权弹窗;正常是使用getSetting弹出用户信息授权,然后就可以通过getUserInfo的接口获取加密的用户信息然后去查了文档:发现:因为现在getUserInfo可能是需要匿名,而getSetting的userInfo授权对应的又是getSetting所以就造成..原创 2021-04-07 09:25:28 · 240 阅读 · 0 评论 -
随笔-正则表达式
前端对于字符串的校验经常性的需要用到正则表达式这个工具,通过字符串自身调用的方法可以进行复杂的字符串匹配:replace():用于在字符串中用一些字符替换一个与正则表达式匹配的子串-string.replace(正则,替换的字符)search:检索与正则表达式相匹配的子字符串-string.search(正则)split:用于把一个字符串分割成字符串数组-string.split(正则,返回数组最大长度-可选)match:找到一个或多个正则表达式的匹配,返回的是值不是位置-string.ma原创 2021-03-22 11:54:03 · 98 阅读 · 0 评论 -
随笔-tinymce学习笔记--自定义插件--基于Vue
1、之前说过在根目录的的index.html中引入了static下的tinymce后,项目中的tinymce就指向了static,所以我们可以不用修改node_module中的代码,直接在static下的tinymce中的plugins中开发新的插件2、插件开发首先:根据中文文档:对你的新插件进行一个声明:tinymce.PluginManager.add('插件名',function(editor,url){});函数中传进来的editor就是页面上的编辑器,你可以通过调用它的方...原创 2020-12-11 11:44:17 · 2195 阅读 · 0 评论 -
随笔-图片加载失败图片替换
相对于项目目录下的图片,经常会用到更多是后端传递的网络地址。那么这就可能会造成一种情况:图片的加载失败,这时候展示的图片就有点不美观,所以可以选择替换目标图片首先是一个显示加载中的图片:<img id="test":src="图片--加载中"/>然后在js中获取图片路径的时候进行判断能否加载完毕:/** * 检测图片是否存在 * @param url */let imageIsExist = function(url) { return new Promis.原创 2020-12-31 10:19:27 · 382 阅读 · 0 评论 -
随笔-内容垂直居中的方法
1、最常用的line-height对于平时使用的一行的文字或者按钮之类的进行居中设置的时候建议使用;通过设置height以及line-height将会自动让文字垂直居中:height: 20px;line-height: 20px; // 垂直居中text-align: center; // 水平居中2、align-items:center通过dislay:flex将布局设置为flex,通过align-items:center的属性配置内容垂直居中:display: flex;align原创 2020-12-28 11:22:10 · 224 阅读 · 0 评论 -
随笔-浅拷贝和深拷贝
引言在前端的代码日常中,对于数据的拷贝是一个避不过的问题。之前也有碰到过因为地址(指针)相同,导致数据联动出错的情况,所以记个笔记记录下:浅拷贝以及深拷贝其实针对的时引用型的变量(类似数组、对象)这些比较复杂结构的;对于基本数据类型(number、string、boolean、undefined、null)的复制,因为只是一个单纯的基本数据,所以复制的时候不受影响,可以独立被修改;1、浅拷贝:单纯的对引用型变量进行直接的赋值,导致的地址相同 var a = [1, 2, 3]; var b =原创 2020-12-22 09:41:31 · 81 阅读 · 0 评论 -
随笔-base64编码
1、 字符串Base64编码因为之前做了使用了富文本的编辑器,然后因为要存进数据库,但是因为编辑器的文本带了标签导致后端处理出错,所以需要进行转码,使用时再进行解析:首先: 进行转码-btoa(window.encodeURIComponent(字符串))(如果不是字符串可以通过JSON.stringify()先转成字符串)encodeURIComponent: 编码成ASCII字符序列btoa: 编码为base64然后: 进行解码-window.decodeURIComponent(atob(原创 2020-12-16 11:44:37 · 105 阅读 · 0 评论 -
随笔-vue使用小记(坑)
1、使用vue的过程中,尝试使用js数组之间传值,发现改变一个数组以后,原始的数组也发生了变化。原来:两个数组的地址因为完全赋值变成了同一个,所以一个产生变化会对另一个也造成影响解决:通过百度搜索发现可以通过JSON.parse(JSON.stringify(数组))来解决原理:使用了stringify转化成了string后原先的地址消失,然后使用parse重新格式化就成了一个新的数组了2、开发的项目中突然发现:项目中使用padding会对元素的宽高造成影响。因为希望能够不影响元素,所以去找了办法:原创 2020-12-11 11:47:12 · 169 阅读 · 0 评论 -
随笔-tinymce学习笔记--使用--基于Vue
前一篇随笔记录了tinymce的安装,这篇讲一下个人的封装:第一步:在components中对控件进行声明控件声明第二步:在main.js中进行vue-tinymce控件的赋值控件赋值很简单--就两个参数:双向绑定的富文本编辑器的内容,以及最重要的编辑器的配置setting第三步:配置编辑器这是我自己编辑器的配置具体请自行转tinymce中文文档看详细的配置,这部分文档还是很完善的(基本都是在说配置以及控件)第四步:写个方法获取绑定的富文本编辑器中的内容.原创 2020-12-11 11:46:19 · 437 阅读 · 0 评论 -
随笔-tinymce学习笔记--安装--基于Vue
这几天在学习使用tinymce的使用(因为UE富文本编辑器已经好久没更新了,找个新的用用)---基于Vue简单安装:引用:为vue开发者整合的tinymce富文本编辑器组件(提灯人帕奇式)tinymce是个外文的编辑器,而中文文档中使用是通过script直接引入js然后在页面初始化。而我的目标是在Vue中将其写成一个组件--所以有了这个引用第一步:安装引用中的组件yarn add @packy-tang/vue-tinymce / npm install @packy-tang/vue.原创 2020-12-11 11:45:27 · 491 阅读 · 0 评论