cag2050 - 博客园

babel-loader和webpack UglifyJS一起使用时console的问题

摘要：一起使用babel loader和webpack UglifyJS时，babel会优先处理一遍代码，编译后的代码才进入webpack进行打包和优化操作。出处：https://www.tangshuang.net/3666.html 阅读全文

posted @ 2018-12-06 16:22 cag2050 阅读(345) 评论(0) 推荐(0) 编辑

uglifyjs-webpack-plugin 插件，drop_console 默认为 false（不清除 console 语句），drop_debugger 默认为 true（清除 debugger 语句）

摘要： uglifyjs webpack plugin 插件，drop_console 默认为 false（不清除console语句），drop_debugger 默认为 true（清除 debugger 语句） https://github.com/webpack contrib/uglifyjs web 阅读全文

posted @ 2018-12-06 15:47 cag2050 阅读(6671) 评论(0) 推荐(0) 编辑

读《精通正则表达式（第三版）》笔记

摘要：字符组与多选结构的区别：一个字符组只能匹配目标文本中的 , 而每个多选结构自身都可能是完整的正则表达式，都可以匹配任意长度的文本。多选结构后面如果没有量词（？、、+），可以去掉因此：等价于问：：匹配一个不是x的字符，还是匹配一个不是xxx的字符？答：元字符作用于紧邻的字符，因阅读全文

posted @ 2018-12-06 10:22 cag2050 阅读(124) 评论(0) 推荐(0) 编辑

vue cli 3.x 设置4个空格缩进

摘要： vue cli 3.x 设置4个空格缩进： 1. 文件中，修改为 2. 文件添加一行：示例项目：https://github.com/cag2050/vue_cli_3.x_template 阅读全文

posted @ 2018-12-05 19:14 cag2050 阅读(4577) 评论(1) 推荐(0) 编辑

正则表达式学习资料

摘要：正则表达式学习资料学习资料 | 网址 | 正则表达式教程（菜鸟教程） | http://www.runoob.com/regexp/regexp tutorial.html 正则表达式30分钟入门教程 | https://deerchao.net/tutorials/regex/regex.h 阅读全文

posted @ 2018-12-05 16:40 cag2050 阅读(143) 评论(0) 推荐(0) 编辑

windows10 修改host文件

摘要： https://jingyan.baidu.com/article/425e69e6e479a2be15fc16e1.html 阅读全文

posted @ 2018-12-03 19:40 cag2050 阅读(145) 评论(0) 推荐(0) 编辑

git stash 的用法

摘要： https://segmentfault.com/a/1190000002554160 阅读全文

posted @ 2018-11-29 14:25 cag2050 阅读(131) 评论(0) 推荐(0) 编辑

focus、input、keydown、keyup、change、blur方法的差异

摘要： focus、input、keydown、keyup、change、blur方法的差异： https://blog.csdn.net/yiifaa/article/details/52372022 blur与change事件在绝大部分的情况下表现都非常相似，输入结束后，离开输入框，会先后触发chang 阅读全文

posted @ 2018-11-28 13:21 cag2050 阅读(2331) 评论(0) 推荐(0) 编辑

webpack 的入口（Entry）、输出（Output）

摘要：入口（Entry）入口定义了我们的应用代码开始执行的那个文件，webpack从这个文件开始打包。你能定义一个入口点（常见于单页应用 Single Page Application），或者多个入口点（常见于多页应用 Multiple Page Application）。定义一个入口点就生成一个c 阅读全文

posted @ 2018-11-26 17:46 cag2050 阅读(348) 评论(0) 推荐(0) 编辑

webpack 入口：entry

摘要：定义一个入口点就生成一个chunk。如果你只是用字符串的方式定义了一个入口点，其就被命名为main。如果你用对象的方式定义多个入口点，其就被命名为入口对象中的键值。下面两个例子是等价的：阅读全文

