任务命令启动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

前端教程阿西河前端教程丨一个助你成为全栈开发的网站前端高手进阶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最全身份证号码校验 {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...}

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

最近在做一个消息定时器，需要在离线环境中使用，通过表单写入事项存储到本地，渲染在表格中。尝试过使用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...

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的命名必须是行为、有语意的。 禁止在非特殊情况下写！important CSS本身有权重设计，任意地使用!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; border: 2px solid black; margin: 1em 0; padding: 1em;" data-pen-...

后代（派生）：根据元素在位置上的关系定义样式，使用空格隔开，后代选择器尽量不要超过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解耦，便于维护。

当网速较慢、Vue.js文件还没加载完时，在页面上会显示{{message}}的字样，直到Vue创建实例、编译模板时，DOM才会被替换，所以这个过程屏幕有闪。只要加一句CSS就可以解决这个问题：

学习笔记：前端开发文档 计算属性 所有的计算属性都以函数的形式写在Vue实例中的computed选项内，最终返回计算后的结果。 计算属性的用法 在一个计算属性中可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果即可。 计算属性还可以依赖多个Vue实例的数据，只要其中任一数据变化，计算属性就会重新执行...

学习笔记：Vue.js基础知识 基础知识 构造函数Vue的根实例new Vue({})，并启动Vue应用。 {代码...} 变量app代表这个Vue实例。 其中，必不可少的选项是el，用于指定一个页面中已存在的DOM元素来挂载Vue实例，可以是HTMLElement，也可以是CSS选择器。 {代码...} 挂载成功后，可以通过app.$el访问该元素。Vue提供了很多常用...

Quasar是一款基于Vue.js开发的UI框架，可以让你轻松构建网站简洁明快的界面，更重要的是它还能让你轻松做好RWD（响应式网站设计），除此之外还能帮助你加上PWA，使你的网页变成手机上的App。

文章链接：Vue.js基础教程 开发工具准备： 根据个人喜欢选择IDE，我使用的是WebStorm，推荐使用Atom和VSCode； 安装git base和node.js； 安装vue-cli，命令npm i -g @vue/cli； 新建vue-cli项目： 方法一：通过图形界面进行安装vue ui； 方法二：通过命令行安装vue create project-name 运行项目npm run serve，端口8080...

Pro Git 学习笔记 文档地址：Pro Git原文地址：PRO GIT 学习笔记 1、Git起步 初次运行Git前的配置 用户信息 {代码...} 文本编辑器 设置默认的文本编辑器：git config --global core.editor emacs 查看配置信息 {代码...} 2、Git基础 创建Git仓库 在工作目录中初始化新仓库 {代码...} 克隆现有仓库 {代码...} url分ssh和h...

博客文章链接：管中窥Vue Vue和Angular、React.js的相同点和不同点？ 与React的相同： 都使用了Virtual DOM 提供了响应式和组件化的视图组件 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。 与React的区别： 组件的响应式渲染 React的组件的数据状态发生变化时，它会以该组件为根，重新渲染...