随笔分类 -  web 构建工具

上一页 1 2 3 4 5 6 下一页

Lightning Web Components 组件生命周期（六）
摘要：组件创建以及渲染流程 组件移除dom 处理流程 组件从dom 移除 组件中的disconnectedCallback() 方法被调用 子组件从dom 移除 每个子组件的disconnectedCallback() 说明 详细关于回调方法的流程，可以参考官方文档 参考资料 https://lwc.de 阅读全文

posted @ 2019-06-04 09:19 荣锋亮 阅读(642) 评论(0) 推荐(0) 编辑

Lightning Web Components 组合（五）
摘要：使用组合我们可以用来设计复杂的组件。 组合一些比较小的组件，可以增加组件的重新性以及可维护性。 通过以下一个简单的demo，将会展示关于owner 以及container 的概念，在实际的项目中 example-todo-item 一般是通过for:each 循环动态填充的 <!-- todoApp 阅读全文

posted @ 2019-06-04 09:04 荣锋亮 阅读(502) 评论(0) 推荐(0) 编辑

Lightning Web Components 组件样式（四）
摘要：要将样式与组件进行绑定，需要创建一个同名的样式文件，这样样式将会自动应用到组件 在组件中定义的样式的作用域是属于组件的，这样允许组件可以在不同的上下文中可以复用， 可以阻止其他组件的样式的复写 css 作用域例子 重要说明 一个组件的文件夹和文件名是骆驼的情况下，myComponent，myComp 阅读全文

posted @ 2019-06-03 12:47 荣锋亮 阅读(956) 评论(0) 推荐(0) 编辑

Lightning Web Components html_templates（三）
摘要：Lightning Web Components 强大之处在于模版系统，使用了虚拟dom 进行智能高效的组件渲染。 使用简单语法以声明方式将组件的模板绑定到组件的JavaScript类中的数据 数据绑定 我们可以使用{property} 绑定组件模版属性到一个组件js 类中的属性 一个简单的例子 组 阅读全文

posted @ 2019-06-03 10:04 荣锋亮 阅读(664) 评论(0) 推荐(0) 编辑

Lightning Web Components 开发指南（二）
摘要：Lightning Web Components 是自定义元素使用html 以及现代javascript进行构建。 Lightning Web Components UI 框架使用web components 标准，并且提供仅在。 浏览器中良好运行的内容，编写的大多数代码都是标准的js 以及html 阅读全文

posted @ 2019-06-03 09:18 荣锋亮 阅读(573) 评论(0) 推荐(0) 编辑

Lightning Web Components 安装试用（一）
摘要：Lightning Web Components 简称（lwc） 是一个快速企业级的web 组件化解决方案，同时官方文档很全，我们可以完整的 学习lwc 项目结构 使用npx 官方提供了一个create app 的脚手架 lwc-create-app 项目初始化 npx lwc-create-app 阅读全文

posted @ 2019-06-03 09:01 荣锋亮 阅读(782) 评论(0) 推荐(0) 编辑

dinoql 试用
摘要：dinoql 前面有过介绍，详细的参考文档即可，这篇主要是简单使用 注意目前dinoql 直接通过node 运行会有window 的问题，有好几种解决方法，后边会说明 环境准备 项目初始化 yarn init -y 添加dinoql依赖 yarn add dinoql 添加工具依赖 主要是解决web 阅读全文

posted @ 2019-05-10 11:35 荣锋亮 阅读(342) 评论(0) 推荐(0) 编辑

svelte 构建快速web 应用的工具
摘要：svelte 和angular vue reat 类似，都是方便快速的创建用户界面，最大不同的地方是svelte 转换你的app 是在构建时，而不是运行时，所以好处就是不用花费太多的操作在，框架的 抽象上 以下为一个简单的例子，代码来自官方文档： 注意使用了svelte 的template 安装de 阅读全文

posted @ 2019-02-22 14:18 荣锋亮 阅读(940) 评论(0) 推荐(0) 编辑

简单 babel plugin 开发-使用lerna 工具
摘要：babel在现在的web 应用开发上具有很重要的作用，帮助我们做了好多事情，同时又有 比较多的babel plugin 可以解决我们实际开发上的问题。 以下只是学习下如果编写一个简单的babel plugin，项目使用lerna 进行代码包管理 插件开发模型 项目准备 lerna 项目初始化 ler 阅读全文

posted @ 2019-02-15 10:50 荣锋亮 阅读(844) 评论(0) 推荐(0) 编辑

简单webpack plugin 开发
摘要：重要是学习下怎么开发webpack plugin，同时记录下 插件模型 webpack 是一个插件，可以是javascript class ，或者具名 class 定义apply 方法 指定一个绑定到webpack 自身的事件钩子 使用webpack提供的plugin api 操作构建结果 参考格式 阅读全文

