![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
虫_
这个作者很懒,什么都没留下…
展开
-
node动态解析ts字符串代码为js字符串代码
typescript原创 2022-12-08 09:43:22 · 480 阅读 · 1 评论 -
vue3 + vite + less配置全局style变量
vue3 + vite + less设置全局css变量原创 2022-12-03 23:30:42 · 658 阅读 · 1 评论 -
node配置typescript环境
node配置typescript环境。原创 2022-09-09 14:50:52 · 432 阅读 · 0 评论 -
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 · 204 阅读 · 0 评论 -
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 · 1821 阅读 · 0 评论 -
大文件上传获取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 · 1542 阅读 · 0 评论 -
监听鼠标上下滚动事件
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 · 492 阅读 · 0 评论 -
数字滚动插件
数字滚动插件 // 代码示例 new wormDigitalScroll({ el: document.getElementById('num'), time: 5000 // 可空 })github地址https://github.com/k810202771/wormDigitalScroll原创 2019-12-25 10:36:18 · 318 阅读 · 0 评论 -
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 · 264 阅读 · 0 评论 -
获取元素的所有属性
attributes原创 2019-11-29 13:26:52 · 313 阅读 · 0 评论 -
自封装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 · 297 阅读 · 0 评论 -
获取元素位于浏览器的位置
dom.getBoundingClientRect()翻译 2019-05-13 04:12:57 · 570 阅读 · 0 评论 -
SVG相关
线条类型修改为虚线,只需要修改stroke-dasharray属性即可,可以设置长度或者百分比,100%就等于线条长度这个属性设置线段的偏移量stroke-dashoffset如果stroke-dasharray分段长度等于100%,stroke-dasharray也等于100%那改线段将不会显示,stroke-dasharray为0%将显示全部,下面是动画实例(实例中的fill="freeze...原创 2019-05-10 16:06:16 · 151 阅读 · 0 评论 -
获取浏览器滚动条位置,兼容所有浏览器!
//获取浏览器滚动条位置,兼容所有浏览器!>var top = (typeof window.pageYOffset != 'undefined'?window.pageYOffset:typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'?document.documentElement.原创 2018-01-12 11:39:59 · 856 阅读 · 0 评论 -
千分位加逗号(,),正则一步到位
千分位加”,”,正则一步到位!有小数点的先切割小数点前后,保存小数点后的数值,千分位处理后合并前后 console.log(“49815159888”.replace(/(?=(?!\b)(\d{3})+$)/g,”,”)) 输出 —> 49,815,159,888原创 2018-01-12 13:45:02 · 5031 阅读 · 0 评论 -
标签属性的获取和设置
getAttribute(“属性”)//获取 比如class 就直接用class而不是className setAttribute(“属性”,”值”)//设置 removeAttribute(“class”);//删除class属性原创 2018-01-12 09:37:48 · 661 阅读 · 0 评论 -
web前端之数据绑定
Object.defineProperties 可以同时绑定多个 Object.defineProperty 绑定obj下的一个变量数据(数据描述符)属性 数据属性有4个描述内部属性的特性[[Configurable]] 表示能否通过delete删除此属性,能否修改属性的特性,或能否修改把属性修改为访问器属性,如果直接使用字面量定义对象,默认值为true[[Enumerable]...原创 2018-04-14 14:42:17 · 2128 阅读 · 0 评论 -
JS禁止页面回退
直接上代码 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); });原创 2018-04-07 02:10:07 · 394 阅读 · 0 评论 -
背景图片和颜色混合叠加多种混合模式
//同时设置背景图片和颜色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 · 2078 阅读 · 0 评论 -
Vue自定义组件实现v-model双向绑定
export default { model: { event: 'cc' }, created() { this.$emit('cc', data(绑定反馈的数据)) } }原创 2018-06-21 11:58:38 · 1492 阅读 · 0 评论 -
.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 · 496 阅读 · 0 评论 -
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 · 6588 阅读 · 0 评论 -
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 · 212 阅读 · 0 评论