- 博客(18)
- 收藏
- 关注
原创 语法专题一: 数据类型转换
数据类型转换javascript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。强制转换1.Number()原始类型值的转换规则: 被转换的字符串中只要有一个字符不能被转成数值的,最终返回的结果都是NaN, 与parseInt不同的是parseInt是逐个转换的,直到遇到第一个无法转换为数值的字符停止转换,返回所能转换的数值(由此得 " . " 不可转换为数值,故而该函数用于浮点数取整 )。引用类型值的转换规则:当参数是对象或多个值的数组时返回NaN,当参数是单个数值数组时返回
2021-07-23 10:49:52 186
原创 数组去重方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2021-05-19 15:18:46 119
原创 let和const命令
let命令用法:let用于声明变量,但是作声明的变量只在let命令所在的代码块内有效。let a = 123;特点:不存在变量提升,暂时性死区、不允许重复声明。暂时性死区:暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。经典面试题: for(let i=0;i<5;i++){ setTimeout(function(){ console.log(i); },0
2021-05-18 11:26:02 123
原创 vue路由懒加载、异步组件
1、路由懒加载只有在使用该路由时才加载路由。可缩减首屏加载时间。{ path:'./about', name:'About', component:() => import('../views/Aboout.vue')//在此处引入为懒加载}2、异步组件与路由懒加载一样,在引入组件时不直接使用如下代码引入:import List from './views/List.vue';而是在componentst引入:components: { List : () =>
2021-04-21 23:56:49 319
原创 Event Loop
Event Loopevent loop 实际上就是一个 while 循环。所有的 javascipt 代码都会在 stack 中执行,当执行完某段代码后 stack 变为空时,会通过 event loop 去 callback queue 中去取 callback 并执行。理解:Javascript单线程任务被分为同步任务和异步任务,同步任务会在调用栈中按照顺序等待主线程依次执行,异步任务会在调用栈执行后放到Web API 中,等异步任务有了结果后,将返回的回调函数放入任务队列(Callback
2021-04-21 22:19:01 105
原创 一些常用的方法
通过身份证号获取年龄/** * @param {string} identityCard 身份证号码 * @description 通过身份证号获取年龄 */export function getAge(identityCard) { var len = (identityCard + "").length; if (len == 0) { return ''; } else { if ((len != 15) && (len != 18)) /
2021-04-21 13:54:50 67
原创 element ui表格合并单元格
element ui表格合并单元格效果:下面数据做了一下扁平化,主要是这里的数据结构不太符合,如果你的数据结构符合遍历可以不用这一步,当然这里扁平化的时候增加了合并的行数rowspan 和 序号 itemIndex。如若没这一步注意自行计算合并行数和序号。表格代码: <el-table border ref="multipleTable" :height="tableHeight" :data="tableData"
2021-03-31 16:42:01 971
原创 JavaScript加密 crypto-js
crypto-jscrypto-js 是一个JavaScript写的加密算法类库,可以非常方便地在 javascript 进行MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列,进行 AES、DES、Rabbit、RC4、Triple DES加解密。使用:在vue项目中直接运行下方命令安装依赖就可以直接在项目中使用。npm install crypto-jsDES案例://使用前先引入依赖import CryptoJS from "crypto-js";//DES加
2021-03-26 17:58:32 754
原创 js手写一些方法
1.获取url参数值 <script> var url = 'https://www.baidu.com/s?id=123&name=why&phone=13876769797'; function getQueryString(name){ var str = ''; //用来存储参数的字符串 var index = url.indexOf('?'); //获取参数索引 //判断链接是否有参数
2021-03-23 22:57:15 253
原创 el-radio选中后圆圈有光晕
情景:el-radio 在使用的时候选中时圆圈有光晕,如下图所示:可选中lable的样式的 :focus属性即可看到第一个圈的样子,如下图:解决方法:.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: 0 0 2px 2px #fff;}...
2021-01-15 17:35:20 895
原创 浅拷贝和深拷贝
1.浅拷贝浅拷贝:拷贝完成后,在改变原对象或拷贝中的引用属性的值时,原对象和拷贝的对象会同时发生改变。方法:使用 Object.assign() 方法 ;使用 … 扩展运算符var obj = { name : 'fxl', age : 18, job: { name : 'jack', money : 1000 , } }//方法一:var obj1 = Object.assign({}, obj);obj.job.money = 200;console
2020-12-25 18:02:54 204 1
原创 常用校验方法
// 校验函数const checkFunc = (func) => { return func && (func.constructor === Function);};// 验证身份证export function isIdCard(id) { const format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}((
2020-10-31 14:32:24 421
原创 将本地vue项目上传到github上
将本地vue项目上传到github上首先,打开本地创建好的vue项目文件,右键点击Git bash Here,打开Git命令工具,输入git init 回车运行,生成.git文件。运行git add .将项目的搜友文件添加到仓库,注:git不能添加空的文件夹,文件夹里必须有文件才能add成功。然后 运行指令 git commit -m “提交到仓库的名称”创建github仓库登录github账户后,选择New repository 后按照提示输入仓库名称和说明,创建仓库。仓库创
2020-09-03 14:12:56 1971
原创 Nginx安装与Vue项目部署
Nginx安装与Vue项目部署1.Niginx 下载安装下载链接:(http://nginx.org/en/download.html)安装说明:Nginx和其他的一些插件不同,并不是版本越新越好,更加注重的是稳定性,所以选择稳定版本或旧版本进行下载,然后将下载的压缩包放在自己想安装的位置下解压,双击运行文件夹中的 nginx.exe进行安装。检查是否安装成功:运行nginx.exe后在浏览器中输入localhost:80得到如下欢迎页面即安装成功。2.Vue项目打包Vue脚手架项目,通常打
2020-08-27 09:20:34 488
原创 node项目中的同一个页面,在不同机器上显示不同的div
node项目中同一个页面在不同机器上显示不同的事项1、解决思路:在浏览器的localStorage中存一个标识,在页面中根据这个标识来判断展示哪个事项。注意:localStorage是存在浏览器上的,所以在node上是获取不到的,想要在页面上获取到只需在页面中用js获取。如下图设置一个标识tab:下面是使用例子:当tab=first时,只展示投资项目科和综合业务科;当tab=second时,只展示社会事务科和农业事物科;当tab=third时,只展示经济事务科和城管交通科;<
2020-08-13 19:59:32 172
原创 数组的一些简单操作
数组的一些相关操作1.数组对象将某个属性抽取成数组let arr = [{"name":"fang","age":123}, {"name":"fang2","age":2}, {"name":"fang3","age":3}, {"name":"fang4","age":4}, {"name":"fang5","age":223},]; let arr1 = arr.
2020-08-11 20:47:39 175
原创 一个简单vue.config.js配置和axios简单封装
一个简单vue.config.js配置和axios封装从vue-cli3.0脚手架开始,搭建的Vue项目,目录中是不存在vue.config.js文件的。所以当我们想要做一些自己的配置的时候要自己手动建一个vue.config.js文件。1、vue.config.js配置新建vue.config.jsvue.config.js代码module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/kuaChe
2020-07-31 21:21:43 3033
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人