随笔分类 - 前端
javascript,typescript,node,浏览器,vue,react,webpack,DOM,BOM,npm
摘要：> Android Studio版本 Android Studio Flamingo | 2022.2.1 Patch 2 > 模拟器型号 Pixel 2 API 31 1080*1920 420dpi > 模拟器android版本 S Android 12.0 X86_64 ### 生成jks获取
阅读全文
摘要：clean-webpack-plugin 这个插件用来清空打包后的 dist 目录下的文件。可以避免每次打包前手动删除构建目录(dist)下的文件。 安装 clean-webpack-plugin cnpm i clean-webpack-plugin -D 依赖的模块(package.json)
阅读全文
摘要：css-minimizer-webpack-plugin 这个插件也可以用来压缩 css 文件。和 optimize-css-assets-webpack-plugin 加 cssnano 的效果是一样的。 安装 css-minimizer-webpack-plugin cnpm i css-min
阅读全文
摘要：optimize-css-assets-webpack-plugin这个插件用来压缩css文件。去掉css文件中的换行和空格。optimize-css-assets-webpack-plugin内置了cssnano,安装了optimize-css-assets-webpack-plugin就不用在安
阅读全文
摘要：为啥要使用第三方图标库 微信小程序自带的icon组件默认只有9种类型的图标。在开发过程中，这个是肯定不够用的。也可以自己用css绘制图标，就是有点浪费时间。前端可以直接使用阿里巴巴矢量图标库。对于普通的网页，H5页面开发按照阿里巴巴矢量图标库的文档使用就行了。不过在微信小程序里应该如何使用是个问题，
阅读全文
摘要：最近用vue开发项目时报了TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null错误。这个是 vue-devtools 引起的。 解决方法一： 在main.js中设置 Vue.config.devtools = false;就行了。
阅读全文
摘要：flex-flow 属性是 flex-direction 和 flex-wrap 的简写 语法： flex-flow : <'flex-direction'> || <'flex-wrap'> flex-direction 属性定义了主轴的方向 语法: flex-direction : row |
阅读全文
摘要：flex布局可以更简单、完整、响应式实现页面布局，使用 display:flex 或 display:inline-flex 可以设置容器为flex布局 图片来源：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_La
阅读全文
摘要：用自定义指令模拟实现v-html //Home.vue <template> <div class="home"> <div v-mini-html="msg"></div> </div> </template> <script> export default { name: "Home", dat
阅读全文
摘要：用自定义指令模拟实现v-text //Home.vue <template> <div class="home"> <div v-mini-text="msg"></div> <!-- 作用和下面一样 --> <div>{{msg}}</div> </div> </template> <script
阅读全文
摘要：在Vue2中一个自定义指令中有几个钩子函数。 bind :只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 update : 所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。 如果只想在bind和update
阅读全文
摘要：节点、树以及虚拟 DOM 当浏览器读到一些DOM结构时，会建立一个“DOM节点”树来保持追踪所有内容,如同你会画一张家谱树来追踪家庭成员的发展一样。 Vue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM。 createElement 会返回一个虚拟节点 (virtual node)”，
阅读全文
摘要：用代码测试下，同时用module.exports和exports导出属性，默认会使用谁导出的。 \\ app.json module.exports = { name: "module.exports", }; exports.name = "exports"; \\ main.js let app
阅读全文
摘要：在CommonJS规范中，通过exports或module.exports导出一个模块。模块中存在require()方法，通过这个方法接受模块标识，然后根据node的模块引入规则引入模块。就能在模块使用引入模块的属性和方法了。 在node中引入模块，会经历以下三个步骤： 路径分析 文件定位 编译执行
阅读全文
摘要：在 node 中，模块分为 核心模块 和 其他模块(也可以叫自定义模块，用户写的，或者从npm上下载下来的模块) 核心模块指的就是 node 提供的模块，如 fs、http 等模块。 核心模块是直接通过node源码直接编译成二进制文件 在node进程启动时，部分核心模块就直接加载在内存中了，比如 c
阅读全文
摘要：在维基百科的CommonJS的目录下看到了这样一句话 在2013年5月，Node.js包管理器npm的作者Isaac Z. Schlueter，宣布Node.js已经废弃了CommonJS，Node.js核心开发者应避免使用它。 what?2013年就废弃了。现在都9102年了，感觉咋个只要一提到n
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { userInof: { token: "登陆凭证", n
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); // 使用常量替代 Mutation 事件类型 const CONST_COMMIT_CHANGE_BUFF = "CONST_COMMI
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { userInof: { token: "登陆凭证", n
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { token: "登陆凭证" }, mutations:
阅读全文
浙公网安备 33010602011771号