基础知识回顾入口(entry) {代码...} 输出(output) {代码...} loader 预处理loadercss-loader 处理css中路径引用等问题style-loader 动态把样式写入csssass-loader scss编译器less-loader less编译器postcss-loader scss再处理处理js loaderbabel-loaderjsx-loaderts-loader图片处理loaderurl-loader插件(plugin)plugins...

跨平台技术发展的三个阶段第一阶段是混合开发的web容器时代为了解决原生开发的高成本、低效率，出现了Hybrid混合开发原生中嵌入依托于浏览器的WebViewWeb浏览器中可以实现的需求在WebView中基本都可以实现但是Web最大的问题是，它的性能和体验与原生开发存在肉眼可感知的差异因此并不适用于对性能和用户体验要求较高的场...

前端知识体系（图谱）前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控

前端知识体系（图谱）前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控前端知识体系（大纲）前端工程化体系基础设施规范化前端标准（基础）W3CSPADOMBOMXHTMLXMLJSONJSONPHTTPHTML5CSS3编...

本插件支持Chrome、Firefox、MS-Edge浏览器，内部工具集持续增加，目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴、网页取色器、脑图(Xmind)等贴心工具，甚至在目前新版本的FeHelper中，还集成了FH开发者工具， 如果你也想...

在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 跳出循环，效果与 for 中 continue 一样。注意该方法无法一次结束所有循环。

由于安卓手机无法识别border: 0.5px，因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。

父组件在父组件中，编写如下：类中定义child,用于存放子组件的作用域 {代码...} 绑定子组件作用域 {代码...} 子组件上绑定ref {代码...} onRef 绑定this(第3步，不使用箭头函数的情况) {代码...} 子组件在子组件中，编写如下：constructor中onRef绑定this {代码...} 完成以上4步骤，父组件中可以随便调用子组件中state的...

背景在开发中我们在特定的场合下可能需要一些脚本来批量处理我们的业务逻辑，在nodejs如何调用shell脚本呢？新建项目下新建脚本文件touch newFile.sh修改文件权限chmod 777 newFile.sh 修改文件为可读可写可执行nodejs调用文件读取//使用nodejs的子进程里面的文件读取方法const { execFile } = require('child_process')...

GMTC全球大前端技术大会是由极客邦科技旗下InfoQ中国主办的技术盛会，关注前端、移动、AI应用等多个技术领域，促进全球技术交流，推动国内技术升级。GMTC为期4天，包括两天的会议和两天的培训课，主要面向各行业前端、移动开发、AI技术感兴趣的中高端技术人员，大会聚焦前沿技术及实践经验，旨在帮助参会者了解大前端&am...

阿里矢量图库传送门 包含非常丰富的图标Orion矢量图库传送门 carbon传送门 非常优美的代码编辑模块，可以辅助我们在写PPT等文档截取代码块的时候不再是模糊的截图，可直接使用这个公共copy代码块，非常清晰。如下图：codepen传送门 CodePen 则是前端开发者们约“码”的天堂。它不仅提供给你了一个 Showcase 的平台，而且能...

原生模块（核心模块）：fs、http、net等 在Node进程启动时，部分核心模块就被直接加载进内存中，这部分核心 模块引入时，文件定位和编译执行个步骤可以省略掉，并且在路径分析 中优先判断，所以它的加载速度是最快的。

安装npm install vditor -s引用导入依赖包import Vditor from "vditor";导入样式import "vditor/src/assets/scss/index.scss";使用示例 {代码...} 示例： 功能使用新建对象 {代码...} 新建对象时第一个参数ID，要对应上再render里面注入的IDoption参数tip：只列举一下常用参数，其他的参数请参照官方API参数说明height配...

JSON转URL参数 {代码...} 删除url指定参数 {代码...} 获取url全部参数转json {代码...} 去除字符串空格 {代码...}

{代码...}

报错信息 {代码...} 原因在终端输入git commit -am "**"，提交代码时会触发pre-commit的钩子，他会在Git提交信息之前先做代码风格的检测如果不符合相应规则，会报错它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义解决方案提交代码commit时，忽略pre-commit校验的钩子，加上参数--no-verify {代码...} {代...

背景在日常开发中，我们经常会用一些工具类方法来实现业务逻辑 下面列举几种最常用的URL截取参数 {代码...} JSON是否为空判断 {代码...} 数据类型检测 {代码...} 获取cookie {代码...} 版本号对比一般在做APP端开发的时候需要用到一些版本控制，那么就需要针对版本号来进行对比，高版本或者低版本做一些特殊的逻辑处理，...

在日常的需求开发中我们经常需要用到弹窗，那么在我们构建弹窗时，在引用组件是都需要引入组件DOM，然后通过事件来控制组件的影藏显示，调用也不是很方便；

初始化 gitbook init GitBook 准备工作做好之后，我们进入一个你要写书的目录，输入如下命令。 {代码...} 可以看到他会创建 README.md 和 SUMMARY.md 这两个文件，README.md 应该不陌生，就是说明文档，而 SUMMARY.md 其实就是书的章节目录，其默认内容如下所 {代码...}

效果 实现 js代码： {代码...} css代码： {代码...}

css实现 在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 {代码...} 效果如下： 使用css实现时只能做多行的省略，也没法根据文字去添加定制化的按钮去实现展开收起的功能，这个只是适合特定要求不是很高的场合下使用。 字符串截取 另一种方法是使用字符串截取的方案 ...

效果 DOM布局 {代码...} scss样式表 {代码...} 实现 想要居中展示首先是需要找到中心点，然后在点击是计算偏移量，把对应的标签滚动到中心位置 {代码...}

在平时H5或者RN开发时，我们业务场景中大部分都不是单页面的需求，那这时我们就能使用路由在进行多页面的切换。下面会对比一下react路由和RN路由的本质区别和使用方法。

xcode编译报错：'config.h' file not found 解决方案 {代码...} 启动报错：Unknown argument type '__attribute__' in method -[RCTAppState getCurrentAppState:error:]. Extend RCTConvert to support this type. 我的xcode版本：Version 11.0 (11A420a) Mac系统版本：10.14.6 原因：Xcode11(iOS13)中对未使用的接口选...

前言 在日让的工作开发中，我们不仅仅要使用node来封装提供一些http接口，也会在node服务中调用一些第三方的HTTP接口，那么如何操作？ request 安装依赖 {代码...} 使用 get请求 {代码...} post请求json {代码...} post请求formData {代码...}

在日常开发中我们会做一些服务器部署的工作，对于开发来说，运维部署并不是我们的专项；有些命令不是经常使用，很快就会忘记；在这总结一下日常部署时常用的一些运维命令。

在平时的开发工作中我们需要使用到很多的工具来辅助我们的开发，也经常会查阅很多的网站来收集资料。下面具体总结一下开发过程中的一些工具类和网站的积累分享给大家。

官方解释：Git(读音为/gɪt/。)是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

虚拟DOM（VDOM）它是真实DOM的内存表示,一种编程概念，一种模式。它会和真实的DOM同步，比如通过ReactDOM这种库，这个同步的过程叫做调和(reconcilation)。

前言 对每个前端开发者来说都避不开前端缓存，那么前端缓存都有哪些，又该如何去设置呢？ 前端缓存只要分为HTTP缓存和浏览器缓存，下面我们分别来介绍一下 HTTP缓存 HTTP缓存又分一下两种： 强缓存 协商缓存 两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效。顾名思义，协商缓存，就是需...