fmk1023的博客

Google Chrome开发者工具

gitlab使用

文章目录`__DEV__`React 中的 `__DEV__`代码库中的`__DEV__``webpack` 设置全局变量React-Native__DEV__web 前端开发中，一般会用process.env.NODE_ENV 来区分不同模式。<script> 标签，会通过文件名 .js和 .min.js 区分生产环境和开发环境。webpack 引入了一个简单的 mode 配置项，用于更快捷的区分环境。__DEV__ 是开发阶段的产物__DEV__ 在编译阶段，将会根据当前运行环境将

文章目录1. 内存周期2. 内存分配3. 内存的回收和释放3.1 引用计数3.2 标记-清除4. V8 引擎的垃圾回收机制4.1 分代式垃圾回收新生代老生代并行清除增量清除并发清除5. 内存泄漏5. 内存泄漏和内存溢出的区别5.2 常见的内存泄漏特殊的闭包隐式全局变量被遗忘的 DOM 引用被遗忘的定时器被遗忘的事件监听器未被清理的 console 输出Map和SetJavaScript 内嵌了垃圾回收器1. 内存周期分配你所需要的内存使用分配到的内存（读、写）不需要时将其释放、归还2.

文章目录1 如何通过JS给元素添加class2 如何阻止事件冒泡以及默认行为3 setTimeout(fn,0)理解4 JavaScript原始数据类型值类型/原始类型/基本类型引用类型(对象)基本类型和引用类型的区别underfined与null的区别Symbol5 深拷贝浅拷贝深拷贝：JSON.parse(JSON.stringify(Object))浅拷贝：Object.assign()浅拷贝：`...`扩展运算符6 `typeof`与`instanceof`之间的区别7 this指向问题什么是thi

1.你知道webpack的作用是什么吗？

文章目录一、模块化的理解1.1 什么是模块化？1.2 模块化的好处二、模块化规范2.1 CommonJS2.1.1 概述2.1.2 特点2.1.3 基本语法2.1.4 模块的加载机制2.2 AMD2.2.1 基本语法2.2.2 使用require.js2.2.2.1 未使用AMD规范的缺点2.2.2.2 定义require.js的模块代码2.3 CMD一、模块化的理解1.1 什么是模块化？模板化是在文件层面上，对代码和资源的拆分。就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。将

文章目录1.一元操作符1.1 递增和递减操作符1.2 加和减操作符2.位操作运算符2.1 按位与操作符（&）2.2 按位或操作符（|）2.3 按位非操作符 (~)2.4 按位异或运算符（^）2.5 左移操作符（<<）2.6 右移运算符（>>）2.7 无符号右移操作符（>>>）3.加减乘除运算符3.1 加法操作符（+）3.2 减法操作符（-）3.3 乘法操作符（*）3.4 除法操作符（/）3.5 取余操作符（%）3.6 指数操作符（**）4.布尔操作符4.1

文章目录1.package.json1.1 name & version1.2 dependencies & devDependencies1.3 scripts2.package-lock.json1.package.json1.1 name & version如果想要发布一个npm包，name和version属性是必须的。他们两个组合会形成一个唯一的标识来表名当前包。1.2 dependencies & devDependenciesdependenci

文章目录1. uni-app 基础1.1 什么是uni-app1.2 uni-app的优点1. uni-app 基础官方文档1.1 什么是uni-appuni-app是一个使用Vue.js语法来开发所有前端应用的框架（也称之为全端开发框架）开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。技术栈：JavaScript，vue， 微信小程序， uni-app1.2 uni-app的优点

文章目录一、基础篇1.1 支持正则表达式的方法1.1.1 search()1.1.2 replace()1.1.3 match()1.1.4 test()1.1.5 exec()1.2 正则表达式修饰符1.3 正则表达式模式正则表达式：使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。一、基础篇1.1 支持正则表达式的方法1.1.1 search()search 方法可使用字符串作为参数。字符串参数会转换为正则表达式，并显示匹配的起始位置。var str = "Visit R

文章目录1.图片优化1.1 图片懒加载1.2 图片预加载1.3 响应式图片加载1.4 渐进式图片1.5 图片压缩1.5.1 工具压缩1.5.2 webpack 压缩1.6 使用雪碧图1.6.1 webpack 合成雪碧图1.7 使用 iconfont1.8 使用 base64 格式1.9 图片格式1.9.1 JPEG1.9.2 PNG1.9.3 GIF1.9.4 WebP1.10 使用 CDN 图片1.图片优化选择合适的图片格式和压缩大图，可从根源上截图大图加载过慢的问题。使用雪碧图，iconfon

文章目录响应式布局1. 控制视口（viewport）2. 媒体查询2.1 媒体类型2.2 媒体特征2.3 逻辑条件2.4 使用媒体查询设置断点3. 图片的自适应4 自适应图片等素材5 不使用绝对宽度6 相对大小的字体emremem和rem7 视口相对单位vh，vw8 流动布局9 选择加载CSS10 使用flex布局11 自适应布局响应式布局响应式网页设计的理念是让 Web 页面在不同尺寸的设备上和窗口上都能得到友好的渲染，以获得良好的浏览体验。响应式布局可自动调整并适应任何设备屏幕的大小，无论是 P