posted @ 2018-11-26 17:45 cag2050 阅读(135) 评论(0) 推荐(0) 编辑

style-loader、css-loader、mini-css-extract-plugin 区别

摘要：项目 | 区别 | css loader | 处理 css 文件 style loader | 把 js 中 import 导入的样式文件代码，打包到 js 文件中，运行 js 文件时，将样式自动插入到` 阅读全文

posted @ 2018-11-26 16:51 cag2050 阅读(2826) 评论(0) 推荐(0) 编辑

css 兼容性问题，整理

摘要： css 兼容性问题，整理： css 兼容性问题 | 说明 | `` | 在chrome下，是不能输入非数字的字符的；但是在火狐63.0.3（2018.11.22日mac最新版），可以输入非数字字符，但是会有红色边框提示阅读全文

posted @ 2018-11-22 16:16 cag2050 阅读(134) 评论(0) 推荐(0) 编辑

webpack 中，loader、plugin 的区别

摘要： loader 和 plugin 的主要区别： 1. loader 用于加载某些资源文件。因为 webpack 只能理解 JavaScript 和 JSON 文件，对于其他资源例如 css，图片，或者其他的语法集，比如 jsx， coffee，是没有办法加载的。这就需要对应的loader将资源转化阅读全文

posted @ 2018-11-15 11:52 cag2050 阅读(5031) 评论(0) 推荐(1) 编辑

webpack 4 知识点

摘要：相应Github地址：https://github.com/cag2050/webpack4_demo css loader 让我们能在javascript代码中导入css文件，但这还不能让css起作用。我们还需要 style loader 把这些样式代码加载到浏览器中（注：就是将样式自动插入到` 阅读全文

posted @ 2018-11-14 17:06 cag2050 阅读(146) 评论(0) 推荐(0) 编辑

webpack 4 学习资料

摘要： webpack 4 学习资料资料 | 网址 | webpack 中文版 | https://webpack.docschina.org/configuration/ webpack 4 教程 | https://segmentfault.com/a/1190000016602351 英文原版：ht 阅读全文

posted @ 2018-11-14 14:19 cag2050 阅读(121) 评论(0) 推荐(0) 编辑

webpack 4：默认配置

摘要： webpack 4：默认配置 entry 默认: （注意：路径必须带上）； output 默认最后路径: （注意：路径必须带上）； mode 默认：'production' 可选值：production、development、none https://webpack.docschina.o 阅读全文

posted @ 2018-11-13 21:03 cag2050 阅读(799) 评论(0) 推荐(0) 编辑

webpack 4 升级点

摘要： webpack 4 升级点：默认entry为./src,默认output为/dist sideEffects 在webapck2开始支持ESModule后，webpack提出了tree shaking进行无用模块的消除，主要依赖ES Module的静态结构。在webapck4之前，主要通过在.ba 阅读全文

posted @ 2018-11-13 19:27 cag2050 阅读(198) 评论(0) 推荐(0) 编辑

webpack 3 升级到 webpack 4，遇到问题解决

摘要：报错：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 解决：将extract text webpack plugin插件更换为mini css extrac 阅读全文

posted @ 2018-11-13 19:22 cag2050 阅读(219) 评论(0) 推荐(0) 编辑

js对象的key类型

摘要： http://javascript.ruanyifeng.com/grammar/object.html toc2 对象的所有键名都是字符串（ES6 又引入了 Symbol 值也可以作为键名），所以加不加引号都可以。如果键名是数值，会被自动转为字符串。如果键名不符合标识名的条件（比如第一个字符为阅读全文

posted @ 2018-11-10 17:19 cag2050 阅读(4693) 评论(0) 推荐(0) 编辑

webpack 学习资料

摘要： webpack 学习资料 webpack 学习资料 | 网址 | webpack 中文版 | https://webpack.docschina.org/configuration/dev server/ 阅读全文

posted @ 2018-11-09 11:16 cag2050 阅读(165) 评论(0) 推荐(0) 编辑

