前端技巧
李留白
这个作者很懒,什么都没留下…
展开
-
JS中typeof用法
JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数据。typeof 可以用来检测给定变量的数据类型,可能的返回值:‘undefined’ — 这个值未定义;‘boolean’ — 这个值是布尔值;‘string’ — 这个值是字符串;‘number’ — 这个值是数值;‘object’ — 这个值是对象或null;‘function’原创 2016-08-10 19:34:03 · 364 阅读 · 0 评论 -
Javascript实现深拷贝方法-deepCopy
在Vuex源码中发现了一个深拷贝方法,感觉不错,记录一下。function deepCopy (obj, cache = []) { function find (list, f) { return list.filter(f)[0] } // just return if obj is immutable value if (obj === null || t...原创 2018-04-06 22:39:18 · 3606 阅读 · 1 评论 -
Sublime Text 3 快捷键总结
选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。Ctrl+Shift+转载 2017-11-23 16:10:31 · 211 阅读 · 0 评论 -
【React Native】那些年RN上跳过的坑
1、github上clone下来的react native 项目,在mac上 react-native run-android 后,报错如下:Starting JS server...Building and installing the app on the device (cd android && ./gradlew installDebug)...Could ...原创 2017-11-07 17:03:32 · 769 阅读 · 1 评论 -
DocumentFragment 对象在性能优化中的应用
DocumentFragment 接口表示文档的一部分(或一段)。更确切地说,它表示一个或多个邻接的 Document 节点和它们的所有子孙节点。也就是说,这个对象相当于一个挂载点,里面包含了真实的节点。 DocumentFragment 节点不属于文档树,继承的 parentNode 属性总是 null。使用 Document.createDocumentFragment() 方法创建新的空 D原创 2017-05-18 09:44:10 · 995 阅读 · 0 评论 -
【JavaScript】12种应该避免的js语法
==Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。请尽量不要使用前一组,永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。如果你不相信的话,请回答下面五个判断式的值是true还是false: false == ‘false’ false == undefined false原创 2017-05-12 10:15:50 · 482 阅读 · 0 评论 -
Windows下使用 nvm 管理不同版本的 node
最近在工作中,需要在不同的项目中使用不同版本的node。但是研究了一下nnode版本管理器,好像不支持windows环境。因此,实践了一下nvm。1、首先需要下载nvm的exe文件。 https://github.com/coreybutler/nvm-windows/releases2、从最新releases版本中下载nvm-setup.zip压缩包,解压后安装即可。3、nvm常用的命令:项目G原创 2017-03-14 12:40:55 · 4242 阅读 · 0 评论 -
【CSS3】创意页面切换效果集合
CSS3实现的页面切换动画特效在线演示地址:http://www.yyyweb.com/demo/page-transitions/原创 2017-03-07 10:02:50 · 2444 阅读 · 0 评论 -
【Vue2.0】vue生命周期中的钩子函数
最常用的就是created函数,后续会贴一些实际项目中使用到的关于生命周期使用的代码。原创 2017-02-27 09:29:19 · 1735 阅读 · 0 评论 -
【vue2.0】Cannot read property 'matched' of undefined
最近在尝试用vue-cli 架手架自动生成vue2.0项目时,用到了vue-router。但是一直报错如下:Uncaught TypeError: Cannot read property 'matched' of undefined一直没找到原因,最终在尝试无数次后,发现问题在引入路由文件后的命名上,代码如下:import Vue from 'vue'import App from './A原创 2017-02-27 09:17:03 · 28030 阅读 · 4 评论 -
【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题
使用vue官方的vue-cli脚手架自动生成项目后,在启动项目后,会自动打开 ‘http://localhost:8080/#/’ 地址,而且一直没法去掉“#”号。直到后来重新详细看vue-router官方文档,才发现,这是由路由的默认配置模式引起的。解决方法是将路由配置成history模式,代码如下:export default new Router({ mode: 'history',原创 2017-02-22 15:54:30 · 6697 阅读 · 0 评论 -
对象的拷贝 - $.extend方法
今天遇到一个问题,使用ajax请求数据后,希望将请求的数据像数组push一样丢进老的对象之中,而又不想老对象里面的数据丢失。数组对这种问题的处理很简单,直接用新数据push进老数组即可。但是对于对象而言,一直没想到好方法。知道发现了$.extend方法。使用方法:$.extend(true, target object, object1);其中,第一个参数是选择是否覆盖在已有的key上,第二个参数原创 2017-02-20 16:59:00 · 625 阅读 · 0 评论 -
【转载】国内优秀npm镜像推荐及使用
npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源,国内用户可以选择使用。国内优秀npm镜像淘宝npm镜像 搜索地址:http://npm.taobao.org/registry地址:http://registry.npm.taobao.org/cnpmjs镜转载 2017-02-06 15:07:07 · 848 阅读 · 0 评论 -
本地搭建Http-Server服务器
1、 初始化http-servernpm init2、 使用npm导入Http-Servernpm install --save-dev http-server --registry=https://registry.npm.taobao.org3、 Project下,package.json中添加如下启动命令:其中8090是端口号,你可以改成你自己的端口号。4、在当前目录下使用命令行工具,运行以下原创 2016-08-18 16:08:50 · 4378 阅读 · 0 评论 -
JavaScript RegExp 对象
RegExp 对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法:new RegExp(pattern, attributes);参数 参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串,包含属性 “g”、”i” 和 “m”,原创 2016-11-14 11:27:37 · 210 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如:var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str) Object age: "23" name: "huangxiaojian" __proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。str原创 2016-11-14 11:02:57 · 403 阅读 · 0 评论 -
发布自己的项目到NPM
1. 注册npm官网账号访问npm官网,并注册账号。2. 在模块根目录初始化 package.jsonnpm init3. 用户验证,命令行执行:npm adduser 4. 发布模块,在模块的根文件夹执行:npm publish5. npm常用命令 npm install module_name 模块安装 npm -g install module_name 全局安装 npm search原创 2016-08-24 11:48:08 · 1489 阅读 · 0 评论 -
iterm2 快捷键大全 Mac item2常用快捷键
标签新建标签:command + t关闭标签:command + w切换标签:command + 数字 command + 左右方向键切换全屏:command + enter查找:command + f分屏垂直分屏:command + d水平分屏:command + shift + d切换屏幕:command + option + 方向键 command + [ 或 comman...转载 2018-12-06 16:58:22 · 1150 阅读 · 0 评论