Liut2016的博客

小程序技术栈HTML/CSS/JavaScriptNodeJS移动适配HTTP协议/HTTPSOAuth2GIT文件结构.json后缀的JSON配置文件（数据驱动）.wxml后缀的WXML模板文件.wxss后缀的WXSS样式文件（rpx单位，精简css，全局和局部css）.js后缀的JS脚本逻辑文件双线程模型同构框架：uni-app, Taro，KBone...

前端工程化指导原则规范化 / 模块化 / 组件化 / 自动化规范化版本管理（git）及开发流程规范编写规范（脚本/样式/目录结构）模块化CSS模块化（通过样式生效规则来避免冲突）DOM节点添加data-v-version属性以脚本模块来写样式，甚至有封装好的样式模块可直接调用优雅地使用BEM为元素建立shadow root，内部样式与外部样式完全隔离JS模块...

正则正则表达式的创建和使用字面量法创建const reg = /[a-z]\d+[a-z]/i; 使用RegExp构造函数创建 注意二次转义！const alphabet = '[a-z]';const reg = new RegExp(`${alphabet}\\d+${alphabet}`, 'i');用法正则与数值正则与颜色正则与URL...

JavaScript各司其职：JavaScript只做状态管理插件/模板化/抽象如何实现轮播图图片结构是一个列表型结构，所以主体用ul标签；使用css绝对定位将图片重叠在同一个位置；轮播图切换的状态使用修饰符（modifier）；轮播图的切换动画使用 css transition。-. 优化1：采用依赖注入降低代码的耦合度-. 优化2：改进插件/模板化this.contain...

ng build后提示Data path “.builders[‘app-shell’]” should have required property ‘class’.Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required pro...

安装node和npm是前端开发必备的环节，但在这一环节上潜藏一些坑，稍有不慎可能会造成环境配置问题。网上的方法林林总总，纷繁复杂，但其实npm官网上已经给出了最佳的安装方式：Downloading and installing Node.js and npmTo publish and install packages to and from the public npm registry...

参考 pm2从入门到精通服务器上的项目需要保持稳定，即使发生故障项目也要自动重启以提供服务，这时需要托管工具对我们的项目进行托管。PM2正是这样一款工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。安装pm2$ npm install -g pm2启动应用$ pm2 start app.js (--watch) # 加上wa...

项目上线需要部署到阿里云服务器上，由于刚刚申请的阿里云服务器没有项目环境，因此需要进行环境配置和项目部署。在这个过程中也踩到了几个坑，因此记下来供大家参考。创建用户参考链接：Ubuntu16.04系统中创建新用户切换为root用户以获取创建用户的权限$ sudo su添加新用户（在本文中用户名为hellocrease）$ adduser hellocrease根据系统提示...