posted @ 2019-02-14 14:21 荣锋亮 阅读(874) 评论(0) 推荐(0) 编辑

immutable-styles 新的css style 开发模式
摘要：immutable-styles 是一个开源的library，可以方便我们开发强壮以及可预测的web 界面，不用担心其他css 的影响 特性 编译时错误提示 防止css 覆盖 分离破坏点 严格继承 重复属性捕获 不可变混入 使用jsx 编写 参考资料 https://github.com/callu 阅读全文

posted @ 2019-02-12 10:12 荣锋亮 阅读(325) 评论(0) 推荐(0) 编辑

pack 方便的npm 构建工具
摘要：一般我们都是使用nodejs 自身的npm 或者yarn进行 npm 包的开发（包括构建），但是随着强类型的开发模式 在实际web 的开发中越来越重要，大家一般都会选择使用typescript 等js 的超集语言进行web 开发。 pack 就是一款方便我们进行npm 包构建同时帮助我们生成type 阅读全文

posted @ 2019-02-08 14:15 荣锋亮 阅读(1535) 评论(0) 推荐(0) 编辑

pnpm 快速节省磁盘工具的包管理工具
摘要：nodejs 相关的包管理工具有很多，我们常用的有 npm cnpm（我基本已经不用了），yarn。。。 pnpm 是另外一个不错的包管理工具，包含以下特性 快速 节省空间，一个版本的包只会在磁盘中存储一份 支持多包仓库管理 严格，只能访问package.json 中的依赖 跨平台，支持mac li 阅读全文

posted @ 2019-01-25 15:42 荣锋亮 阅读(1354) 评论(0) 推荐(0) 编辑

nuxt docker 运行
摘要：nuxt 是vue 版的next ，实现的功能还是很方便的，对于需要开发性能要求比较高的web app 是一个很不错的选择 备注： 项目很简单，使用docker && docker-compose 运行，同时对于静态页面的处理使用了 docker 的多阶段处理，通过nginx 提供服务，服务端的运行 阅读全文

posted @ 2019-01-17 15:04 荣锋亮 阅读(2761) 评论(0) 推荐(0) 编辑

deno学习三 官方提供的方便deno 安装方式
摘要：早起deno 使用了golang 开发，同时需要protobuf 进行数据的序列化以及反序列化处理 当前的deno 已经使用rust 进行了开发，同时官方提供的安装方式也很方便了，不需要 那么复杂的编译v8，处理依赖。。。。 新的安装方式 mac 系统,使用python 脚本 脚本 curl -L 阅读全文

posted @ 2018-12-27 08:26 荣锋亮 阅读(1620) 评论(0) 推荐(0) 编辑

lerna import && add 使用&&常见问题解决
摘要：使用lerna 的import 我们可以方便的将一个普通的npm 包倒入到lerna 管理的monorepo 中 环境准备 lerna init 注意必须是一个git 项目，同时需要commit ，不然会报错 lerna init lerna init lerna init lerna init l 阅读全文

posted @ 2018-12-24 15:35 荣锋亮 阅读(6876) 评论(0) 推荐(0) 编辑

Compoxure example 应用说明
摘要：Compoxure 官方提供了一个demo应用，包含了cache，error，layout 等功能 环境准备 demo 使用docker-compose 运行 clone 代码 git clone https://github.com/tes/compoxure-example.git git cl 阅读全文

posted @ 2018-12-21 13:05 荣锋亮 阅读(453) 评论(0) 推荐(0) 编辑

How_Require_Extensions_Work
摘要：Why Doing require extensions correctly is essential, because: What is a require extension anyways? First, it's worth remembering what default ".js" ex 阅读全文

posted @ 2018-12-20 18:19 荣锋亮 阅读(161) 评论(0) 推荐(0) 编辑

nodejs-hook 开发
摘要：nodejs require hook 功能很强大，我们可以用来将不支持的数据文件，直接使用require 进行加载，同时 我们可以方便的进行代码的预编译（比如babel 的组件） 为了方便使用npm 包，使用lerna 进行单体组件仓库的开发模式,demo 主要是加载markdown 文档 环境准 阅读全文

posted @ 2018-12-20 18:17 荣锋亮 阅读(1705) 评论(0) 推荐(0) 编辑

Mosaic 前端微服务框架
摘要：Mosaic 是一系列的服务、库，集成在一起，定义了组件如何彼此交互，可以用来支持大规模的web 站点开发 一张架构图 说明 尽管上图中的一些组件已经迭代演化了（skipper 的route 配置，上图的已经废弃了），但是还是一种对于微服务开发中，前端处理的一种很不错 的解决方案，和当爱你的micr 阅读全文

posted @ 2018-12-09 20:50 荣锋亮 阅读(1797) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 下一页

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示