11 2018 档案

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 阅读(4690) 评论(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 阅读(11252) 评论(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 阅读(8845) 评论(0) 推荐(0) 编辑

taro 项目、代码说明
摘要:入口文件的生命周期: 入口文件继承自 Component 组件基类,它同样拥有组件生命周期,但因为入口文件的特殊性,他的生命周期并不完整,如下 生命周期方法 | 作用 | 说明 | | componentWillMount | 程序被载入 | 在微信小程序中这一生命周期方法对应 app 的 onLa 阅读全文

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 知识点
摘要:taro 的包: 包名 | 说明 | @tarojs/redux | Redux for Taro @tarojs/redux h5 | Forked react redux for taro @tarojs/plugin csso | Taro压缩CSS文件 内置环境变量 用于判断当前编译类型,目 阅读全文

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 各模块及对应功能
摘要:node 各模块及对应功能 node 模块 | 对应功能 | net | 处理 TCP dgram | 处理 UDP http | 处理 HTTP/1 http2 | 处理 HTTP/2 https | 处理 HTTPS tls | 对安全传输层(TLS)及安全套接层(SSL)协议的实现,建立在Op 阅读全文

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) 编辑

导航

点击右上角即可分享
微信分享提示