文章目录原型的五条原则原型的五条原则所有引用类型（函数、对象、数组），都存在对象特性，即可以自由拓展属性。所有的引用类型（函数、对象、数组），都有一个_proto_ (我们这里称他为隐形原型)属性，属性值是一个普通的对象。所有函数都有一个prototype属性，属性值也是一个普通的函数。...

文章目录1. Array1.1 ArrayToObject1.2 ArrayIncludesArray1.3 middle2. Object3. String3.1 InsertString3.2 GetBirthById3.3 GetSexById4. Number5. Browser5.1 isMobile5.2 isMac5.3 isWindows5.4 whatOS5.5 getBrowserClass5.6 isIE5.7 ScrollToTop5.8 CopyToClipboard5.9 Get

微前端架构后端有微服务框架，当然前端也有微前端框架。一. 什么是微前端“微前端架构”就是构建基于微服务的前端应用架构。其思想是将前端应用切分为一系列可以单独部署的松耦合的应用，然后将这些应用组装起来创建单个面向用户的应用程序。微前端的实现有多种方式：iframe服务端模板组合微前端框架 single-spa...

文章目录html（超文本标记语言）面试题一、基础篇1.1 html语义化标签1.2 前端SEO优化1.3 HTML5的新特性二、进阶篇三、深入篇html（超文本标记语言）面试题超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。一、基础篇1.1 html语义化标签HTML语义化，从代码上来展示页面的结构。良好的语义化代码可以直接从代码上就能看出来那一块到底是要表达什么内容。html语义化标签的优点：有利于构建清晰的结构，

文章目录HTML5新特性1.语义标签2.增强型表单3.视频和音频4.Canvas绘图5.地理定位6.拖放API7.WebWorker8.WebStorage9.WebSocketHTML5新特性1.语义标签<header>元素：header 元素代表“网页”或“section”的页眉。<footer>元素：footer元素代表“网页”或“section”的页脚。<nav> 标签定义导航链接的部分。<section> 标签定义文档中的节（secti

文章目录react 与 vue 的区别一.Vue和React相同点·二.react 与 vue 的区别2.1 运行时性能2.1.1 更新粒度2.1.2 渲染处理2.1.3 更新流程三.核心思想不同3.1 核心思想不同导致写法差异3.2 核心思想不同导致api差异3.3 核心思想不同导致社区差异3.4 核心思想不同导致未来升级方向不同四. Virtual DOM + Diff1.1 为什么Vue和React都选择Virtual DOM1.2 Diff算法react 与 vue 的区别官方文档一.Vue和

文章目录Linux 教程一、Linux 简介1.1 Linux 优点二、Linux 常用命令2.1 处理目录的常用命令2.1.1 ls (列出目录)2.1.2 cd (切换目录)2.1.3 pwd (显示目前所在的目录)2.1.4 mkdir (创建新目录)2.1.5 rmdir (删除空的目录)2.1.6 rm (移除文件或目录)2.1.7 cp (复制文件或目录)2.1.8 mv (移动文件与目录，或修改名称)2.2 Linux 文件内容查看2.2.1 catLinux 教程Linux 是一种自由和

文章目录jQuery 教程文档就绪函数jQuery 元素选择器jQuery 属性选择器jQuery CSS 选择器jQuery AJAXjQuery load() 方法jQuery $.get() 方法jQuery $.post() 方法jQuery ajax() 方法jQuery 事件函数点击事件两种点击事件的区别JQ的一些方法html()方法attr()方法change()方法show()方法hide()方法addClass()方法removeClass()方法append()方法addClass()方

文章目录React Native实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错1.3 修改桌面app的名称和图标1.3.1 安卓修改app_name1.3.2 安卓修改图标1.3.3 ios修改app_name1.3.4 ios修改图标二、项目开发2.1 登录页面2.1.1 填写手机号码2.1.1.1 背景图片实现2.1.1.2 透明状态栏2.1.1.3

文章目录React-navigation一、安装1.1 安装依赖到React Native项目React-navigationReact-navigation官网移动端没有像 Web 一样自带导航功能， react-navigation 是RN推荐的移动端导航工具。一、安装参考安装npm install @react-navigation/native或yarn add @react-navigation/nativeReact Navigation由一些核心实用程序组成，然后，导航程序

文章目录React Native 学习一、React Native 概述1.1 React Native 特性1.2 React Native 优点1.3 React Native 局限性二、React Native 开发环境2.1 Android 开发环境2.1.1 安装 Android StudioReact Native 学习一、React Native 概述React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 Web，iOS 和

微前端框架 之 qiankun优秀文档：https://juejin.cn/post/6885211340999229454一、介绍qiankun 是基于 single-spa 做了二次封装的微前端框架，通过解决了 single-spa 的一些弊端和不足，来帮助大家实现更简单、无痛的构建一个生产可用的微前端架构系统。1.1 qiankun的优点/特点通用的脏活累活应该在框架层面去做，qiankun 基于 single-spa 做了二次封装，很好的解决了上面提到的几个问题。1.HTML Entry

