1. Uni-App2. WebSocket3. Canvas4. Less5. Sass6. Axios7. SVG8. SocketIO9. ElementPlus10. WebRTC

博文地址：ADB 命令集合设备基础命令说明adb devices列出已连接设备adb devices -l列出已连接设备和种类adb connect/disconnect [ip:port]连接到指定IP和端口的设备/断开连接adb root以root权限重新启动adbadb remount重新挂载具有读/写访问权限的文件系统adb start-server启动adb服务adb kill-server停止adb服务adb reb...

任务命令启动start nginx.exe停止nginx.exe -s stop重载配置nginx.exe -s reload检测配置文件nginx.exe -t -c conf/nginx.conf查看版本nginx.exe -Vps -ef | grep nginx | grep -v grep

vscode-iconsPath IntellisenseAuto Rename Tagopen in browserGitLens

无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理外客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。无状态：HTTP协议是无状态协议。无状态是指协议处于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增...

站点地址github/devDocsMixin合并在数据的property发生冲突时，会以组件自身的数据优先data函数属性合并生命周期钩子合并，先调用Mixin，再调用组件自身methods、component和directive等值为对象的合并自定义选项合并定义合并策略： {代码...} Vite在开发环境基于浏览器原生ES6 Modules开发，在生产环境基于Rollup打包。...

100-continue：继续，一般在发送post请求时，已发送http header之后服务器端将返回此信息表示确认，之后发送具体参数信息。

前端教程阿西河前端教程丨一个助你成为全栈开发的网站前端高手进阶JavaScript利用js实现表单的校验KeyCode 查询表现代 JavaScript 教程时间戳(Unix timestamp)转换工具HTML minifierJavaScript代码压缩-js代码压缩在线进制转换JS压缩The online code editor for web apps. Powered by Visual Studio Code.JS MediaTagsmp...

正确的资源下载/执行优先级，并减少页面加载期间浏览器的空闲时间，是提升Web应用性能的最重要手段之一。在实际Web应用中，此优化方案被证明比减少代码大小更为直接有效，此类型的优化对产品开发节奏的影响比较小，它只需要少量的代码更改和重构。

Day.js，Moment.js 的 2kB 轻量化方案，拥有同样强大的 APIFileSaver.js，HTML5文件保存html2canvas，Screenshots with JavaScript，html转换为canvasSimpleMDE Markdown EditorLayui，开源模块化前端 UI 框架BetterScroll 2.0，移动端滚动插件uCharts高性能跨全端图表jQuery插件库HTML5 Boilerplate: The web’s most po...

原文链接: js最全身份证号码校验 {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...}

解决 win10家庭中文版 远程连接：出现身份验证错误 要求的函数不受支持解决安装XMind出现Invalid Configuration Location The configuration area atVysor_2.1.2破解，及安装包gulp dev报错：ReferenceError：primordials is not definedJS 用sort方法排序字符串 - 孙首富 - 博客园JavaScript localeCompare() 方法Win10...

软件故障常集中在某一个区域，而这些区域都有一个共同的特点，那就是复杂。编写代码时如果追求简单易懂，代码就很难出现问题。不过，简单易懂的代码往往给人一种不够专业的感觉。这也是经验老到的程序员喜欢写老练高深的代码的原因。所以我们要有足够的定力来抵挡这种诱惑。

最近在做一个消息定时器，需要在离线环境中使用，通过表单写入事项存储到本地，渲染在表格中。尝试过使用Node.js进行文件读写操作，受到UI框架的限制；同时测试了localStorage存储，也达不到想要的效果。最后直接使用WebSql和indexDB来完成。以下是一个DEMO，实际效果正在测试中...

