- 博客(24)
- 收藏
- 关注
原创 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 71
原创 .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 2915
原创 关于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 1904
原创 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 430
原创 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 460
原创 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 256
原创 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 1429
原创 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 257
原创 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 19000
原创 输出连续数组
小日记:又是小菜鸡的一天,面试的时候就紧张的写不出来东西,下来就能写出来,啊 浮躁的一天。 输入:[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 375
原创 查找出字符串中出现最多的元素,并且计算出出现的次数
小日记:今天被人问了一道逻辑题吧,当时的想法是用new Set去重,然后拿去重后的数组元素去原数组中遍历出来该元素出现次数;回来后觉得好蠢,这样的话,有多少元素就要遍历几次数组,太消耗性能;换了个方法手敲了一遍,长个记性!...
2021-03-19 22:30:19 237
原创 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 128
原创 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 10779 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 283 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 320
原创 vue 响应式原理
// vue响应式原理: Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法, // data 中声明的属性都被添加了访问器属性, // 当读取 data 中的数据时自动调用 get 方法, // 当修改 data 中的数据时, 自动调用 set 方法, // 检测到数据的变化, 会通知观察者 Wacher, 观察者Wacher自动触发重新render当前组件(子组件不会重新渲染),生成新的虚拟 DOM
2021-03-01 10:05:10 165 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 78
原创 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 256
原创 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 311
原创 解决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 898
转载 base64格式图片转换为FormData对象进行上传
https://www.cnblogs.com/xuejiangjun/p/8194985.html
2020-08-31 11:26:14 2033
原创 vue this.$root和this.$parent的区别
vue root和root和root和parent都能够实现访问父组件的属性和方法;两者的区别在于,如果存在多级子组件,通过parent 访问得到的是它最近一级的父组件,通过root 访问得到的是根父组件;
2020-07-11 17:06:10 3723 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 173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人