- 博客(23)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 js实现日期格式化函数
function transform(date, format = 'yyyy-MM-dd HH:mm:ss') { const theCurrentDate = new Date(date.getTime()); const year = (theCurrentDate.getFullYear()).toString(); format = format.replace('yyyy', year); const month = (theCurrentDate.getMont
2021-03-18 16:37:33
609
原创 webpack使用autoprefixer给css3样式添加浏览器前缀
1、添加postcss-loader，注意要放到css-loader后，sass-loader之前，不然的话使用@import方式引入会无效 { test: /\.(s[ac]ss)$/, use: [ "style-loader", 'css-loader', "postcss-loader", "sass-loader" ] }2、项目根目录添加postcss
2021-01-21 19:15:51
272
原创 vue3使用ts在html模板中提示
setting.json中添加 "vetur.experimental.templateInterpolationService": true
2021-01-20 15:34:01
1042
原创 vscode vue3使用eslint不生效或者 ts文件不提示
如果eslint对整个项目文件都不会检查1.检查是否安装eslint插件2.项目需要放在根目录才能生效2.如果typescrip不会检查t则要在 setting.json中加入如下配置"eslint.validate": ["typescript"]
2020-12-15 12:24:31
6260
原创 rollup使用 @babel/plugin-transform-runtime 插件遇到的坑
如图，这是最开始的配置使用async 与 await语法测试直接就报这个错查了查 rollup源码发现 不能这样写https://github.com/rollup/plugins/tree/master/packages/babel#babelhelpers改成 大功告成
2020-12-11 18:08:45
3945
原创 js实现Luhn算法（模10算法、校验银行卡）
function testPaycard(payCard) { // 没有传银行卡 if (!payCard) { return true; } // 非数字 if (isNaN(payCard)) { return false } const everyNum = String(payCard).split(''); // 将银行卡的所有数字拆分 everyNum.forEach((num, index) ..
2020-11-19 18:08:15
589
原创 js 整数与小数的正则表达式
整数 /^[0-9]*$/小数 /(^[0-9]*\.([0-9]*)$/整数与小数 /(^[0-9]*\.([0-9]*)$)|(^[0-9]*$)/// 0-9开头结尾 *表示任意位数/^[0-9]*$/ // 0-9开头结尾 中间带小数点 *表示任意位数/(^[0-9]*\.([0-9]*)$/// 合并/(^[0-9]*\.([0-9]*)$)|(^[0-9]*$)/...
2020-10-16 10:32:25
4302
原创 angular8使用响应式表单（ng-zorro组件）
// 在所用到表单的模块中导入import { FormsModule, ReactiveFormsModule } from '@angular/forms';我的表单组件文件import { Component, OnInit } from '@angular/core';import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';@Component({ selector: 'app
2020-10-09 14:38:36
1605
1
原创 css改变浏览器默认滚动条样式
::-webkit-scrollbar { /* 竖滚动条尺寸 */ width: 12px; /* 横滚动条尺寸 */ height: 12px; /* 滚动末端轨道背景颜色 */ background-color: #f5f5f5; } /*定义滚动条轨道*/ ::-webkit-scrollbar-track { /* 内阴影 */ ...
2020-09-02 15:39:28
131
原创 解决 ng test jasminerequire not defined问题
项目做单元测试的时候运行ng test 报错 jasminerequire not defined上网查了很多资料最后总结出两个办法。第一个方法是是在你的karma.conf.js代码中，把reporters: ['progress', 'kjhtml']与 require('karma-jasmine-html-reporter') 注释掉。重新运行ng test 可以运行。缺点是html错误信息页面不展示，只在控制台显示。// Karma configuration file, see link
2020-08-07 15:48:42
402
原创 初次使用angular开发某管理系统遇到的一些问题
初次使用angular开发某管理系统遇到的一些问题1、加载完成自动提示功能项目有个异步加载需要几分钟，想实现一个异步加载完成时中提示用户加载完成。在加载过程中，用户可以进行界面路由之间的跳转，但是angular路由切换后组件就已经销毁了，所以不能通过组件内的变量记录加载过程。所以思路是用localstorage存储一个变量记录完成，但是怎么获取localstorage存的值是值发生改变呢？最后思路是自定义一个localstorage.setItem事件，在组件初始化的时候直接监听该事件，判断值是否发生改
2020-08-06 16:52:36
307
原创 实现监听localStorage的值变化，实现页面自动提示功能
做项目的某个功能中遇到一个异步加载需要等待一两分钟，所以想实现一个异步加载完成后自动提示用户完成加载的功能。为了实现用户在等待过程中可以进行路由之间的跳转，访问其他内容，并且angular进行路由跳转后会销毁组件，但是已经进行的异步加载还是会进行。所以采用localStorage存储某个提示变量，实现加载完成后的提示。代码如下：在全局代码设置监听事件 // 设置监听localStorage.setItem事件改变 const orignalSetItem = localStorage.se
2020-07-28 14:34:34
1570
1
原创 js手写实现new关键字
直接上代码function myNew() { // 创建一个空对象 let obj = new Object(); // shift删除数组第一个元素，并返回一个元素。原有arguments数组第一个参数是构造函数，返回值为构造函数。 const Constructor = [].shift.call(arguments); // 将 obj 的原型指向构造函数，这样 obj 就可以访问到构造函数原型中的属性
2020-07-22 16:52:47
389
原创 angular本地配置代理处理跨域
1.在项目根目录创建proxy.conf.json文件2.配置代理路径这里我代理的是cmp参数3.在根目录下的angular.json中添加配置4.访问地址这样子访问cmp/api/v1.0/staff地址，cmp会被拦截，变成http://192.168.108.3:31654/cmp/api/v1.0/staff这里都使用cmp 是为了方便项目部署后可以直接使用。不用nginx配置。如果后台都多个服务器地址那就只能用nginx配置一下了。...
2020-07-15 14:41:52
621
原创 关于angular使用 ng-zorro-antd表格 固定列失效的问题
最近做项目使用到了ng-zorro-antd的表格组件，但是列数过多，想把操作列固定住。按照官网教程在 指定的td 与 th 添加 nzRight属性，但是没有固定效果。查了一下固定列使用了css3的 stick属性。完全没有听说过，马上查了一下stick的用法。参照这位博主的stick的踩坑指南https://blog.csdn.net/qq_35585701/article/details/81040901发现答案查了我的表格固定列，并没有top bottom left right任意一
2020-06-26 23:02:31
1437
1
转载 vscode prettier格式化不生效 单引号无效
转自：https://www.cnblogs.com/shanjinghao/p/12764984.htmlprettier格式化不生效 单引号无效最近使用Vue CLI创建项目，按照之前的设定，使用standard eslint标准。在格式化的时候发现，引号变成了双引号，结尾的分号也给我自动加上了，格式化的时候也没法自动格式化，一直报错，百思不得其解，自己的vscode 的setting文件里，prettier设置的都是单引号，不要分号的，完全不知道哪里出错了。关键时候还得Google，在prett
2020-06-23 15:29:31
8230
1
原创 angular7使用ng-zorro-antd组件指南
1.官方网址https://ng.ant.design/docs/introduce/zh注意angular必须升级到最新版本9，如果不升级的话就只能指定ng-zorro-antd版本。（我使用的angular版本是7，ng-zorro-antd版本是"ng-zorro-antd": "^7.0.0"）2.使用不是按照官网的方式。如果想要按照官网的方式必须使用npm，很容易失败。失败的多试几次就可以了。我采用的方式是：1.在你的项目里安装cnpm install ng-zorro-antd -
2020-06-21 21:42:13
3140
1
原创 js数组常用方法整理（包含ES6新增语法）
1. push，pop，unshift，shift（常用）array.push(item)将元素添加到数组最后 返回新数组长度。array.unshift(item) 将元素添加到数组最前面 返回新数组长度。array.pop() 将数组最后一个元素删除 返回删除的最后一个元素的值。array.shift() 将数组第一个 元素删除 返回删除的第一个元素的值。2.slice splice（常用）array.slice(start, end)从数组索引start位置截取到end位置。如果
2020-05-27 18:58:52
809
3
原创 js对象深浅拷贝
深浅拷贝引子： JS数据类型分别基本数据类型（String，Number，Undefine，null，Bolean，Symbol）和引用数据类型（数组，对象，函数）概念：浅拷贝只复制皮毛，如果一个对象里面有引用类型，这个时候使用浅拷贝复制的对象，实际上和原来对象共用一个内存地址，也就是说你改他的引用类型的值，会造成同步修改。而深拷贝会产生新的内存地址。浅拷贝方式：直接赋值Object.assign()解构赋值实现代码如下： let xiaoMin = { name: '小明'
2020-05-24 22:07:01
140
原创 防抖和节流的区别以及代码实现
1、区别防抖和节流的目的都是为了节省性能损耗。都是希望在一定的时间间隔内，不要重复触发请求。一般场景用在搜索和网页滚动事件中。他们的区别如下：防抖：在固定的时间执行函数。如果在这段时间内再次触发，不会重新开始计时。在这段时间只能执行一次。节流： 在规定时间内执行函数。如果在这段时间内再次触发，则重新开始计时。通俗一点讲，防抖就比如说你准备学习60分钟，如果在此期间，你被外界因素打断了，你就重新开始学习60分钟。节流就比如说你准备学习60分钟，如果在此期间，你被外界因素打断了，不管什么事你都置
2020-05-24 11:29:58
328
2
原创 Array.prototype.push.apply(arr1, arr2)在vue中不会触发dom更新
Array.prototype.push.apply(arr1, arr2)在vue中不会触发dom更新export default { data() { return { arr1: [] }}昨天做项目遇到两个数组合并，把数组2合并到数组1使用了Array.prototype.push.apply(arr1, arr2)发现数组是合并了，但dom上执行v-fo...
2019-11-22 10:55:16
865
原创 关于安装MySQL8.0.15出现的一些问题，以及没有my.ini文件设置默认字符集的解决办法
关于安装MySQL8.0.15出现的一些问题首先，下载完MySQl进行解压到纯英文路径（一定要纯英文路径！！本人安装其他开发工具时血的教训）。解压完后，打开CMD，进去MySQL的bin目录。然后输入mysqld ‐‐initialize ‐‐user=mysql ‐‐console（初始化数据所需文件以及获取一个临时的访问密码），记住要保存那个临时密码[Note] A temporary...
2019-04-17 12:13:58
3608
1
basketball-sort.zip
2020-05-25
ng test时提示jasmineRequire is not defined?
2020-08-04
angular7里配置路径别名 引用样式表时就会出错
2020-06-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人