- 博客(37)
- 收藏
- 关注
RSS订阅原创 vue-cli 5 如何配置 CSS Modules
折腾了半天，发现根本不用安装什么 stylus、stylus、style-loader、css-loader 什么东东一大堆！！！直接创建 css 文件然后引入就可以了，需要配置的话可以在配置，默认不配置就可以，真的我哭死！！！
2023-06-20 19:27:09
1505
原创 JS 如何把深层次数组扁平化
用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。如果不知道有多少层，可以用 Infinity。方法返回一个字符串，表示指定的数组及其元素。参数为拉平的层数，默认为1，并生成一个额外的分隔符。
2023-06-02 17:57:45
260
原创 JS 类的用法
可用#属性名/方法名表示，可与非静态属性/方法重名，子类无法继承，不会被实例继承可用static 属性名/方法名表示，可与非静态属性/方法重名，子类可以继承，不会被实例继承。
2023-05-22 18:36:59
135
原创 Object.keys 和 Object.getOwnPropertyNames 区别
的属性名（包括不可枚举属性但。作为名称的属性）组成的数组。返回一个由给定对象自身的。不包括 Symbol 值。返回一个由指定对象的。
2023-05-19 17:14:27
98
原创 CSS 选择器优先级
内联选择器 > ID选择器 > 属性选择器 > 类选择器 > 标签选择器 > 通配选择器。important 属性拥有最高优先级。
2023-05-17 16:34:12
62
原创 JavaScript 脚本延迟加载方式
属性，那么脚本及其所有依赖都会在延缓队列中执行，因此它们会被并行请求，并尽快解析和执行。解析阻塞的 Javascript 会导致浏览器必须加载并且执行脚本，之后才能继续解析。属性，那么普通脚本会被并行请求，并尽快解析和执行。该属性能够消除解析阻塞的 Javascript。用来通知浏览器该脚本将在文档完成解析后，触发。defer 属性必须配合 src 属性使用。事件，直到脚本被加载并且解析完成。defer 属性对于模块脚本没有作用。对于普通脚本，如果存在。
2023-05-15 19:11:58
596
原创 JS 如何判断空对象
方法将一个 JavaScript 对象或值转换为 JSON 字符串，如果指定了一个 replacer 函数，则可以选择性地替换值，或者指定的 replacer 是数组，则可选择性地仅包含数组指定的属性。组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。方法会返回一个由一个给定对象的自身。
2023-05-12 18:01:04
159
原创 JS 包装类型
如果传进去的是引用类型的值，仍然会返回这个值，经他们复制的变量保有和源对象相同的引用地址。基本包装类型：Number、String、Boolean。可以使用valueOf 将包装类型转换为基本类型。如果传进去的是一个基本类型的值，则会构造其。为了方便操作基本类型的值，js 会在后台。隐式地将基本类型的值转换为对象。，将会创建并返回一个空对象。
2023-05-12 17:15:56
65
原创 token 登录流程
客户端用账号密码请求登录 服务端收到请求，验证账号密码 验证成功后，服务端签发token，发送给客户端 客户端收到token，保存下来 客户端每次向服务器发送请求资源，都携带token 服务器验证token 验证成功，返回资源
2023-04-28 17:05:04
1285
原创 webpack中loader和plugin的区别
loader plugin 描述 用于对模块的源代码进行转换 在于解决loader无法实现的其他事 用法 配置方式（推荐）:在webpack.config.js文件中指定 loader 内联方式：在每个import语句中显式指定 loader 可以携带参数 / 选项，向plugins属性传入一个 new实例 好了，今天先总结这么多。。。。。。...
2022-05-26 22:58:30
285
原创 JS计算小数精度问题
方法：Number.EPSILONNumber.EPSILON属性表示 1 与Number可表示的大于 1 的最小的浮点数之间的差值。如果计算差值小于Number.EPSILON，则为相等let x = 0.1, y = 0.2, z = 0.3;if(Math.abs((x + y) - z) < Number.EPSILON) { console.log('相等')}...
2022-05-26 17:49:29
235
原创 SVG和CSS实现小风扇
HTML:<div class="circleBox"> <div class="circleInner"> <svg class="cir1" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path d="M80 80 L50 7 L110 7 Z" fill="#0a763d" /> <path d="M50 7 S80 -7 110.
2022-05-25 22:47:52
415
原创 js实现tab选项卡
//css样式*{ margin: 0; padding: 0;}li{ list-style-type:none; float:left;}div.card{ overflow:hidden;}div.card li{ width:110px; height:50px; background:linear-gradient(#e1670e,orange,#e1670e); cursor:pointer; tex.
2022-05-25 22:44:55
910
原创 angular中ng-repeat生成表格并合并单元格
// //html部分<tbody ng-repeat="node in vm.stationName"> <tr ng-repeat="tr in node.items track by $index"> <td ng-if="$index ==0" rowspan="{{node.items.length}}">{{node.name}}</td> <td>{{tr.vC_SHOW_NAME}}<.
2022-05-25 22:37:42
731
原创 简单时间计时器
setInterval(function () { var today = new Date(), h = today.getHours(), m = today.getMinutes(), s = today.getSeconds(); m = checkTime(m); s = checkTime(s); document.getElementById('nowTime').innerHTML = h + ':' + m .
2022-05-25 22:28:28
109
原创 CSS伪类设置全屏样式
css伪类:fullscreen应用于当前处于全屏显示模式的元素。它不仅仅选择顶级元素，还包括所有已显示的栈内元素。W3C标准使用不带破折号的单词:fullscreen但Webkit和Gecko应用接口各自使用前缀带有破折号的变量：:-webkit-full-screen:-moz-full-screen写法:-webkit-full-screen{ .header-section{ display: none; } }:-moz-f
2022-05-25 22:26:36
1082
原创 常用正则表达式
名称 正则表达式 身份证 /(^\d{15}$) 军官证 /[\u4e00-\u9fa5]字第{1}(\d{4,8})(号?)$/ 护 照 /^([D 驾驶证 /(^\d{15}$) 户口本 /(^\d{15}$) 港澳台通行证 /^([H 手机号码+座机号码校验 /^(1[3 email /^(\w)+(.\w+)*@(\w)+((.\w+)+)$/ 正整数 /[1][1-9][0-9]$/ 大于0的整数或
2022-05-25 22:18:48
216
原创 webpack5选项具有未知属性contentBase
contentBase 换成 staticdevServer: { proxy: { // proxy URLs to backend development server '/api': 'http://localhost:3000' }, static: path.join(__dirname, 'public'), // boolean | string | array | object, static file location compress:
2022-05-19 16:17:35
601
原创 JavaScript 根据身份证号获取年龄
function GetAgeByIdNo(identityCard) { var len = (identityCard + "").length; if (len == 0) { return 0; } else { if ((len != 15) && (len != 18))//身份证号码只能为15位或18位其它不合法 { return 0; } } va.
2022-05-11 15:48:30
797
原创 Vue 常见面试题
1.include字符串或正则表达式。只有名称匹配的组件会被缓存。2.exclude字符串或正则表达式。任何名称匹配的组件都不会被缓存。3.max数字。最多可以缓存多少组件实例。keep-alive 触发的两个生命周期：activated和。
2022-05-11 14:05:49
255
原创 SVG进度条
<svg viewBox="0 0 500 500"> <circle cx="250" cy="250" r="200" stroke-width="50" stroke="#eee" fill="none" /> <circle id="circle" cx="250" cy="250" r="200" stroke="url(#grad1)" stroke-width="50" fill="none" stroke-linecap="round" /> .
2021-09-03 11:21:53
117
原创 vue设置滚动条到指定区域
editMapRow() { // 滚动到地图显示区域 this.$nextTick(function(){ // 距离头部150 this.$refs.appContainer.scrollTo(0, 150); })},
2020-05-20 13:42:56
5031
3
原创 vue-cli 3.0打包添加版本号
// 添加时间戳const Timestamp = new Date().getTime();module.exports = { configureWebpack:{ output: { // 输出重构【模块名称.hash值.时间戳】 filename: `[name].[hash].${Timestamp}.js`...
2020-05-06 14:34:11
1804
原创 node-sass安装失败
npm uninstall node-sassnpm i node-sass@4.11.0 --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
2019-10-29 14:52:19
135
原创 常见 JavaScript 面试题总结
/ 扩展运算符// Array.from() 将类似数组的对象和可遍历的对象转为真正的数组// Array.of() 将一组值，转换为数组 相当于 [].slice.call(arguments);// 实例方法：copyWithin() 将指定位置的成员复制到其他位置，返回当前数组//(5) ['a', 'e', 'c', 'd', 'e'] 把 b 替换成 e// find() 找到符合条件的成员，返回该成员，没有符合的成员返回undefined。
2019-08-22 18:21:30
314
2
原创 小程序引用组件报错Cannot read property 'name' of undefined
属性的 type 为必填项Component({ /** * 组件的属性列表 */ properties: { shopIcon: { type: String, value: '' }, //店铺名称 shopName: { type: String, value: '' ...
2019-08-14 17:03:26
10634
2
原创 VS Code 代码格式化（4个空格）(Vue)
首选项-设置-搜索tabSize"editor.detectIndentation": false, // 改为false，这里默认是true"vetur.format.options.tabSize": 4 // 改为4，这里默认是2设置Vetur › Format › Default Formatter: JS为vscode-typescript使用Alt + Shift +...
2019-08-14 16:59:20
4649
原创 VSCode 常用主题收集
页面太白不喜欢，黑色又太压抑怎么办？Slack Theme（本人很喜欢）cozypink（满足你的少女心，男生也可以哟）cozygreen（近视眼必备<(▰˘◡˘▰)>）...
2019-08-14 16:49:12
9999
原创 vue关于监听页面滚动离开页面时报错的原因
要在离开页面的时候的销毁监听methods: { handleScroll(){ }},mounted() { let that = this; //离开页面时要销毁监听，不然会报错 window.addEventListener('scroll', that.handleScroll); },destroyed(){ wind...
2019-08-14 16:28:57
786
原创 nodejs配置环境变量（cnpm: command not found）
一般这种情况是环境变量没配置好，需要重新配置//安装淘宝镜像cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org//清除淘宝镜像cnpmnpm uninstall cnpm -gcnpm 路径（这是我自己安装的路径，系统变量要用）设置用户变量设置系统变量（cnpm安装路径）...
2019-08-14 16:06:36
972
原创 ECMAScript6 学习笔记 - var,let,const的学习总结
es6的块级作用域的声明规则：只在使用大括号的情况下成立，没有大括号会报错// 不报错'use strict';if (true) { function f() {}}// 报错'use strict';if (true) function f() {}let和var命令的区别var命令会发生‘变量提升’现象，即变量可以在声明前使用，值为undefined;...
2019-04-11 17:26:38
144
原创 angular自定义添加单页面loading动画
html页面添加loading动画//引用css插件loaders.css<div class="mask-loading" ng-show="loading"> <div class="loading-content"> <div class="la-ball-spin-clockwise la-2x"> ...
2019-04-08 15:43:30
1292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人