node实战
创建定制的npm脚本1234567npm install --save-dev babel-cli babel-preset-es2015npm i --save-dev uglify-es// package.json "babel": "./node_modules/.bin/babel browser.js -d build/", "uglify": "./node_modules/.bin/uglifyjs build/browser.js -o build/browser.min.js", "build": "npm run babel && npm run uglify"
把Gulp添加到项目中123npm i -D gulp-sourcemaps gulp-babel babel-preset-es2015npm i -D gu ...
编曲
底鼓kick军鼓snarectrl + e split clip 分割ctrl + j consolidate clip 巩固ctr + d 复制音频
node初学
基本fs异步读文件12345678910111213141516var fs = require('fs');// 当读取二进制文件时，不传入文件编码时，回调函数的data参数将返回一个Buffer对象。在Node.js中，Buffer对象就是一个包含零个或任意个字节的数组（注意和Array不同）。fs.readFile('sample.txt', 'utf-8', function (err, data) { if (err) { console.log(err); } else { console.log(data); }});// Buffer -> Stringvar text = data.toString('utf-8');console.log(text);// String -> Buffervar buf &# ...
深入react技术栈
组件性能优化PureRenderPure局势组件满足纯函数的条件。react-addons-pure-render-mixin.其原理为重新实现了shouldComponentUpdate生命周期方法。
Immutablereact-addons-perf官方提供的插件，通过Perf.start()和Perf.stop()两个API设置开始和结束的状态来作分析。
动画react-smooththree.jsreact-motion
自动化测试Jestreact-addons-test-utils常用方法如下: Simulate.{eventName} (DomElement element, [object eventData])模拟触发事件 renderIntoDocument(ReactElement instance)渲染React组件到文档中，这里的文档节点由JSDOM提供 findRenderedDomComponentWithClass(ReactComponent tree, string className)从渲染的DOM树中查找含 ...
antd按需加载
npm run eject报错12git add .git commit -m "init"
123yarn add less less-loaderyarn add customize-crayarn add react-app-rewired
修改 package.json 里面的启动项
123456"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test --env=jsdom", "eject": "react-scripts eject" },
使用 babel-plugin-import 实现 antd 的按需加载
12345678910111 ...
react 进阶之路
eslint
本地安装 eslintnpm install eslint --save-devnpm install –save-dev babel-eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y
创建基础的 .eslintrc.jseslint --fix
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566//.eslintrc.jsmodule.exports = { // 环境 "env": { "browser": true, "commonjs": true, &qu ...
react eslint
npm install eslint -geslint –init
vscode 配置12345678910111213141516171819202122{ "editor.tabSize": 2, "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe", "files.eol": "\n", "emmet.includeLanguages": { "javascript": "javascriptreact" }, "files.autoSave": "onFocusChange", "eslint.autoFixOnSave": tr ...
vue笔记
引入less样式文件import "ant-design-vue/dist/antd.less";报错根目录创建vue.config.js并填写以下内容
123456789module.exports = { css: { loaderOptions: { less: { javascriptEnabled: true } } }};
按需加载组件npm i -D babel-plugin-import
1234567891011121314//第一种import DatePicker from 'ant-design-vue/lib/date-picker'; // 加载 JSimport 'ant-design-vue/lib/date-picker/style/css'; ...
react笔记
react是声明式开发,以往是命名式开发
可以与其它框架并存，因为只会挂载到root节点中
组件化
单向数据流
函数式编程
组件
React.component是基类,继承了该基类的类就是一个组件通过ReactDOM.render(<App />,document.getElementById('root'));其中,就是JSX语法。123class App extends React.Component{render();}
render(){}函数 定义组件的内容。
组件的定义，组件是页面的一部分。ReactDOM只能渲染单标签，所以如果是多个标签，可以使用 ReactDOM.render(<div><App /><Test /></div>,document.getElementById("root")); 一个div标签包裹。
JSX语法有两种类型的标签。一种是普通的html标签，首字母小写；二种是组件标签，首字母大写。
123i ...
vue mall 开发笔记
基于Vue-CLI 2.9模板npm install vue-cli -g
vue init webpack mall
.eslintrc.js
123456789101112131415161718192021rules: { // allow async-await 'generator-star-spacing': 'off', // allow debugger during development 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'semi': ['error', 'always'], // 把默认的eslintrc 代码风格 格式关闭 'indent': 'off& ...
