平时学习笔记
文章平均质量分 56
keji_123
123齐步走
展开
-
网页适配 iPhoneX,就是这么简单
https://aotu.io/notes/2017/11/27/iphonex/index.html 好文章转载 2019-11-08 14:58:10 · 411 阅读 · 0 评论 -
史上最全的微信小程序代码大全分享
https://blog.csdn.net/fenxiangjun/article/details/54429666转载 2018-03-26 10:53:07 · 64222 阅读 · 2 评论 -
解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题
微信小程序学习了有一段时间了,在学习的过程中遇到了很多的问题。今天我就来和大家分享一下我在使用scroll-view组件时遇到的关于bindscrolltolower事件触发不了的问题。scroll-view是微信小程序中的一个视图容器组件,用来显示可滚动的视图区域。例如下图这个电影预告的小程序,当把滚动条拖动到最底部时,可以触发一个scrolltolower事件,运行后续的功能。可是...转载 2018-03-28 10:50:44 · 56285 阅读 · 6 评论 -
关于移动端开发中遇到的坑
1 滚动穿透问题滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案,但有些还是存在一定的问题:1.1 设置overflow为hidden.modal-open { &, body { overflow: hidden; height: 100% }}即当弹出层弹出...转载 2018-04-18 16:02:51 · 243 阅读 · 0 评论 -
前端性能优化JavaScript篇
1.从资源加载方面来说,浏览器的加载顺序是按源码从上到下加载解析的,遇到link,script等资源都会阻塞页面渲染,所以我们会把script放在</body>前面,我们还可以结合构建工具(webpack,gulp...)压缩js文件,抽离公共js、去掉空格、注释,尽可能地让js文件变小,防止脚本阻塞页面渲染。2.在写代码的时候我们还要注意以下问题。(1)减少作用域链上的查找次数。...转载 2019-01-10 13:48:22 · 144 阅读 · 0 评论 -
马上收藏!史上最全正则表达式合集
一.校验数字数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数:^(\-|\+)?...转载 2019-01-10 14:20:22 · 254 阅读 · 0 评论 -
如何给localStorage设置一个过期时间?
从我们接触前端起,第一个熟悉的存储相关的Cookie或者来分析我们生活中密切相关的淘宝、物流、闹钟等事物来说起吧,Cookie从你设置的时候,就会给个时间,不设置默认会话结束就过期; 淘宝购物从你下单付款起,就会给这件货物设置一个收货期限时间,过了这个时间自动认为你收货(即订单结束); 闹钟你设置的提醒时间,其实也就是它的过期时间; 再比如与您每天切身相关的产品需求,过完需...转载 2019-01-09 13:46:00 · 2354 阅读 · 0 评论 -
深入了解JavaScript 中的For循环之详解
转载地址:https://segmentfault.com/a/1190000017569850 尊重原创正文: 在代码示例中我会用到es6中的语言,如果你还不是很了解,你可以看看阮老师的es6.(= =我也是一点一点跟着看的。)1.map 先说一下最常用的map.利用map方便获得对象数组中的特定属性值们.它返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。//将a02...转载 2019-01-09 14:07:24 · 224 阅读 · 0 评论 -
promise请求数据用法
Promise简介Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。ES6将其写进了语言标准,统一了语法,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息,代码十分简洁易读没有复杂的花括号嵌套,把异步代码写成同步的感觉。&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;h...原创 2019-01-09 14:18:17 · 5568 阅读 · 1 评论 -
使用ES6的Promise完美解决回调地狱
相信经常使用ajax的前端小伙伴,都会遇到这样的困境:一个接口的参数会需要使用另一个接口获取。年轻的前端可能会用同步去解决(笑~),因为我也这么干过,但是极度影响性能和用户体验。正常的前端会把接口写在另一个接口的回调里。是这样不错,但是它增加了函数的嵌套深度也会造成一定的逻辑混乱。也许有朋友会说,哪那么多毛病,解决问题不就好了吗?但是,如果需要的是另外好几个接口的返回数据呢?这时候就会比较...转载 2019-01-09 14:20:54 · 245 阅读 · 1 评论 -
常用的Git命令
一、新建代码库在当前新目录新建一个git代码库$ git init新建一个目录,将其初始化为First代码库$ git init [project-name]下载一个项目和它的整个代码史$ git clone [url]二、配置Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下(项目配置)显示当前的Git配置$git c...转载 2019-01-09 17:41:13 · 170 阅读 · 0 评论 -
H5页面内使用JSON动画,很受用,收藏
https://segmentfault.com/a/1190000018042709转载 2019-01-29 10:44:26 · 3891 阅读 · 0 评论 -
GET和POST两种基本请求方法的区别
https://www.cnblogs.com/logsharing/p/8448446.html转载 2019-04-10 11:24:01 · 139 阅读 · 0 评论 -
EventLoop 微任务和宏任务
https://juejin.im/post/59e85eebf265da430d571f89转载 2019-05-05 10:54:17 · 281 阅读 · 0 评论 -
手把手教Electron+vue的使用
很实用https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html转载 2019-07-18 10:05:15 · 532 阅读 · 0 评论 -
vue项目首屏加载优化实战
1.https://www.cnblogs.com/mianbaodaxia/p/10751453.html2,https://www.cnblogs.com/haonanZhang/p/9792415.html转载 2019-07-18 17:45:15 · 444 阅读 · 0 评论 -
LocalStorage存储JSON对象的问题
localStorage.setItem() 不会自动将Json对象转成字符串形式1.用localStorage.setItem()正确存储JSON对象方法是:存储前先用JSON.stringify()方法将json对象转换成字符串形式 JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串var list = [ ...原创 2018-03-15 14:20:54 · 571 阅读 · 0 评论 -
ajax跨域,这应该是最全的解决方案了
前言从刚接触前端开发起, 跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~题纲关于跨域,有N种类型,本文只专注于 ...转载 2018-02-11 11:27:02 · 184 阅读 · 0 评论 -
面向对象学习(二)—原型
原型 原型: 去改写对象下面公用的方法或者属性 , 让公用的方法或者属性在内存中存在一份 ( 提高性能 ) 原型 : prototype : 要写在构造函数的下面例如给数组添加方法:var arr = [1,2,3,4,5];arr.sum = function(){ var result = 0; for(var i=0;i<this.length;i++){原创 2017-09-30 16:43:12 · 169 阅读 · 0 评论 -
面向对象的学习(一)—基本类型和对象类型的区别
基本类型和对象类型的区别 基本类型:赋值的时候只是值得的复制例: var a=5; var b=a; b+=3; alert(b) //8 alert(a)//5 基本类型:赋值的时候只是值得的复制var a=[1,2,3];var b=a;b.push(4);alert(b)//[1,2,3,4]alert(a)//[1,2,3,4]原创 2017-09-30 15:25:33 · 720 阅读 · 0 评论 -
ES6系列之---Set
如何创建一个setconst a=new Set([1,3,4,5]) console.log(a);set的属性console.log(a.size);set类的方法set.add(value) 添加一个数据,返回set结构本身a.add("a").add('b').add("c");console.log(a);set.delete(value) 删除指定数据,返回一个布尔值原创 2017-11-03 10:13:28 · 133 阅读 · 0 评论 -
ES6系列之---Map
如何创建一个 Mapconst map=new Map([ ['a',1], ['b',2], ['c',2]]);console.log(map) Map类的属性console.log(map.size);Map类的方法set(key,value)设置键名key对应的键值为value,然后返回整个Map结构, 如果key已经有值,则会被更新,否则就新生成原创 2017-11-03 10:57:32 · 168 阅读 · 0 评论 -
ES6系列之---repeat()
repeat方法返回一个新字符串,表示将原字符串重复n次。 let str1='a'; let str2=str1.repeat(3); console.log(str2)//aaa原创 2017-11-04 16:34:27 · 3669 阅读 · 0 评论 -
ES6系列之---模板字符串
ES6提供的模板字符串,使字符串拼接变的简单易懂let flag=true;let html=`<ul> <li>首页</li> <li>${'联系我们'}</li> <li class="${flag?'show':'hide'}"></li> </ul>`console.log(html)输入结果为:原创 2017-11-04 16:29:13 · 220 阅读 · 0 评论 -
ES6系列之---字符串的扩展函数
includes() 判断字符串是否包含某个元素let str ='hello';console.log(str.includes("el"));//truestartsWith() 判断字符串是否以某个元素开头let str ='hello';console.log(str.startsWith("el"));//falseendsWith() 判断字符串是否以某个元素结尾l原创 2017-11-04 16:43:18 · 209 阅读 · 0 评论 -
ES6系列之---数组新增的内置函数
Array.from() 把类数组转换为数组<body><ul> <li></li> <li></li> <li></li> <li></li> <li></li></ul></body><script> var li=document.querySelectorAll("li"); console.log(Array.isArra原创 2017-11-04 17:07:18 · 652 阅读 · 0 评论 -
ES6系列之---对象的扩展函数
对象的简洁表示法 let a=1; const obj={ a:a } //当键和值一样的时候,es6可以这样写 const obj2={a}; console.log( obj2); //函数的简写const obj={ fn:function () { console.log(1) }, fn2(){原创 2017-11-04 17:27:31 · 154 阅读 · 0 评论 -
如何创建一个vue项目
node.js的安装这里就不说了。直接从vue说起1.安装vue脚手架 npm i vue-cli -g2.创建基于webpack的vue项目并初始化通过vue-cli创建基于webpack的vue项目并初始化 vue init webpack +项目名称3.安装依赖包 cd 项目名称 npm i4.启动项目 npm run dev原创 2017-11-06 14:05:55 · 344 阅读 · 0 评论 -
没有dev-server.js文件该怎么配置本地数据
VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.jsVUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webp转载 2017-12-05 15:21:54 · 1499 阅读 · 3 评论 -
使用PropTypes进行类型检测
使用PropTypes进行类型检测随着你的应用的变得越来越大,你可以通过typechecking来找到更多的bug。 对于某些应用,您可以使用JavaScript扩展(如Flow或TypeScript)对整个应用程序进行类型检查。即使你不使用这些,React也有一些内置的typechecking能力。 要在组件的props上运行typechecking,可以分配特殊的propTypes属性:clas转载 2017-12-04 11:13:08 · 932 阅读 · 0 评论 -
Create-React-App创建React项目
npm install -g create-react-app /* 安装create-react-app,建议使用cnpm */create-react-app myapp /* 使用命令创建应用,myapp为项目名称 */cd myapp /* 进入目录,然后启动 */npm原创 2017-12-22 14:43:10 · 448 阅读 · 0 评论 -
commonjs和ES6及requirejs模块循环引用
Commonjs模块循环引用commonjs是同步模块加载方式,因此其加载完成后才能执行下面的动作,require第一次加载完该脚本,就会在内存中生成一个对象,类似以:{ id: '...', exports: { ... }, loaded: true, ...}接着运行脚本,从别处引用此模块时,可以引用其exports出来的内容。当模块第二次引用时不会去重复加载,而是执行上次缓转载 2018-01-02 09:59:47 · 3285 阅读 · 0 评论 -
JWplayer 用法及参数介绍(一)
JWPlayer的使用入门这里使用JWPlayer,需要搭建网络环境(phpStudy)JWPlayer官网http://www.longtailvideo.com/JWPlayer下载页面http://www.longtailvideo.com/jw-player/download/解压后,将jwplayer整个文件夹放到appserv/www目录下新建html文件<html><head>原创 2018-01-02 13:43:15 · 3192 阅读 · 1 评论 -
JWplayer 用法及参数介绍(二)
参数这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js,可以用addVariable()方法来配置,如果使用的embed方式,可以通过定义”flashvars”属性来配置变量,注意用”&”符号分割这些变量。 被*号标注的同样适用于 JW Image Rotator基本变量> displayheight(number):显示区域的高度.控制区域最小高度是20p原创 2018-01-02 13:51:18 · 10919 阅读 · 0 评论 -
Array.prototype原生数组的方法总结(一)
Array.of()创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。 Array.of() 和 Array 构造函数之间的区别在于处理整数参数:Array.of(7) 创建一个具有单个元素 7 的数组,而 Array(7) 创建一个包含 7 个 undefined 元素的数组。Array.of(7); // [7] Array.of(1, 2, 3); // [1,原创 2018-01-02 15:09:37 · 1268 阅读 · 0 评论