vuejs 十个最佳实践

2021-03-13
阅读 2 分钟
1.1k
2、用kebab-case命名自定义事件的名称,因为当vue发现事件名称不是这种名称规则的时候,在起内部是会被自动转换成kebab-case形式的

mac配置全局环境变量

2018-09-06
阅读 1 分钟
6.6k
1、判断自己用的命令行工具:bash对应的配置文件是bash_profile ,zsh对应的配置文件是zsh_profile2、打开命令行工具,以zsh为例:

如何完整迁移git仓库到另一个远程地址

2018-08-08
阅读 1 分钟
18k
项目中遇到git仓库迁移,很常见。如何把一个项目中所有的分支,tag等迁移到另一个仓库地址,需要执行一个特别的克隆命令,然后镜像push到新的仓库地址。具体步骤如下:1.打开命令行工具2.以bare的方式克隆老的仓库

DOM element 详解

2018-08-01
阅读 1 分钟
1.6k
Gecko内核的浏览器会在源代码中标签内部有空白符的地方插入一个文本结点到文档中.因此,使用诸如 Node.firstChild 和 Node.previousSibling Node.nextSibling 之类的方法可能会引用到一个空白符文本节点, 而不是使用者所预期得到的节点.

如何让git ignore 掉 .idea/workspace.xml

2018-05-14
阅读 1 分钟
9.2k
1、在项目还没有git add .之前,在.gitignore 文件中加入 .idea2、如果已经git add .了,再在.gitignore中加入.idea ,就已经没有用了。 此时,需要运行命令 git rm --cached -r .idea

NodeJs 的几种文件路径

2018-02-11
阅读 2 分钟
1.3k
本地运行时一切 OK,线上部署时却死活找不到 ./docs/use.md 这个文件,后来才发现是因为线上启动应用时不是从当前目录启动了,不过为什么启动脚本的位置也会影响这个路径呢,且往下看。

vue-router 编程式的导航

2017-08-07
阅读 2 分钟
1.7k
除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。

兼容性问题

2017-08-04
阅读 1 分钟
1.8k
{代码...} jQuery开发容易出现的问题 容易出现代码结构混乱(当然,有良好模块化编程习惯的还好) 对DOM的大量操作,消耗浏览器性能 兼容性问题的凸显 {代码...} css兼容问题 css3动画等需要加浏览器前缀的--可以用打包工具autoprefixer解决 Android,ios版本不同,对一些新出来的css属性的兼容性,如rem、em、vh、vw等 ...

vue使用mint-ui

2017-07-31
阅读 1 分钟
2.9k
installation {代码...} Usage Import all components. {代码...} Or import specified component. (Use babel-plugin-component) {代码...} Equals to {代码...} babel-plugin-componentAuto import css file ,Modular import component Installationnpm i babel-plugin-component -D Usage .babelrc {代码...} popup.v...

面向对象编程

2017-07-28
阅读 4 分钟
1.3k
先来一个直播点赞动效的例子 {代码...} 组件套路(基于jQuery): {代码...} {代码...}

webpack 图片的路径与打包

2017-07-06
阅读 2 分钟
5.3k
1. HTML文件中img标签的src属性引用或者内嵌样式引用 {代码...} 2. CSS文件中的背景图等设置 .photo { {代码...} } 3. JavaScript文件中动态添加或者改变的图片引用 {代码...} url-loader 在 webpack.config.js 文件中配置如下: {代码...} test 属性代表可以匹配的图片类型,除了 png、jpg 之外也可以添加 gif 等,以竖...

点击图片显示大图

2017-02-17
阅读 3 分钟
1.5k
{代码...}

微信里调起微信支付步骤

2017-02-15
阅读 2 分钟
5.5k
微信JS-SDK使用步骤: {代码...} wx.config({ {代码...} }); {代码...} wx.ready(function(){ {代码...} }); {代码...} wx.error(function(res){ {代码...} }); {代码...} wx.chooseWXPay({ {代码...} }); 备注:prepay_id通过微信支付统一下单接口拿到,paySign采用统一的微信支付签名方法生成,注意这里appid与config...

JS编程实践指导

2017-02-15
阅读 2 分钟
1.4k
避免双重求值 {代码...} 避免重复工作 {代码...} {代码...} {代码...}

webpack 配置

2016-12-21
阅读 3 分钟
2.7k
1、配置两个以上入口文件2、提取常用公共模块为单独的js文件(vendor--webpack.optimize.CommonsChunkPlugin)3、解决引用第三方文件的依赖问题(imports-loader/script-loader)4、jQuery以及依赖jQuery的js文件引用出错问题(webpack.ProvidePlugin)

前端优化

2016-12-16
阅读 2 分钟
2.8k
1. 利用工具 {代码...} pc端 移动端 {代码...} 2.前端工程化 {代码...} 3.速度性能 雅虎 优化方向及优化手段 请求数量 : JS、CSS文件选择性合并,小图片合并雪碧图或直接生成base64图片,拆分初始化负载--懒加载请求带宽 :开启GZip,精简JavaScript,移除重复脚本,图像优化缓存利用 :使用CDN,使用外部JavaScript和C...

react+webpack+redux 基础配置

2016-11-29
阅读 3 分钟
2.7k
此处用到nodemon跑服务器:命令行输入:npm run serve即可,会忽略components的改变,其余时候都会自动重启服务器不用nodemon的话,就用node server/server.js 启动服务器