- 博客(33)
- 收藏
- 关注
原创 vue-cli(vue脚手架)超详细教程
之前整理的一篇 vue-cli 新手教程,出乎意料意外的达到了 9W+ 的点击量,诚惶诚恐,为了让更多小伙伴有更好的体验,所以特意整理了这个新版本的。vue2是对新手很友好的MVVM框架,有完善的官方中文文档,阅读起来也非常容易理解,由浅入深,示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。vue.js 著名的全家桶系列, 包含了, vue-route...
2018-12-14 11:38:20
63385
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
2225
原创 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
5683
原创 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
513
原创 MongoDB 安装和卸载系统服务
本次安装的版本是 4.0安装路径为D:\MongoDB\4.0安装系统为 Windows 64bit到官网下载对应平台的安装包,下载地址打开文件,一路下一步安装,如果需要自定义安装路径,就自己选择下。在安装根目录 D:\MongoDB\4.0 创建 mongodb.config 配置文件。内容为:systemLog: destination: file ...
2018-11-29 17:31:37
618
原创 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
2764
原创 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
818
原创 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
33398
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
627
原创 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
3075
原创 vscode 新建文件,自定义vue代码块
第一步 添加配置,让vscode允许自定义的代码片段提示出来文件 --> 首选项 --> 设置 ---> 添加这2项// 控制代码片段是否与其他建议一起显示及其排列的位置。"editor.snippetSuggestions": "top",// 控制编辑器是否应自动设置粘贴内容的格式。格式化程序必须可用并且能设置文档中某一范围的格式。"editor.formatOn...
2018-09-29 14:52:05
5853
2
转载 正则表达式 6-14位字符;数字、字母、特殊字符(除空格),至少其中两种组合
数字+字母,数字+特殊字符,字母+特殊字符,数字+字母+特殊字符组合,而且不能是纯数字,纯字母,纯特殊字符^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,20}$上面的正则里所说的特殊字符是除了数字,字母之外的所有字符,如果要限定特殊字符,例如,特殊字符的范围为 !#$%^&* ,那么可以这么改^(?![\d]+$)(?![a...
2018-09-28 11:40:51
14791
转载 左侧容器跟随右侧容器高度改变而改变
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>..
2018-07-05 14:29:15
832
原创 使用gulp 报错 解决办法 TypeError: require.extensions.hasOwnProperty is not a function
使用ES6 做了一个小项目,在使用 gulp 时,报了 TypeError: require.extensions.hasOwnProperty is not a function 检查几遍代码都没有问题,我当时使用的是 8.9.3 的 node ,怀疑是 node 版本造成的问题,科学上网插了一下,有人把 node 降为 6.11.0 解决了问题,就尝试的使用 nvm 又装了一个 6.11.0 ...
2018-06-28 17:38:59
4575
原创 vs code 常用插件整理
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作vscode...
2018-06-27 15:20:16
6345
1
转载 VM 布局
html { font-size: 16px;}@media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准,414px正好18px大小, 600 20px */ font-size: calc(100% + 2 * (100vw - 375px) / 39);...
2018-06-06 10:14:38
1409
原创 fastclick.js
在项目根目录下 npm install fastclick --save然后在 main.js 入口文件引入 import fastClick from 'fastclick'调用 fastclick.jsfastClick.attach(document.body)
2018-05-29 19:57:40
832
原创 解决移动浏览器 1PX 边框
把这个 border.css 引入项目即可@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,...
2018-05-29 19:38:02
558
原创 reset.css
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:...
2018-05-29 19:30:29
566
转载 vue-router(路由)详细教程
由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,实际上就是组件的切换。路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链...
2018-05-28 21:08:30
172859
14
转载 VS code 快捷键
按 Press功能 FunctionCtrl + Shift + P,F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close window/instance基础编辑 Basic editing按 Press功...
2018-05-27 11:43:02
410
原创 VUE 指令
Vue 指令&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &am
2018-05-25 23:31:20
668
1
原创 oracle数据库安装与执行
oracle数据库安装与执行: 1.启动oracle数据库 dos命令行中: net start ---查看window的服务是否启动。 net start OracleServiceORCL --启动数据库服务实例。 net start OracleOraDb11g_h...
2018-05-25 23:30:17
452
原创 AJAX
AJAX的注册流程<script> //1.初始化 请求代理对象 var xhr = new XMLHttpRequest(); // ==> 0 // 调用open方法,建立一个与服务器特定端口的连接 // 第一个参数:请求方式 // 第二个参数:请求地址 xhr.open('GET','time.php');...
2018-05-25 23:29:10
111
原创 PHP7的安装
打开php官网,下载对应VC支持包的PHP版本,注意请选择‘Thread Safe’版本。把下载的解压包,解压到指定的盘符目录,例如:D:/php/ 打开 CMD 查看 PHP 版本D:/php/php -vPHP 7.1.15 (cli) (built: Mar 1 2018 01:51:52) ( ZTS MSVC14 (Visual C++ 2015) x64 )Copy...
2018-05-25 23:27:48
1055
原创 Apache PHP扩展模块的配置
PHP的扩展模块,在PHP的安装目录 php/ext文件下。复制php配置模版文件php/php.ini-development,重命名为 php.ini找到extension_dir 新建一个配置路径:extension_dir = "D:/php/ext(php的安装目录)"找到配置模块,解开注释。extension = php_xxx.dll重启 Apache 服务。如...
2018-05-25 23:26:31
2781
原创 Apache http server 安装与配置
Apache http server 安装与配置注意事项:Apache官网从2.2之后,不再提供windows的msi或exe安装版本,现在Apache http Server有两个分支2.2及2.4下载进入Apache官网,http://httpd.apache.org/download.cgi选择版本,点击 Files for Microsoft Windows ,(win...
2018-05-25 23:25:34
11853
1
原创 左边div固定宽度,右边div自适应撑满剩下的宽度
1. 使用float<div class="use-float"> <div class="left"></div> <div class="right"></div></div><style> .left {
2018-05-24 23:49:43
3695
原创 JSX语法
如何启用JSX语法?安装 babel 插件 运行cnpm i babel-core babel-loader babel-plugin-transform-runtime -D运行cnpm i babel-preset-env babel-preset-stage-0 -D 安装能够识别转换JSX语法的包babel-preset-react运行cnpm i babel...
2018-05-24 01:27:38
307
转载 CSDN-markdown编辑器
Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 ...
2018-05-24 00:00:27
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人