文章目录DvaJS一、数据流向二、Models2.1 State2.2 Action2.3 dispatch 函数2.4 ReducerDvaJS一、数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effects 然后流向 Reducers 最终改变 State，所以在 dva 中，数据流向非常

文章目录ECharts 教程一、ECharts 特性二、ECharts 安装2.1 独立版本2.2 使用 CDN 方法2.3 NPM 方法三、ECharts 配置语法3.1 创建 HTML 页面3.2 为 ECharts 准备一个具备高宽的 DOM 容器3.3 设置配置信息3.3.1 标题3.3.2 提示信息3.3.3 图例组件3.3.4 X 轴3.3.5 Y 轴3.3.6 系列列表3.3.7 实例四、ECharts 饼图4.1 阴影的配置五、ECharts 样式设置5.1 颜色主题5.2 调色盘5.3 直

文章目录面试题整理1. 闭包的使用场景1.1 闭包实际场景应用—函数防抖1.2 闭包实际场景应用—单例模式1.3 闭包实际场景应用—单例模式1.4 setTimeout输出正确的值2. Promise中使用try。。。catch能否捕获异常3. 原型的继承4. var p1 = new Person()都发生了什么？5. webpack的实现原理6. 拦截器是怎么实现的7. 冒泡排序8. 数组去重9. 设计模式面试题整理1. 闭包的使用场景1.1 闭包实际场景应用—函数防抖比如要缩放窗口 触发onr

文章目录计算机网络学习一、HTTP学习1.1 HTTP 简介1.1.1 HTTP 工作原理1.1.2 HTTP 注意事项1.2 HTTP 消息结构1.2.1 客户端请求消息1.2.1.1 请求行1.2.1.2 请求头1.2.1.3 请求数据1.2.2 服务器响应消息1.3 HTTP 请求方法1.3.1 POST 与 GET 的区别1.3 HTTP 状态码二、TCP/IP学习2.1 TCP/IP 简介2.2 TCP/IP 协议2.2.1 TCP - 传输控制协议2.2.2 IP - 网际协议（Internet

文章目录axios异步请求一、异步1.1 什么是单线程？1.2 为什么JavaScript是单线程？1.3 异步出现的原因？二、事件轮询 event-loop2.1 什么是event-loop/运行流程？三、ajax四、setTimeout五、axios5.1 axios基本使用5.2 axios全局配置5.3 常见的配置选项5.4 同时发送两个请求5.5 axios实例5.6 axios封装5.7 axios拦截器axios异步请求一、异步1.1 什么是单线程？JavaScript是单线程语言。只

文章目录ES6 学习笔记一、ES6介绍二、ES6兼容性三、变量 let 和 常量 const四、函数4.1 箭头函数4.1.1 箭头函数没有单独的this五、参数展开符六、解构赋值6.1 对象的解构赋值6.2 数组的解构赋值七、数组方法7.1 map 映射7.2 reduce 汇总7.3 filter 过滤7.4 forEach 循环迭代八、字符串方法8.1 startsWith8.2 endsWith8.3 字符串模版九、Symbol十、Map 与 Set10.1 Map 对象10.2 Maps 和 Ob

elementElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库npm 安装cnpm i element-ui -S引入 Element在 main.js 中写入以下内容：import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(

文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / methods区别fulters过滤器三. 组件化开发组件的基本介绍注册组件的基本步骤全局

利用vue-cli创建项目利用vue-cli搭建项目步骤准备步骤包括1、安装node.js，运行 node -v 检查版本，运行 npm -v 检查版本；2、安装webpack，运行 npm install webpack -g 运行 webpack -v 检查版本第一步：全局安装vue-cli做法：在终端运行 npm insall --global vue-cli第二步：在终端...

Vue.js技术学习方向：NodeJs、VueJs、前端安全、Webpack、ES6、Vue-CLI、Vue-Router、ESLint三大框架vue.jsReact.jsANgularVue.js简介Vue是一套用于构建用户界面的渐进式框架Vue的目标是 实现响应的数据绑定和组合的视图组件核心是一个响应的 数据绑定系统是一个JavaScript MVVM 的库V...

axiosES7:async await课外作业：form-》index.html->三个菜单（路由切换）-》指令集（v-text）v-text，todolist（Vuex），第三个，随意发挥。类似知乎的网站的头部和卡片 基于elementUI需求：输入账户密码，登录跳转到首页，然后点击菜单栏求换（菜单包含了首页，todoList）会Nodejs（express），用Nodej...

MongoDB学习一、下载MongoDB数据库1、进入MongoDB官网进行下载，网址：https://www.mongodb.com/。2、下载完成后可进行安装，安装后，并有了MongoDB服务。二、配置环境变量1、在环境变量中的系统变量新建一个名为MONGODB_HOME变量名，变量值为MongoDB文件中bin文件夹的所在路径2、在系统变量中的Path变量中新建一个，并把%MON...