摘要：
前情 最近在做需求开发时候，需要监听表单的input事件 坑位 当通过JS动态修改表单的值的发现并不会触发表单的input事件 Why? 个人猜测是浏览器默认行为，input只会针对用户手动输入做响应 解决方案 方式1 在JS动态修改表单域值的时候，可以手动触发一下表单input事件 <!DOCTY 阅读全文
摘要：
概述 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性 这也是我目前用的最多的一种布局方案，相比Grid布局此种布局方案相对较简单，容易掌握性。而且兼容性也好过Grid 基本概念 容器和项目 采用 Flex 布局的元素，称为 Flex 容器（flex 阅读全文
摘要：
定义 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言，动态样式语言。 使用方式 直接引入less.js文件 好处：能获取客户端的数据，从而进行进一步的计算 坏处：在客户端解析Less,造成性能的浪费，不利于维护 Koala编译器 每次都需要启运软件， 阅读全文
摘要：
概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。 Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以 阅读全文
摘要：
定义 分布式版本控制工具 Git四个工作区域 工作区(Working Directory)：就是你平时存放项目代码的地方 暂存区(Stage/Index)：用于临时存放你的改动，事实上它只是一个文件，保存即将提交到文件列表信息 资源库(Repository或Git Directory)、本地仓库：安 阅读全文
摘要：
前情 公司有个桌面端项目是基于Electron开发的。 坑 上一次遇到npm install时安装electron无法安装，通过配置.npmrc文件解决了，今天在在执行npm run build的时候一直报如下面的错，npmrc也无效 nsis-resources-3.4.1.7z下载报错：http 阅读全文
摘要：
前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 适配器模式（Adapter Pattern）是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式，它结合了两个独立接口的功能。 这种模式涉及到一个单一的类，该类负责加入独立的或不兼容的接口功能。举个真实 阅读全文
摘要：
前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 在代理模式（Proxy Pattern）中，一个类代表另一个类的功能。这种类型的设计模式属于结构型模式。 在代理模式中，我们创建具有现有对象的对象，以便向外界提供功能接口。 代码演示 通过中介代理卖房子 let zh 阅读全文
摘要：
概念 regular expression，描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 正则表达式的创建 字面量创建 let str = "abc1231dfaf123213fda"; let reg = 阅读全文
摘要：
前情 uni-app是我很喜欢的跨平台框架，它能开发小程序，H5,APP(安卓/iOS),对前端开发很友好，自带的IDE让开发体验也很棒，公司项目就是主推uni-app 坑位 最近有用户反馈闪屏页也叫启动页会出现横屏，收到反馈后自测发现确实是有横屏问题，而且横屏进入页面会乱，即使已切到竖屏。 Why 阅读全文