- 博客(105)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 实现字体渐变
background-image: linear-gradient(120deg, #FFF0D9, #F3C791);background-clip: text;color: transparent;
2020-02-20 09:12:04
774
原创 vue
Transformers与Vue框架能力对比 Vue能力 是否支持 Transformers 响应式渲染 ✅ @data与@prop在模板中可以完成渲染 computed ???? 暂不支持 method...
2020-02-14 21:01:18
332
转载 uni-app
介绍：uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。快速上手初始化项目：代码块npm install @vue/cli -gvue create -p dcloudio/uni-preset-vue my-project解读： 默认模版【不支持T...
2020-02-14 20:54:55
1398
原创 crossorigin
https://www.chrisyue.com/what-the-hell-is-crossorigin-attribute-in-html-script-tag.html加crossorigin属性 | 不加crossorigin属性资源服务器开启cors ...
2020-02-09 22:32:20
241
转载 彻底搞懂路由跳转：location 和 history 接口
彻底搞懂路由跳转：location 和 history 接口https://segmentfault.com/a/1190000014120456
2020-01-08 20:11:47
1408
转载 canvas绘制视频 getImageData putImageData
绘制视频canvas.getContext("2d").drawImage(myvideo, x, y, w, h);1.ctx.getImageData(sx, sy, sw, sh)：其中sx、sy分别是起点的横纵坐标，sw和sh分别为将要提取的数据对应的矩形图像的宽度和高度；其返回值是一个imageData对象，包含宽度、高度、data（Uint8ClampedArray类型的数组...
2019-09-02 09:53:09
1381
转载 移动端适配方案 移动端1px问题
1px问题：方案/优缺点 兼容性 颜色 圆角 总结 0.5px 边框 无法兼容安卓设备、 iOS 8 以下设备 支付 支持 简单，不需要过多代码 使用 border-image 无 修改颜色麻烦，需要替换图片 圆角需要特殊处理，并且边缘会模糊 可以设置单条,多条边框，且没有性能瓶颈的问题 使用backgroun...
2019-08-12 12:16:54
281
原创 防抖和节流
函数防抖（debounce）就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。（就是让某个函数在上一次执行之后，满足等待某个时间内不再触发此函数后再执行，而在这个等待时间内再次触发函数，等待时间可以重新计算，知道该函数在一定间隔内没有被调用时，才开始执行被调用方法）应用场景：用户注册时候的手机号验证和邮箱验证，搜索框，页面上下滚动假设我们网站...
2019-08-08 09:00:51
186
原创 1. transform优化 2. 多属性执行顺序
1. transform优化在浏览器performance查看性能。1. 代码如下。点击黑色圆圈（record）记录动画性能，发现用top和left不断repaint。（不要点第二个按钮（start profiling and reload page ），否则观测到的所有帧全是重绘）<html><head> <title>Document...
2019-08-02 22:31:43
1066
原创 服务器传输速率低 文件加载慢
我的服务器带宽是1Mbps，Mbps=Mbit/s即兆比特每秒Million bits per second。也就是128Kb/s。（传输速率）Mbps数据传输速率的单位，字母b的大小写代表字节或比特，MBps每秒百万个字节 ；Mbps每秒百万个比特。一个页面加载的js和图片文件是很容易超过这个128k限制的，超过1s就会使用户觉得卡顿。（帧率能够达到 50 ～ 60 FPS ...
2019-07-31 13:23:14
2269
转载 瀑布流
https://www.cnblogs.com/fuhuixiang/p/4340205.html column-count:3;https://www.zhangxinxu.com/wordpress/2017/02/css3-multiple-column-layout-read-horizontal/https://www.cnblogs.com/xinjie-just...
2019-07-30 08:08:18
112
原创 js正则
https://www.cnblogs.com/helloczh/articles/1648029.html正则表达式基础理论元字符 字符串 字符转义 反义 限定符 替换 分组 反向引用 零宽度断言 匹配选项 注释 优先级顺序 递归匹配常用的字符类: 字符或表达式 说明 \w 匹配单词字...
2019-07-29 09:22:22
112
原创 谷歌浏览器调试
Chrome每个模块及其主要功能为：Element ： 用于查看和编辑当前页面中的 HTML 和 CSS 元素。Network ：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。Source ：用于查看和调试当前页面所加载的脚本的源文件。TimeLine ： 用于查看脚本的执行时间、页面元素渲染时间等信息。Profiles ：用于查看 CPU 执行时间与内存占...
2019-07-25 16:23:43
290
转载 DNS
（DomainNameSystem，域名系统）因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名解析（或主机名解析）。DNS协议运行在UDP协议之上，使用端口号53。浏览器如何查找域名对应的IP地址 / DNS解析原理1.客户端向本机配置的本地域名...
2019-07-08 16:02:49
270
原创 markdown学习
markdown使用使用Sublime Text 3写Markdown在sublime中 按下组合键Ctrl+Shift+P调出命令面板，输入mdp，可以在浏览器中预览markdown文件。Markdown 语法的简要规则标题(文字前加 # 号，一共六级标题)一级标题二级标题三级标题无序列表feng(在文字前加上 - 或 * ，然后一个空格)有序列表feng（直接在文...
2019-06-04 10:20:31
110
转载 HTTP状态码
巧记HTTP状态码 https://blog.youkuaiyun.com/weixin_41436338/article/details/81629327 （很好玩的比方）https://segmentfault.com/a/1190000018264501 写的很好 下面整理的就是这个https://blog.youkuaiyun.com/piaoxuan1987/article/details/51...
2019-05-27 11:07:20
135
转载 二叉树
nodejs中引用其他js文件调用其函数的方法https://www.jianshu.com/p/faa56ae56d12get到了，一直以为是很高级的webpcak之类的框架里的，结果是node里面的基础语法。...
2019-05-26 22:28:21
123
转载 变量提升
首先来段总结：引擎在读取js代码的过程中，分为两步。第一个步骤是整个js代码的解析读取，第二个步骤是执行。在读取代码的过程中，就产生了将所有声明提升到顶端，然后再从上往下执行。由此产生了变量提升和函数提升。1.变量提升只会提升变量名的声明，而不会提升变量的赋值初始化。2.函数提升的优先级大于变量提升的优先级。console.log(foo);foo();//可以执行va...
2019-05-26 17:47:06
261
1
转载 this指向 普通函数与箭头函数 call/apply/bind arguments
this指向 ① this并不指向函数，而是指向调用它的主体对象。 ③ this指向的对象，我们称之为函数的上下文context，也叫函数的调用者普通函数调用：通过函数名()直接调用：this指向全局对象window（注意let定义的变量不是window属性，只有window.xxx定义的才是。即let a =’aaa’; this.a是undefined） 构造函数调用：函数作为构...
2019-05-26 15:41:46
1149
转载 CSS阻塞与JS阻塞
CSS阻塞与JS阻塞https://www.cnblogs.com/hgonlywj/p/4857151.htmlhttps://www.cnblogs.com/bibiafa/p/9364986.html
2019-05-23 15:00:06
1371
转载 setTimeout setInterval
setTimeout和setInterval的相同处setTimeout和setInteval 都是window对象的定时方法，它们语法基本上相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。setTimeout和setInterval的区别setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就...
2019-05-23 08:35:17
132
转载 浏览器内多个标签页之间的通信
1.调用localStorage在一个标签页里面使用localStorage.setItem(key,value)添加（修改、删除）内容；在另一个标签页里面监听storage事件。即可得到localstorge存储的值，实现不同标签页之间的通信。标签页1：<input id="name"> <input type="button" id="btn"...
2019-05-22 22:33:49
599
原创 BFC float坍塌:clear与BFC
浮动及清除浮动的4种方式float坍塌：（父容器高度坍塌，背景或边框不能正确显示）解决方法：clear与BFC父元素内部末尾增加一个额外标签，如空div，clear:both 对父容器设置overflow: hidden/auto，触发其BFC缺点：设置hidden会导致超出部分直接被隐藏，，而设置auto的话超出部分会生成一个滚动条，影响视觉效果。 使用伪类元素，再用伪类元素清除浮动...
2019-05-22 21:46:16
283
原创 居中 图片和文字在同一行
参考：http://www.cnblogs.com/thislbq/p/5882105.html水平居中：1. 行内元素：通过对父元素加 text-align:center （块级元素：自身加 text-align:center）行内只有这一种方法，如果要用以下方式可以display：block即可（text-align:center只对行内元素有效）（块级元素文本居中直接在块级元...
2019-05-21 14:36:33
2477
转载 cookie 不同域名实现共享
https://blog.youkuaiyun.com/longgege001/article/details/81274088不同域名cookie的共享https://blog.youkuaiyun.com/yemuxia_sinian/article/details/80931457 即在设置cookie的时候加个path="/"上去。cookie...
2019-05-18 17:25:43
4215
转载 js Date
浅谈 JavaScript Date 日期和时间对象Date 日期和时间对象Date 对象，是操作日期和时间的对象。Date 对象对日期和时间的操作只能通过方法。My97DatePicker日期控件 http://www.my97.net/down.asp构造函数var dt = new Date(); //返回一个表示本地日期和时间的 Date 对象new D...
2019-05-17 17:29:38
267
转载 函数去抖（debounce）和函数节流（throttle）
https://blog.youkuaiyun.com/duola8789/article/details/78871789https://segmentfault.com/a/1190000012102372?utm_source=tag-newest
2019-05-09 20:46:55
195
原创 页面回到顶部
1. scrollTop=0document.body.scrollTop = document.documentElement.scrollTop = window.pageYOffset = 0;
2019-05-08 20:52:05
300
原创 Promise原理与实现 Generator async/await
解决异步 Promise Generator async/awaitPromisehttps://www.jianshu.com/p/b4f0425b22a1https://segmentfault.com/a/1190000015938472http://fex.baidu.com/blog/2015/07/we-have-a-problem-with-promise...
2019-05-07 14:34:07
303
原创 前端导出excel
https://github.com/kayalshri/tableExport.jquery.plugin需要a标签来重命名文件合并单元格的地方无法处理
2019-05-06 17:36:31
295
原创 Postman
一开始测试一直不是200，原来是因为我再header里设置了Content-Type:application/json，传送的参数应该写在Body里面，而这里的body数据默认格式为none，必须要选择“raw”----右侧显示，“JSON（application/json）。然后就可以啦。如果要保存，可以在左侧建立一个自己的collection，然后保存到这（类似于文件夹）里面。...
2019-04-29 19:50:45
2470
2
原创 算法API
JAVA输入//固定输入----nextInt()-------------------Scanner in = new Scanner(System.in);int n = in.nextInt();int[] data = new int[n];for(int i = 0;i<n;i++){ data[i] = in.nextInt();}//不固...
2019-04-29 15:21:51
982
原创 跨域知识
不要再问我跨域的问题了 https://segmentfault.com/a/1190000015597029?utm_source=tag-newest跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax...
2019-04-26 10:29:35
260
原创 跨域
我用webstrome取访问我的工程（localhost：8080）为什么这里算是跨域呢，因为webstrom的端口和8080不一致，下面是我的（端口号63342）我另一位同学是63343，可见webstrom是用了你8080外另一个端口的。而且这个端口号可以修改：jsonp解决：https://blog.youkuaiyun.com/hansexploration/article/det...
2019-04-24 15:21:29
240
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人