
个人笔记
pamerely
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端在线预览word,excel,pdf
前端在线预览word,excel,pdf预览Word预览pdf预览Excel 预览Word 微软的在线预览功能,可以预览word、ppt、Excel、PDF 局限: 需要外网能访问文件,如果是只能内网用的系统就不适合了 XDOX预览 局限: 需要外网能访问文件,如果是只能内网用的系统就不适合了 通过mammoth.js转成html, 局限: 只能转docx格式的文件,复杂样式会被忽略 后端转html格式给前端渲染 难题都给后端了,没啥局限 预览pdf jquery.media.js (兼容IE)原创 2020-09-23 16:29:34 · 4345 阅读 · 0 评论 -
封装vue组件上传到npm库
先去npm官网注册一个账号,因为上传的时候需要账号、密码、邮箱。网址:https://www.npmjs.com/package/npm 自己封装一个组件 需要安装 node.js -v8+和vue-cli@2.0版本 先创建一个项目 在你想要存放的文件夹,打开cmd窗口,输入下面命令 vue init webpack-simple <project-name>//这个是项...原创 2019-06-23 15:25:18 · 2587 阅读 · 0 评论 -
防抖与节流
1.原理 函数防抖:当持续触发事件时,一定时间内没有再触发事件,事件处理才会执行一次,如果设定时间的到来之前,又触发了事件,就重新开始延时 2.函数节流:当持续触发事件时,保证一定时间内只调用一次事件处理函数 防抖与节流的应用场景 防抖 节流 search搜索,用户在不断输入值时,用防抖来节约请求资源 鼠标不断点击触发,mousedown(单位时间只触发一次) window触发...原创 2019-05-22 14:26:37 · 256 阅读 · 0 评论 -
前端面试算法题
一、不借助临时变量,进行两个整数的交换 //方法一 ES6 var a = 1, b = 2; [a,b] = [b,a]; console.log(a,b) // 方法二 异或运算,同为0或者同为1都为0,10为1 var c = 3, d = 4; c = c ^ d; d = c ^ d; c = c ^ d; console.log...原创 2019-05-18 23:33:17 · 1248 阅读 · 0 评论 -
洗牌函数
最近写音乐播放器,有个随机播放模式需要随机播放列表,这里记录一下经典的洗牌函数 <h2>原数组:1,2,4,5,6,7,8,9</h2> <h1>随机数组: <span id="new"> </span> </h1> <script type="text/javascript">...原创 2019-05-01 15:11:52 · 1272 阅读 · 3 评论 -
浅谈前端网页性能调优
代码调优 减少时间复杂度和空间复杂度 时间复杂度可以简单理解为CPU的计算时间 空间复杂度可以理解为占用的内存 找对象属性的时间复杂度是O(N) 减少重绘重排 重绘重排:修改CSS的属性(color,width,height,etc) 批量修改DOM操作 减少全局变量,把全局变量存储在局部变量中 因为全局变量是挂载到window对象上的,一旦调用全局对象,就会去查找window的所有属性,直到...原创 2019-04-30 21:18:01 · 421 阅读 · 0 评论 -
补零函数
补零函数方法一: h = h < 10 ? '0' + h : h; m = m < 10 ? '0' + m : m; s = s < 10 ? '0' + s : s; this.count_down = `${h}:${m}:${s}`; 补零函数方法二: _pad (num, n=2) { ...原创 2019-04-29 21:02:12 · 1609 阅读 · 0 评论 -
Node.js入门
http作为服务端 Node.js模块化规范,common.js,引入模块用require,不可以用es6的import server.js代码如下: 开启服务,server模块 const http = require('http'); //node中的服务都是继承eventemit //开启服务的第一种写法,createServer方法 var server = http.creatSer...原创 2019-04-28 18:55:51 · 315 阅读 · 0 评论 -
proxy实现数据响应式
<p id="paragraph"></p> <input type="text" id="input"> <script> const paragraph = document.getElementById('paragraph'); const input = document.getElementById('input'); ...原创 2019-04-26 10:46:00 · 823 阅读 · 0 评论 -
Vue 中的nextTick()
简单理解Vue 中的nextTick()的作用 this.nextTick()和this.nextTick()的区别:this.nextTick()和this.nextTick()的区别: this.nextTick()和this.nextTick()的区别:this.nextTick(callback),当DOM发生变化,更新后执行的回调; this.nextTick(callback),当数据...转载 2019-04-26 10:29:52 · 376 阅读 · 0 评论