- 博客(26)
- 收藏
- 关注
RSS订阅
1原创 gulp打包字符串代码
这里是引用安装gulp-utilnpm install gulp-utilnewGulpFile = (filename, code) => { var src = require('stream').Readable({ objectMode: true }) src._read = function () { this.push(new gutil.File({ cwd: '', base: '', path: .
2022-04-15 04:50:23
195
原创 JS种子随机数实现方法,随手笔记
种子随机数 class rand { constructor(options) { let _options = { seed: Date.now(), // 随机种子 be: 0 // 保留小数点 } for (let b in options) _options[b] = options[b]; this.seed = (_options.seed || Date.now()) % 999999999; .
2022-01-24 04:18:54
1780
原创 大文件上传获取MD5 拼接arraybuffer|合并arraybuffer
// 在上传大文件的时候需要获取整个文件的MD5,这时候把文件拆分读取,拆分读取出来的文件先安在顺序添加到一个数组中// [ArrayBuffer,ArrayBuffer,ArrayBuffer]// 这样数组中就会有N这ArrayBuffer// 将ArrayBuffer合并成一个// 最后获取合并后的MD5即可mergeArrayBuffer(arrays) { let totalLen = 0; for (let arr of arrays) { totalLen += ar
2022-01-06 17:55:35
1399
原创 监听鼠标上下滚动事件
IE:mousewheel其他浏览器:DOMMouseScroll $("#dom").addEventListener("mousewheel",function(e){ move(e.wheelDelta != 120,30); //当滚轮向下滚的时候 e.wheelDelta = -120,向上滚e.wheelDelta = 120 }) $("#dom").addEventListener("DO
2020-07-30 06:23:21
478
原创 数字滚动插件
数字滚动插件 // 代码示例 new wormDigitalScroll({ el: document.getElementById('num'), time: 5000 // 可空 })github地址https://github.com/k810202771/wormDigitalScroll
2019-12-25 10:36:18
295
原创 Object转字符串可以包含function
**暂时发布混淆版本，评论多开源**/** By: Worm(虫) v1.0.0* @ 用于Object转String 可包含函数结构* 使用方法: toWormString(Object) => String*/eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%...
2019-12-24 15:24:23
256
原创 微信小程序自定义组件form获取值
在Component下面设置一个behaviors: ['wx://form-field']标记为form组件要用form的name获取值，设置组件的value值即可！
2019-06-10 12:34:50
1867
原创 自封装Jsonp完美解决冲突
// 完美解决并发冲突 var Jsonp = { setJsonp: function(option) { var succenn_name = "g_" + new Date().getTime() + Math.floor(Math.random() * 8999 + 1000); var html = document.getElementsByTagN...
2019-05-26 20:09:15
290
原创 SVG相关
线条类型修改为虚线，只需要修改stroke-dasharray属性即可，可以设置长度或者百分比，100%就等于线条长度这个属性设置线段的偏移量stroke-dashoffset如果stroke-dasharray分段长度等于100%，stroke-dasharray也等于100%那改线段将不会显示，stroke-dasharray为0%将显示全部，下面是动画实例(实例中的fill="freeze...
2019-05-10 16:06:16
147
原创 自用vscode VUE eslint 格式化配置
自用vscode VUE eslint 格式化配置{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次...
2019-05-08 15:38:19
471
翻译 webp的生成转换方法之图片转webp，包括生成webp动态图片
谷歌webp插件包下载地址，谷歌的需要翻墙，我翻墙给小伙伴们下载好了，这里只准备了3大系统的64位的，32位的取官网下载。 64：https://pan.baidu.com/s/1g_0jBUm6MYBd4DjxXbkx1g 32：https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html...
2018-07-04 16:36:04
6369
转载 .htaccess文件创建伪静态环境
.htaccess文件创建伪静态环境RewriteEngine OnRewriteBase /# 绑定mp.csdn.net 到 m 子目录RewriteCond %{HTTP_HOST} ^mp\.csdn\.net$ [NC]RewriteCond %{REQUEST_URI} !^/m/RewriteRule ^(.*)$ m/$1?Rewrite [L,QSA]...
2018-06-21 12:01:21
481
原创 Vue自定义组件实现v-model双向绑定
export default { model: { event: 'cc' }, created() { this.$emit('cc', data（绑定反馈的数据）) } }
2018-06-21 11:58:38
1484
原创 背景图片和颜色混合叠加多种混合模式
//同时设置背景图片和颜色background: #5bd5a0 url("su1.jpg");//背景混合模式background-blend-mode: Luminosity;混合模式： Multiply 正片叠底 Screen 滤色 Overlay 叠加 Darken 变暗 Lighten 变亮 Color dodge 颜色减淡 Color burn 颜色加深 Ha...
2018-05-11 17:19:59
2045
原创 web前端之数据绑定
Object.defineProperties 可以同时绑定多个 Object.defineProperty 绑定obj下的一个变量数据(数据描述符)属性 数据属性有4个描述内部属性的特性[[Configurable]] 表示能否通过delete删除此属性，能否修改属性的特性，或能否修改把属性修改为访问器属性，如果直接使用字面量定义对象，默认值为true[[Enumerable]...
2018-04-14 14:42:17
2114
原创 JS禁止页面回退
直接上代码 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); });
2018-04-07 02:10:07
386
原创 千分位加逗号(,)，正则一步到位
千分位加”,”，正则一步到位！有小数点的先切割小数点前后，保存小数点后的数值，千分位处理后合并前后 console.log(“49815159888”.replace(/(?=(?!\b)(\d{3})+$)/g,”,”)) 输出 —> 49,815,159,888
2018-01-12 13:45:02
5010
原创 获取浏览器滚动条位置，兼容所有浏览器！
//获取浏览器滚动条位置，兼容所有浏览器！>var top = (typeof window.pageYOffset != 'undefined'?window.pageYOffset:typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'?document.documentElement.
2018-01-12 11:39:59
849
原创 标签属性的获取和设置
getAttribute(“属性”)//获取 比如class 就直接用class而不是className setAttribute(“属性”,”值”)//设置 removeAttribute(“class”);//删除class属性
2018-01-12 09:37:48
652
转载 JS鼠标事件大全 推荐收藏
一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O鼠标双击事件
2018-01-12 09:13:13
201
原创 Http协议头分析，缓存机制
最常见的HTTP协议分为 HTTP/1.1、HTTP/1.0、HTTP/0.9它们有什么区别 HTTP/1.1可以解析gzip压缩，而其他两个版本不直接解压。 判断为1.1版本服务器返回时候带 Content-Encoding: gzip 即可 注意：图片数据不要使用gzip，图片本身压缩过，在压缩不但会增加图片文件的大小，如果遇到大图片比如10M的一个图片，服务器可能需要一
2018-01-03 17:32:13
1127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人