日期格式化 {代码...} 时间转换（秒数转时分秒） {代码...} 计算时分秒差值 {代码...} (数组/对象)(深/浅)拷贝 {代码...} 数组去重 {代码...} 数组对象排序 {代码...} 获取上/下个月日期 {代码...} 获取前/后7天日期 {代码...} 一周日期 {代码...} 点击内容切换 {代码...} 时分秒 {代码...} 数组对象，拼接字符串 {代码....

路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。router/router.js {代码...} vue.config.js {代码...} 构造请求实例 utils/cookie.js {代码...} utils/localStorage.js {代码...} utils/request.js {代码...} 数据模型 api/variable.js {代码...} api/post.js {代码...} store/store.js {代码...} store...

文章链接：http模块和fs模块 http模块 response对象常用方法： response.writeHead(200,{'Content-Type':'text/plain:charset=UTF-8'}); 此方法只能在消息上调用一次，并且必须在调用response.end()之前调用。 response.write()发送一块相应主体，用来给客户端发送相应数据。write可以使用多次，但是最后一定要使用end来...

DataTables是jQuery的JavaScript函数库，目的是强化表格操作（如搜索、排序），并自动加入组件引入表格中，使用非常灵活简便。

animation和transition最大的不同在于transition是当参数改变时触发，而animation则是直接就执行，所有动画效果需要明确的指定关键帧的参数。

链接：jQuery选择器 基本选择器 Basics *选择所有元素 .class选择class，如：$('.mybox') element选择element，如：$('p') #id选择id，如：$('#box') selector1,selectorN可以同时选择多个元素，如：$('div, p.box, #phone') 层级选择器 Hierarchy parent > child选择指定元素下的指定子元素，如：$('ul.tonav > l...

浏览器发送HTTP请求，服务器收到请求全文后，返回HTTP响应，在浏览器接收之后结束这个过程。浏览器和服务器只有一次互动的机会，浏览器主动发起，而服务器被动地根据收到的请求内容返回结果。一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据的过程。

命名禁止缩写精简扼要地对class命名，请勿使用自定义缩写。class name的命名必须是行为、有语意的。禁止在非特殊情况下写！importantCSS本身有权重设计，任意地使用!important会造成权重混乱而无法维护。不可轻易限定宽高用户可以自行设定自己的浏览器，例如Android手机可以设定显示字体大小，写死的高度会让字体相互重...

原文地址：使用React Native构建App最近因为项目需要，深入研究React和React Native，React已经掌握得差不多了，现在集中精力在ReactNative的项目开发。这里需要记录在学习过程中的技术细节，好记性真的不如烂笔头，多写文档总会有好处的。[坑太多，一个个填] 本文重点记录使用React Native构建双平台App的过程，同时进...

设置.babelrc，{"presets": ["@babel/preset-env","@babel/preset-react"]}

<p class="codepen" data-height="300" data-theme-id="0" data-default-tab="result" data-user="whjin" data-slug-hash="EMdevR" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;...

后代（派生）：根据元素在位置上的关系定义样式，使用空格隔开，后代选择器尽量不要超过3个，不必把每个层级都列出，只需要写关键点即可 li strong {}

块级元素： div、h1-h6、hr、menu、ol、ul、li、dl、dt、dd、table、p、form 自身属性为display: block;的元素，通常使用块级元素进行布局（结构）的搭建。

<p data-height="265" data-theme-id="0" data-slug-hash="wjXLMa" data-default-tab="js,result" data-user="whjin" data-embed-version="2" data-pen-title="组件间通信" class="codepen">See the Pen 组件间通信 by whjin (@whjin) on CodePen.</p><script async src="[链接];></script>

一个组件可以分为数据（model）和视图（view），数据更新时，视图也会自动更新。在视图中又可以绑定一个事件，它们触发methods里指定的方法，从而可以改变数据、更新视图，这是一个组件基本的运行模式。

Vue提供了一个functional的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。

学习笔记：Render函数 Render函数 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来...

自定义指令的注册方法分为全局注册和局部注册，比如注册一个v-focus指令，用于在<input>、<textarea>元素初始化时自动获得焦点，两种写法分别是：

要在父实例中使用这个组件，必须要在实例创建前注册，之后就可以用<my-component></my-component>的形式来使用组件。

使用v-model后，表单控件显示的值只依赖所绑定的数据，不再关心初始化时的value属性，对于在<textarea></textarea>之间插入的值，也不会生效。

这种在HTML元素上监听事件的设计看似将DOM与JavaScript紧耦合，违背分离的原理，实则刚好相反。因为通过HTML就可以知道调用的是哪个方法，将逻辑与DOM解耦，便于维护。