- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue-cli（vue脚手架）超详细教程
之前整理的一篇 vue-cli 新手教程，出乎意料意外的达到了 9W+ 的点击量，诚惶诚恐，为了让更多小伙伴有更好的体验，所以特意整理了这个新版本的。vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。vue.js 著名的全家桶系列, 包含了， vue-route...
2018-12-14 11:38:20
62569
13
原创 webpack-编译TypeScript
TypeScript什么是TypeScript ?TypeScript 是 JS 的超集 ，中文官网在webpack中使用TypeScript，需要安装 TypeScript 的 loader 有两个官方推荐的 npm i typescript ts-loader --save-dev第三方的 npm i typescript awesome-typescript-loader --s...
2018-12-03 17:38:47
2206
原创 webpack编译ES6，ES7，babel-loader的使用
编译ES6 7webpack 4.x | babel-loader 8.x | babel 7.xnpm install -D babel-loader @babel/core @babel/preset-env webpackwebpack 4.x | babel-loader 7.x | babel 6.xnpm install -D babel-loader@7 babel-c...
2018-12-03 15:37:31
5610
原创 webpack起步 - 打包JS文件
webpack起步 - 打包JS文件1. 使用 NPM 安装 webpack要安装最新版本或者特定版本，请运行一下命令： npm install webpack --save-dev npm install webpack@<version> --save-dev2. 在目录下新建 app.js 作为入口文件，新建 sum.js ，index.htmlapp.js :...
2018-12-03 11:08:53
470
原创 MongoDB 安装和卸载系统服务
本次安装的版本是 4.0安装路径为D:\MongoDB\4.0安装系统为 Windows 64bit到官网下载对应平台的安装包，下载地址打开文件，一路下一步安装，如果需要自定义安装路径，就自己选择下。在安装根目录 D:\MongoDB\4.0 创建 mongodb.config 配置文件。内容为：systemLog: destination: file ...
2018-11-29 17:31:37
606
原创 CSS模块化的几种常见思想，OOCSS，SMACSS，Atomic CSS，MCSS，AMCSS，BEM
OOCSS面向对象的CSS，主要思想是 “结构和设计的分离，容器和内容的分离”简单的说就是抽象公共类，把复用度高的样式抽取出来，例如： .mt20 { margin-top: 20px } .tc { text-align: center } .abs { position: absolute } .clearfix:after { content: ‘’; displa...
2018-11-29 15:14:05
2726
原创 Unable to preventDefault inside passive event listener due to target being treated as passive.
由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。浏览器忽略 preventDefault() 就可以第一时间滚动了。举例：wnidow.addEventListener('touchm
2018-11-08 10:01:50
797
原创 img标签 src 引用图片资源无法显示的问题
img标签 src使用网络资源在IE中无法加载显示<img alt="" src="http://xxx.xxx.io/assets/web/xxx.png">解决方案:在 header 加入 meta<meta name="referrer" content="never">...
2018-11-06 23:30:57
33303
2
原创 vscode 个人配置
{ "workbench.iconTheme": "vscode-icons", "files.autoSave": "onFocusChange", "editor.tabSize": 2, "editor.wordWrap": "on", "editor.fontSize": 16, "e
2018-10-22 14:40:45
606
原创 redux-thunk 安装使用，以及redux-devtools配置
关于 redux 中间件使用的简单记录可以在 github 搜索 redux-thunk || redux-devtools || redux-devtools-extension 查看文档在项目安装 redux-thunk。yarn add redux-thunk || npm install redux-thunk --save在创建 redux 时,使用 redux, ...
2018-10-12 14:41:55
3056
原创 vscode 新建文件，自定义vue代码块
第一步 添加配置，让vscode允许自定义的代码片段提示出来文件 --> 首选项 --> 设置 ---> 添加这2项// 控制代码片段是否与其他建议一起显示及其排列的位置。"editor.snippetSuggestions": "top",// 控制编辑器是否应自动设置粘贴内容的格式。格式化程序必须可用并且能设置文档中某一范围的格式。"editor.formatOn...
2018-09-29 14:52:05
5808
2
转载 正则表达式 6-14位字符；数字、字母、特殊字符（除空格），至少其中两种组合
数字+字母，数字+特殊字符，字母+特殊字符，数字+字母+特殊字符组合，而且不能是纯数字，纯字母，纯特殊字符^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,20}$上面的正则里所说的特殊字符是除了数字，字母之外的所有字符，如果要限定特殊字符，例如，特殊字符的范围为 !#$%^&* ，那么可以这么改^(?![\d]+$)(?
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人