taro 消息机制

摘要： Taro 提供了 Taro.Events 来实现消息机制，使用时需要实例化它同时 Taro 还提供了一个全局消息中心 Taro.eventCenter 以供使用，它是 Taro.Events 的实例 https://nervjs.github.io/taro/docs/events.html 阅读全文

posted @ 2018-11-08 19:48 cag2050 阅读(2506) 评论(0) 推荐(0) 编辑

taro 最佳实践

摘要：对 JSX 支持程度补充说明： 1. 不能在包含 JSX 元素的 map 循环中使用 if 表达式 1. 不能使用 Array map 之外的方法操作 JSX 数组 1. 不能在 JSX 参数中使用匿名函数 1. 暂不支持在 render() 之外的方法定义 JSX 1. 不允许在 JSX 参数(p 阅读全文

posted @ 2018-11-08 17:55 cag2050 阅读(1827) 评论(0) 推荐(0) 编辑

taro 组件的外部样式和全局样式

摘要：自定义组件对应的样式文件，只对该组件内的节点生效。编写组件样式时，需要注意以下几点： 1. 组件和引用组件的页面不能使用 id 选择器（ a）、属性选择器（[a]）和标签名选择器，请改用 class 选择器。 2. 组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现阅读全文

posted @ 2018-11-08 17:35 cag2050 阅读(11253) 评论(0) 推荐(0) 编辑

taro 微信小程序原生作用域获取

摘要：在 Taro 的页面和组件类中，this 指向的是 Taro页面或组件实例。但是一般我们需要获取 Taro的页面和组件所对应的小程序原生页面和组件实例，这个时候我们可以通过 this.$scope 就能访问到它们。所以当调用一些 API 需要传入小程序的页面或组件实例时，可以直接传入 th 阅读全文

posted @ 2018-11-08 17:02 cag2050 阅读(3205) 评论(0) 推荐(0) 编辑

taro refs引用

摘要：创建 Refs Taro 支持使用字符串和函数两种方式创建 Ref： 1. 使用字符串创建 ref 2. 通过函数创建 ref（推荐）你也可以通过传递一个函数创建 ref, 在函数中被引用的组件会作为函数的第一个参数传递。如果是被引用的组件是自定义组件，那可以在任意的生命周期访问引用。不管在任何阅读全文

posted @ 2018-11-08 16:43 cag2050 阅读(1821) 评论(0) 推荐(0) 编辑

taro 列表渲染

摘要：元素的 key 在他的兄弟元素之间应该唯一数组元素中使用的 key 在其兄弟之间应该是独一无二的。然而，它们不需要是全局唯一的。当我们生成两个不同的数组时，我们可以使用相同的 key key 的取值 key 的取值必须同时满足三个条件： 1. 稳定 2. 可预测 3. 唯一（相对于其他兄弟元素）阅读全文

posted @ 2018-11-08 16:24 cag2050 阅读(2454) 评论(0) 推荐(0) 编辑

taro 事件处理

摘要： https://nervjs.github.io/taro/docs/event.html Taro 元素的事件处理和 DOM 元素的很相似。但是有一点语法上的不同: Taro 事件绑定属性的命名采用驼峰式写法，而不是小写。如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符阅读全文

posted @ 2018-11-08 14:53 cag2050 阅读(8846) 评论(0) 推荐(0) 编辑

taro 项目、代码说明

posted @ 2018-11-07 16:32 cag2050 阅读(4395) 评论(0) 推荐(0) 编辑

taro 开发注意点

摘要： taro 开发注意点：注意点 | 原因 | 如果要支持 React Native 端，必须采用 Flex 布局，并且样式选择器仅支持类选择器，且不支持组合器 | Taro RN 端是基于 Expo，因此不支持引入 React Native 的第三方库 | 某些样式代码仅供 H5 端使用，放在与阅读全文

posted @ 2018-11-07 16:01 cag2050 阅读(2627) 评论(0) 推荐(0) 编辑

taro 知识点

posted @ 2018-11-06 17:26 cag2050 阅读(1366) 评论(0) 推荐(0) 编辑

taro 学习资料

摘要： taro 学习资料学习资料 | 网址 | github | https://github.com/NervJS/taro taro 官方文档 | https://nervjs.github.io/taro/docs/README.html 阅读全文

posted @ 2018-11-06 17:24 cag2050 阅读(213) 评论(0) 推荐(0) 编辑

egg 官方文档之：框架扩展（Application、Context、Request、Response、Helper的访问方式及扩展）

摘要：地址：https://eggjs.org/zh cn/basics/extend.html Application app 对象指的是 Koa 的全局应用对象，全局只有一个，在应用启动时被创建。访问方式： ctx.app Controller，Middleware，Helper，Service 中阅读全文

posted @ 2018-11-06 11:34 cag2050 阅读(7267) 评论(0) 推荐(0) 编辑

node 学习资料

摘要： Node 学习资料：资料名称 | 网址 | Node.js 中文API文档 | http://nodejs.cn/api/ Node 菜鸟教程 | http://www.runoob.com/nodejs/nodejs tutorial.html 阅读全文

posted @ 2018-11-06 10:25 cag2050 阅读(208) 评论(0) 推荐(0) 编辑

node api 之：fs

摘要： fs.readFile() 函数会缓存整个文件。为了最小化内存占用，尽可能优先使用 fs.createReadStream()。阅读全文

posted @ 2018-11-05 16:08 cag2050 阅读(115) 评论(0) 推荐(0) 编辑

node api 之：stream - 流

摘要： stream 模块可以通过以下方式使用：流可以是可读的、可写的、或者可读可写的。所有的流都是 EventEmitter 的实例。 stream 模块本身主要用于开发者创建新类型的流实例。对于以消费流对象为主的开发者，极少需要直接使用 stream 模块。可写流（比如例子中的 res）会暴露了阅读全文

posted @ 2018-11-05 15:47 cag2050 阅读(219) 评论(0) 推荐(0) 编辑

node api 之：util

摘要： util 库的使用： util 的方法：方法 | 含义 | util.inherits(constructor, superConstructor) | 不建议使用 util.inherits()。请使用 ES6 的 class 和 extends 关键词获得语言层面的继承支持。注意，这两种方阅读全文

posted @ 2018-11-05 15:01 cag2050 阅读(141) 评论(0) 推荐(0) 编辑

node 各模块及对应功能

posted @ 2018-11-01 20:12 cag2050 阅读(226) 评论(0) 推荐(0) 编辑

父组件想得到子组件变化后的值（也可理解为：子组件将变化后的值，告知父组件）

摘要：组件默认绑定的值、事件，是value、input，可以更改 "自定义组件的 v model：官方说明网址" 子组件改变了父组件传入的prop，想通知父组件，可以用update sync实现 ".sync 修饰符：官方说明网址" 阅读全文

posted @ 2018-11-01 19:43 cag2050 阅读(442) 评论(0) 推荐(0) 编辑

node api 之：Error

摘要： Node.js 中运行的应用程序一般会遇到以下四类错误： 1. 标准的 JavaScript 错误： `` : 当调用 eval() 失败时抛出。 `` : 当 JavaScript 语法错误时抛出。 `` : 当值不在预期范围内时抛出。 `` : 当使用未定义的变量时抛出。 `` : 当传入错误类阅读全文

posted @ 2018-10-31 20:09 cag2050 阅读(224) 评论(0) 推荐(0) 编辑

git 项目配置用户名、邮箱的方法

摘要： git 项目配置用户名、邮箱的方法单个仓库里，配置用户名、邮箱：全局配置用户名、邮箱：阅读全文

posted @ 2018-10-29 14:18 cag2050 阅读(831) 评论(0) 推荐(0) 编辑

导航