- 博客(62)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 使用css画出三角形的两种方法
缺点是:虽然展示为一个三角形，但是占位为一个正方形，可以使用绝对定位来设置位置。这样的好处是，三角形的占位区域只有原来正方形的一半。左右两边三角形会被隐藏，顶部区域的三角形会消失。上下左边框都设置为transparent。transparent 透明的。只单单为一个方向的边框设置颜色。将宽度和高度设置为0。...
2022-08-14 19:27:05
587
1
原创 TypeError:Cannot read properties of undefined (reading‘...‘)
若a为undefined，则会报错，若，a为空，则，a.name为undefined。原因可能是，挂载时，有dom节点，但是数据还未返回。例： a.name a的name属性。不能够读取undefined的属性。
2022-08-13 17:33:33
99352
5
原创 TypeError:...forEach is not a function
原因，当前数据不是个数组，只有数组才能使用array.forEach()方法。则，需要分析数据，寻找真正需要遍历的数据。不存在forEach这个方法。
2022-08-13 17:27:45
4886
原创 遍历数组的10个高阶函数
reduceRight() 方法的功能和 reduce() 功能是一样的，不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。find()方法用于查找符合条件的第一个元素，如果找到了，返回这个元素的索引号，否则，返回 -1。filter()方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。若存在元素retrun false ，则every()则返回false，后面的元素不再检测。map()返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。...
2022-08-11 00:00:00
250
原创 http状态码介绍，1~5
100 （客户继续发送请求，这是临时响应） 这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端印当据需发送请求的剩余部分，或者如果请求已经完成，忽略这个响应，服务器必须在请求完成后向客户端发送一个最终响应。302 （临时移动）服务器目前从不同位置的网页响应请求，但请求者应该继续使用原有位置来进行以后的请求。307 （临时重定向）服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。200 （成功） 请求已成功，请求所希望的响应头或数据体将随此响应返回。.
2022-08-10 06:00:00
1089
原创 cors基础，响应头设置
服务端设置 Access-Control-Allow-Origin 就可以开启 CORS，该属性表示哪些域名可以访问资源，如果设置通配符则表示所有网站都可以访问资源。CORS 需要浏览器和后端同时支持，浏览器会自动进行 CORS 通信，实现 CORS 通信的关键是后端，只要后端实现了 CORS，就实现了跨域。（与cors相关的响应头，都是以 access-control-allow开头的响应头）根据 请求头和请求方式 的不同，cors请求分为 简单请求和预检请求。...
2022-08-09 10:41:12
2245
原创 npm install安装node_modules时报错：npm ERR! Found: [email protected] npm ERR! node_modules/less npm ERR!
force会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。从github上下载一个源码时，需要下载node_modules。用–force或–legacy-peer-deps可以解决。npmi出现报错。
2022-08-02 11:45:25
1385
原创 如何解决 vue 初始化页面闪动问题
v-cloak原理是先通过样式隐藏内容，然后在内存中进行值的替换，将替换的内容再反馈给界面，数据渲染完场之后，v-cloak属性会被自动去除。络受阻或页面加载完毕而没有初始化得到Vue实例时，出现页面闪烁的问题，看到类似于{{message}}的字样。如果没有彻底解决问题，则在根元素加上。...
2022-08-01 16:50:44
1915
原创 js判断变量数据类型的几种常用方法
使用Object.prototype.toString.call的方式来判断一个变量的类型非常准确，会返回一个[objectXXX]样式的字符串。NaN会被识别为number，尽管NaN是Not-A-Number的缩写，意思是"不是一个数字"。识别引用类型，但是无法区分对象，数组以及null，都会返回Object。识别函数类型,typeof(函数a)会返回Function。array,object和function都会返回true。用来检测引用数据类型，值类型都会返回false。...
2022-07-31 19:43:37
7623
3
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘apply‘)
最后发现，debounce函数忘记传递函数了，导致apply显示undefined。当我进行防抖函数的实现时，突然报错，显示apply未定义，我百思不得其解。
2022-07-28 17:14:07
3103
原创 微信小程序云开发项目实例 | 体测助手（已发布）| 含登录，存档，历史等功能
点击保存按钮，若是未登录，会自动跳转到登录页面，登录之后，方可开放存档功能。代码数量过大，内容展示有限，如对完整代码有兴趣，可以留下自己的邮箱。首页，用于数据的计算，计算出结果后可以进行保存。历史页，登录后，可以查询保存的历史记录。首先，附上小程序二维码，欢迎大家浏览。由于时间关系，页面做的稍微有些简陋。...
2022-07-22 10:04:09
1204
7
原创 微信小程序，使用map组件实现微信定位功能
微信小程序的组件中，存在map这个组件，可以完成一些定位的功能。点击定位按钮，会显示出你当前所在的位置，可以通过手指头进行缩放。app.json文件中，也要进行配置。
2022-07-21 05:00:00
2556
2
原创 微信小程序，wx.getLocation()和wx.openLocation() 配合使用进行微信定位功能
代码】微信小程序，wx.getLocation()和wx.openLocation()配合使用进行微信定位功能。
2022-07-20 07:00:00
2070
原创 微信小程序图片的垂直和水平居中，line-height无效，使用flew布局
line-height可以时内部文字垂直居中显示，但是对于图片并未发挥效果。微信小程序中，图片的完全居中显示，line-height并不能发挥效果，不过，水平居中显示，可以使用text-aligncenter。解决方法使用flew布局。...
2022-07-20 05:00:00
2603
原创 getUserInfo()不可用，使用getUserProfile()替代
现在的微信小程序开发中，wx.getUserInfo()的API已经弃用，返回的res.userInfo数据基本为空。现版本，可使用wx.getUserProfile()来代替。且，该API支持promise风格。会返回一个空白头像，其他数据为空。
2022-07-19 05:00:00
803
原创 微信小程序案例 | 微信用户授权登录，无需cookie
wx.getUserProfile()会获取用户的信息，然后我们可以将返回的信息进行展示。功能的主要实现，是通过wx.getUserProfile()这个API。这里，微信用户可以通过授权，进行登录。
2022-07-18 17:01:42
588
1
原创 微信小程序类名container导致的错误
故，container类名需要慎用，可以用其他类名进行替换。正常情况下应为block类型，结果变成了flew布局。内容竟自动完成了居中效果。
2022-07-18 12:55:22
868
原创 throw new Error() 和 throw语句
throw语句throw语句的作用是手动中断程序执行，抛出一个错误。注意，throw语句会中断程序的执行，导致throw语句后的语句无法正常执行throw可以抛出任何类型的值，不仅仅为 throw new Error(),也就是说，它的参数可以是任何值。执行后，输出：这与我们平常写代码，遇到bug时，是一样的。throw语句属于手动判处错误，导致程序中断，而后面的语句不再执行。...
2022-07-12 04:15:00
1618
原创 Error() | new Error() | console.warn() | console.log() 的区别
Error()和new Error()当Error像一个函数一样被使用时，也就是没有new，它将返回一个Error对象。仅仅调用 Error() 将产生与 new Error() 关键字构造一个Error对象相同的输出。同时应该将返回的 Error 对象进行输出，否则没法在控制台中显示输出：console.warn()和console.log()输出：...
2022-07-11 06:30:00
711
原创 用户代码片段，自定义代码模板，实现vscode代码的快速书写
在平常代码书写的过程中，我们常常会重复使用同一串代码，如果每次都重复书写，就会降低了程序开发的效率用户代码片段，就是用户通过自定义的方式，来将一些经常使用的代码封装成模板，从而的能够快速书写出来以vscode为例，1.选择文件2. 选择首选项3. 选择配置用户代码片段4. 搜索html.json，若不存在该文件，则选择，新建全局代码片段文件说明：html.json代表该文件为json格式的文件，同时，该文件适用于html的文件类型。实例：创建一个html格式的文件，输入 hl则，会
2022-07-09 11:27:13
616
1
原创 解决从github获取源代码后，执行文件报Error: Cannot find module ‘ moment ‘问题。
当我们进行开发时，会存在node_modules文件夹，这个文件夹中，存放着一些第三方的包，体积巨大，不方便团队成员之间共享项目源代码故，我们上传项目时，会，剔除node_modules文件夹当我们拿到一个剔除了node_ modules的项目之后，需要先把所有的包下载到项目中,才能将项目运行起来。假如项目运行依赖于moment 这个包，如果没有提前安装好这个包，就会报如下的错误:那如何获取，所依赖包的信息呢？在开发项目时，项目根目录中，创建一个叫做package.json的配置文件,即可用来记录
2022-07-09 06:00:00
2949
1
原创 ES6对象的简化写法
ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。eg:输出：由此可见，{ a } = { a ：a}，a应为变量，而非字符 ‘ a ’.若 a为一个函数，也可以实现对象的简写形式。
2022-07-05 17:27:37
271
原创 解决Vue中data数据进行大规模重置问题
如果我们对响应式数据进行重置时，一个较为麻烦的办法是，对数据逐个进行重置这里我们将谈到一个更为简洁的方法，代码如下：下面我们来解析一下这条语句，Object.assign()是es6新增的方法，可以合并对象所有的响应式数据，都在this._data中，this._data可以操作data中的响应式数据，_data被放到了vm身上一份,经过数据代理实现了响应式数据this.options当前组件的配置对象，如：data，this.options当前组件的配置对象，如：data，this.opti
2022-07-04 07:45:00
612
原创 解决Vue多个 只显示一个问题
在vue实例中，我们常常会遇到 无法多个显示的问题，其原因是vue2.6版本升级之后页面template中的换行和空格都被过滤了,不管打印多少都会只打印一个想要打印多个空格可以通过vue的指令v-html实现1.直接使用pre标签输出：同时注意，pre标签内，所有的空白符都会显示出来，换行和空格也会直接显示出来，所有 可以直接用空格代替。2.使用v-html属性输出：注意： 后接；......
2022-07-03 09:00:00
2927
原创 Css white-space属性
white-space，英语词组意思为空余空间，在计算机术语中的意思是泛空格符。white-space 属性设置如何处理元素内的空白。取值：normal :默认值，文本自动处理换行。假如抵达容器边界内容会转到下一行。pre :用等宽字体显示预先格式化的文本。换行和其他空白字符都将受到保护，即按照书写内容进行输出。nowrap：强制在同一行内显示所有文本，只到文本结束或遭遇br对象。实例介绍：normal：输出：多个空格符，只会显示出一个pre:输出：多个空格符会全部显示。nowrap:
2022-07-02 07:15:00
1851
原创 Object.assign(this._data, this.$options.data())
如果我们对响应式数据进行重置时，一个较为麻烦的办法是，对数据逐个进行重置这里我们将谈到一个更为简洁的方法，代码如下：下面我们来解析一下这条语句，Object.assign()是es6新增的方法，可以合并对象所有的响应式数据，都在this._data中，this._data可以操作data中的响应式数据，_data被放到了vm身上一份,经过数据代理实现了响应式数据this.options当前组件的配置对象，如：data，this.options当前组件的配置对象，如：data，this.opti
2022-07-01 09:00:00
2333
原创 深度选择器，样式穿透
深度选择器分类，>>> 一般用于原生css/deep/ 一般用于less::v-deep 一般用于scss示例如下：为style添加scoped1: scoped属性的作用加上scoped的作用是，使style的样式只对于当前的组件有用。本质上，对于某一个组件，如果style添加上scoped属性，给当前子组件的结构中都添加上一个data-v xxxx自 定属性会发现vue是通过属性选择器，给需要添加的元素添加上样式h3[ data-v- 7ba5bd90]Child为子
2022-06-30 10:28:19
713
原创 js的some()方法和every()方法的比较
定义和用法some方法,于检测数组中的元素是否满足指定条件some()方法会依次执行数组的每个元素:1 如果有一个元素满足条件，则表达式返回true ,剩余的元素不会再执行检测。2 如果没有满足条件的元素，则返回false。如下：arr.every()方法定义与用法：1 every()方法用于检测数组中的所有元素是否都满足指定条件（该条件为一个函数）。2 every()方法会遍历数组的每一项，如果有有一项不满足条件，则表达式返回false,剩余的项将不会再执行检测；如果遍历完数组后，每一
2022-06-29 09:30:00
307
原创 arr.forEach()和arr.map()比较
结论：arr.forEach()无法对数组元素item直接进行赋值，但若item为对象，可以对item的属性进行更改arr.map()会直接创建一个新的数组，但可以在某种程度上实现arr元素item的更改。如果直接对p进行更改，并无效果，p仍为原纸但，若p为对象，对p内属性进行修改，是有效的arr.map()map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果即，map创建了一个新数组，且，需要用一个变量接收map()内参数为一个函数，item为遍历数
2022-06-28 09:30:00
307
1
原创 js的arr.map()方法
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果即，map创建了一个新数组，且，需要用一个变量接收map()内参数为一个函数，item为遍历数组arr的元素，对arr内的每一个元素进行操作，return的{a:1,b:2}即为新数组内元素的值输出为：由此可见，arr.map()并不会更改数组arr，他会返回一个新的数组...
2022-06-26 09:30:00
4450
原创 js数组浅拷贝与深拷贝的定义与实现（cloneDeep）
定义：拷贝就是拷贝指向对象的指针，意思就是说：拷贝出来的目标对象的指针和源对象的指针指向的内存空间是同一块空间浅拷贝：浅拷贝只是一种简单的拷贝，让几个对象公用一个内存，然而当内存销毁的时候，指向这个内存空间的所有指针需要重新定义，不然会造成野指针错误深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”实现方式：浅拷贝：1.使用=直接赋值var newArr = arr;2.使用slice ()var newArr = arr.slice
2022-06-25 11:12:20
1115
原创 js对象的浅拷贝和深拷贝的定义和实现方式（cloneDeep）
定义：浅拷贝，自己创建一个新的对象，来接受你要重新复制或引用的对象值。如果对象属性是基本的数据类型，复制的就是基本类型的值给新对象;但如果属性是引用数据类型，复制的就是内存中的地址，如果其中一个对象改变了这个内存中的地址，肯定会影响到另一个对象。深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”简单来说，浅拷贝只复制某个对象的引用，而不复制对象本身，新旧对象还是共享同一块内存。深拷贝会创造一个摸一样的对象,新对象和原对象不共享内存,修改新对
2022-06-25 11:02:52
893
原创 this.$refs.a和this.$refs[a]的区别
ref的用法类似于id属性 通过$refs来确定 dom 若，ref='a'，a为字符串，则可以使用 this.$ref.a 来操作dom若，:ref='index'，index为变量，则可以使用this.$ref [index]
2022-06-25 10:52:41
410
空空如也
计算机专业双非研究生有读的必要吗
2022-03-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人