- 博客(24)
- 收藏
- 关注
RSS订阅原创 import和require的区别
4、require导入的值被修改时，源对象不会被改变，相当于深拷贝；import导入的对象值被改变时，源对象也会被改变，相当于浅拷贝。3、require通过module.exports导出的是exports对象，import通过export导出是指定输出的代码；2、require是运行是加载（可以在js中的任意地方使用），import是编译时加载（只能放到文件的最开头）1、require是commonJS规范的模块化语法，import是es6规范的模块化语法。
2023-09-15 08:36:28
59
原创 .git 提交出现这个错误fatal: Unable to create
1.git 提交出现这个错误fatal: Unable to create ‘project_path/.git/index.lock’: File exists. exists。打开git Bash 进入项目目录 输入rm -f ./.git/index.lock 再回到AS就可添加了。
2023-02-03 14:48:45
2684
原创 关于vite打包，遇到Some chunks are larger警告
解决：import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'export default defineConfig({ plugins: [vue()], build: { rollupOptions: { output: { //解决打包时Some chunks are larger警告 manualChunks(id) { if (id.includes('node_.
2021-07-05 08:54:25
1854
原创 vue3 ref及reactive 函数用法区别
<template> <el-button @click="changeMyCount" size="mini">加1</el-button> <span>num:{{num}}</span> <br> <br> <el-button @click="state.show = !state.show" size="mini">transition</el-button> <el-co
2021-07-02 16:09:37
399
原创 Vue之Object.freeze()性能优化，及const区别
Object.freeze()ES5新增属性，用于冻结对象，禁止对于该对象（数组本质为数组，也可以对数组）的属性进行修改；（不能添加删除修改任何，原型也不行）；返回值为参数本身let a = {prop:1}Object.freeze(a)// 返回值{prop:1}const和Object.freeze()区别？const防止变量重新分配；Object.freeze()是使对象具有不可变性；Object.freeze()是浅冻结（一层的内种）提升性能V
2021-05-14 16:39:52
414
原创 vue页面规范顺序
<template> <div>因联vue页面规范</div></template><script>// 模块系统import a from "./module/a.vue";import moment from "momnet";export default { // 页面组件名称 name: "MyComponentName", // 引用组件 components: {}, //接收来自父组件的数据。可以为
2021-04-29 10:17:46
235
原创 js中的错误类型-ReferenceError
JavaScript中定义了七种错误类型：ErrorEvalErrorRangeErrorReferenceErrorSyntaxErrorTypeErrorURIErrorReferenceError在作用域中没有找到所需变量console.log(a) // Uncaught ReferenceError: a is not defined 在作用域中没有找到所需变量区别var b;var b;console.log(b)//undefined 定义，但未初始化情况下，
2021-04-18 15:13:40
1392
原创 vue scoped原理详解
style标签有scoped属性时，它的css只作用于当前组件中的元素，实现样式私有化，使组件之间的样式互不污染，实现样式的模块化；样式污染产生原因webpack对css打包时，会分离到一个单独的css文件，同名的className会产生权重覆盖，进而影响整个应用；scoped原理webpack打包时，会给html模板添加自定义属性data-v-x，以及给组件css选择器添加对应属性选择器[data-v-x]，达到组件内样式只能生效于组件内HTML效果；<div class='l..
2021-04-15 16:06:56
239
原创 To C/To B/To G分别是什么
** To C是一般用户 、To B是企业客户、To G是政府客户。**To C是市面上做的最多的产品，面向的是个人用户；To B是面向商业企业用户，一般不需大众公开；to B可分为数据应用类和企业管理类；To G是从To B衍生出来的，面向的企业是政府或相关事业单位，最终的用户可以使政府决策人员，普通大众或者行业用户；...
2021-04-14 23:48:02
16543
原创 输出连续数组
小日记：又是小菜鸡的一天，面试的时候就紧张的写不出来东西，下来就能写出来，啊 浮躁的一天。 输入：[1, 2, 3, 5, 6, 8, 9, 20] 输出：[[1,3], [5, 6], [8, 9], [20]]var arr = [1, 2, 3, 5, 6, 8, 9, 20]function bb(arr) {var res = [];var j = 0res[j] = [arr[0]]for (let i = 0; i < arr.length - 1; i++) {
2021-03-23 19:59:34
339
原创 查找出字符串中出现最多的元素，并且计算出出现的次数
小日记：今天被人问了一道逻辑题吧，当时的想法是用new Set去重，然后拿去重后的数组元素去原数组中遍历出来该元素出现次数；回来后觉得好蠢，这样的话，有多少元素就要遍历几次数组，太消耗性能；换了个方法手敲了一遍，长个记性！...
2021-03-19 22:30:19
225
原创 CSS中 px em rem 区别
px是固定的像素，设置了就无法适应页面的大小而改变；em和rem为相对长度单位，更应用于响应式页面；em相对于父元素，rem相对于根元素。div { font-size: 40px; width: 10em; /* 400px */ height: 10em; border: solid 1px black;}p { font-size: 0.5em; /* 20px */ width: 10em; /* 200px */ height: 10em; bord.
2021-03-06 19:32:54
116
原创 mutation和action 区别
mutations在请求数据的时候是同步的;而actions是异步的；action的功能和mutation是类似的，都是去变更store里的state，不过action和mutation有两点不同：action主要处理的是异步的操作，mutation必须同步执行，而action就不受这样的限制，也就是说action中我们既可以处理同步，也可以处理异步的操作action改变状态，最后是通过提交mutation————————————————mutationthis.$store.c
2021-03-01 18:11:54
10417
1
原创 jq.js与vue.js区别
jQery是使用选择器 $ 选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的html的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取lable标签内容：$("lable").val();它还是依赖DOM元素的值；vue则是通过vue对象将数据和view（视图模型）完全分离开来了。对数据进行操作不再需要引用响应的DOM对象，可以说数据和view是分离的，他们通过vue对象这个VM实现相互的绑定。这就是传说中的MVVM；扩展：还有很多其他的MVVM框架，如.
2021-03-01 15:56:27
226
1
原创 vue修饰符 lazy number trim详解
<template> <div> <!-- 加了.lazy修饰符后，就不会实时更新输入的字符，而是会在用户按回车键后或者失去焦点的时候再更新数据 --> <!-- 使用 .lazy 会转变为在 change 事件中同步 --> <input v-model.lazy="message" type="text"> <h2>{{ message }}</h2> <!-- 若只输
2021-03-01 15:39:19
272
原创 vue 响应式原理
// vue响应式原理: Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法， // data 中声明的属性都被添加了访问器属性， // 当读取 data 中的数据时自动调用 get 方法， // 当修改 data 中的数据时， 自动调用 set 方法， // 检测到数据的变化， 会通知观察者 Wacher， 观察者Wacher自动触发重新render当前组件（子组件不会重新渲染）,生成新的虚拟 DOM
2021-03-01 10:05:10
117
1
原创 js sort 总结
let arr = [3, 1, 13, 2, 5, 4, 5, 13]；let arrE = ["tom", "fei", "love", "ani"];1.按字母排序arrE.sort(); console.log(arrE)//["ani", "fei", "love", "tom"]2.1升序排序arr.sort((a, b) => { return a - b })// 升序console.log(arr) //[1, 2, 3, 4, 5, 5, 13, 13]2.2
2021-02-24 10:04:02
68
原创 npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别
说明i 是 install 的简写-g 是全局安装，不带 -g 会安装在个人文件夹-S 与 --save 的简写，安装包信息会写入 dependencies 中-D 与 --save-dev 的简写，安装包写入 devDependencies 中dependencies 与 devDependenciesdependencies 生产阶段的依赖,也就是项目运行时的依赖devDependencies 开发阶段的依赖，就是我们在开发过程中需要的依赖，只在开发阶段起作用的举例说明你写 ES6 代
2021-02-19 10:09:50
227
原创 es6数组 newSet 数组去重 并集 交集 差集
数组去重var arr = [1,2,3,3,1,4];[…new Set(arr)]; // [1, 2, 3, 4]Array.from(new Set(arr)); // [1, 2, 3, 4][…new Set(‘ababbc’)].join(’’); // “abc” 字符串去重new Set(‘ice doughnut’); //Set(11) {“i”, “c”, “e”, " ", “d”, …}并集var a = new Set([1, 2, 3]);var b = ne
2021-02-03 16:37:06
291
原创 解决el-table表头与表格有细微宽度差距
全局设置// 为了解决el-table首行缩放后和列宽度有微小的差别的问题body .el-table th.gutter{display: table-cell!important;}body .el-table colgroup.gutter{display: table-cell!important;}
2021-02-03 15:12:53
856
转载 base64格式图片转换为FormData对象进行上传
https://www.cnblogs.com/xuejiangjun/p/8194985.html
2020-08-31 11:26:14
1945
原创 vue this.$root和this.$parent的区别
vue root和root和root和parent都能够实现访问父组件的属性和方法；两者的区别在于，如果存在多级子组件，通过parent 访问得到的是它最近一级的父组件，通过root 访问得到的是根父组件；
2020-07-11 17:06:10
3661
2
转载 Content-Type
Content-Type: application/vnd.ms-excel">如果要将查询结果导出到Excel，只需将页面的Context-Type修改一下就可以了： header( "Content-Type: application/vnd.ms-excel">如果希望能够提供那个打开/保存的对话框，Content-Disposition参数，Content-Disposition参数本来是为了在客户端另存文件时提供一个建议的文件名，但是考虑到安全的原因，就从规范中去掉了这个参..
2020-05-29 09:40:43
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人