- 博客(20)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 正则中文标点符号打包出错
最近遇到一个问题，正则校验中要求校验成大写字母，并且大写字母之间要用顿号分割，一开始我写的这种：/^([A-Z]{1})(\、([A-Z]{1}))*$/发现本地校验没问题，打包部署到测试环境就出问题，后来发现要转译才行，于是改成/^([A-Z]{1})(\u3001([A-Z]{1}))*$/就可以了。...
2021-12-12 22:32:56
318
转载 js比较表达式的运行原理
比较表达式的运行原理 1.数字 与 字符串 比较，字符串转换成数字值然后四舍五入，数字四舍五入后比较。 //console.log(1.66666666666666666=='1.6666666666666667'); 2.任何变量与布尔值比较，布尔值先转换成数字 true转为1，false转为0。 3.对象 与 数字或字符串 比较，操作符会尝试将对象通过方法valueOf和toString转换为其原始值 4.对象 与 对象 比较，会把它们的引用(地址)进行比较...
2021-12-12 22:06:52
197
原创 script标签的defer和async
defer这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此，在<script>元素中设置defer属性，相当于告诉浏览器立即下载，但延迟执行。HTML5规范要求脚本按照它们出现的先后顺序执行，因此第一个延迟脚本会先于第二个延迟脚本执行，而这两个脚本会先于DOMContentLoaded事件执行。在现实当中，延迟脚本并不一定会按照顺序执行，也不一定会在DOMContentLoad时间触发前执行，因此最好只包含一个延迟脚本。
2021-09-14 22:23:44
179
原创 JSON.parse(JSON.stringify(obj))深拷贝的问题
JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了就是：利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输（例如 如果请求的Content-Type是application/x-www-form-urlencoded，则前端这边需要使用qs.strin.
2021-09-14 22:02:12
730
原创 美团前端面试（一面）面试题总结
1、介绍二叉树的深度遍历和广度遍历；假设页面上的dom结构如下：<div id="root"> <ul> <li> <a href=""> <img src="" alt=""> </a> </li> <li> <span></
2021-08-11 21:54:27
1666
原创 antd1.0版select组件showSearch不生效
antd1.0版select组件设置showSearch属性，模糊查询不生效，解决办法：需要加上optionFilterProp="children"这个属性配合使用
2021-06-22 11:26:15
1721
1
原创 antd1.0版 select组件设置multiple后placeholder不生效
解决办法：使用searchPlaceholder代替placeholder；
2021-06-22 10:51:14
472
转载 flex:1属性是什么意思
flex属性是flex-grow、flex-shrink、flex-basis三个属性的缩写。推荐使用此简写属性，而不是单独写这三个属性。flex-grow：定义项目的的放大比例； 默认为0，即 即使存在剩余空间，也不会放大； 所有项目的flex-grow为1：等分剩余空间（自动放大占位）； flex-grow为n的项目，占据的空间（放大的比例）是flex-grow为1的n倍。flex-shrink：定义项目的...
2021-06-12 10:09:22
16248
1
原创 vue 60s倒计时按钮
vue 60s倒计时按钮 <!-- 手机号 --> <InputGroup type="number" v-model="phone" placeholder="手机号" :btnTitle="btnTitle" :disabled="disabled" :error="errors.phone" @btnClick="getVerifyCode"/>export default { name: '
2021-05-22 19:12:34
291
转载 谷歌浏览器安装 devtools 调试工具
1、github下载devtools源码用dev版本（@5.3.4）打包报未知错：Error: Unknown option '--hide-modules'所以用的低版本地址：https://github.com/vuejs/vue-devtools/tree/v5.1.12、npm install 安装依赖3、npm run build 打包4、修改：shells/chrome/manifest.json中的"persistent": false。将值改为true5、打开谷歌浏览器
2021-05-15 22:19:45
370
原创 Vue 样式动态绑定设置
Vue 样式动态绑定设置通过:class动态绑定样式‘is-complete’，如果item.completed为true,则‘is-complete’样式生效，否则不生效。
2021-05-09 21:18:36
88
原创 withRouter用法
问题：在react子组件中，_this.props.history为undefined,解决方法：引入withRouter，导出时调用。import{withRouter}from'react-router-dom';原理：高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中.如果我们某个东西不是一个Router, 但是我们要依靠它去...
2020-12-07 17:07:09
5750
原创 react 日期格式转年月日
将Fri Jan 03 2020 08:00:00 GMT+0800 (中国标准时间) 转成"2020-01-03 "
2020-11-02 15:42:40
977
1
原创 React antd Steps步骤条与Popover气泡卡片结合应用
由于要求鼠标放到对应部门上时显示具体信息，所以需要两个接口，一个对应步骤条，另一个对应Popover气泡卡片。“开始”、“结束”是采用数组添加方式手动固定在页面上，其余步骤则为动态渲染，所以需要在接口返回值中进行添加。...
2020-11-02 10:08:43
1790
1
原创 lodopPrint打印预览样式未生效
问题描述： 使用Lodop打印预览样式未生效。原因分析： js文件中的引入文件的代码link未生效：解决方法： 在js文件中用ajax进行引入（同步：async为false）
2020-09-09 10:34:50
1177
原创 CSS选择器 ‘~‘
问题描述：鼠标经过.face的时候给.ear-wrap加样式，它们是兄弟关系，如果用.face:hover .ear-wrap{transform:rotate(-45deg);}，则不生效。原因分析：如果是兄弟关系应该用~选择器，才能生效。补充：兄弟选择器（~和+）‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，只有一个的。而‘~’选择器则表示某元素后所有同级的指定元素，强调所有符合要求的。...
2020-09-02 16:26:13
142
原创 IE8数组长度问题
问题描述：在ie8下，点击下拉框无数据显示原因定位：打开F12，看到报错，打断点后看到：zsxmdm在ie8下遍历length为3，实际上只有2，原因是IE8遵循ECMAScript3的规则，当对象最后一个逗号后面没有内容时，也将最后一个空对象算在长度内，ECMAScript5则会忽略此对象。所以ie8会报错zsxmDm为undefined。我的解决方法：...
2020-09-01 15:14:01
166
空空如也
window.CloseOwnerWindow是什么功能？
2021-06-15
JavaScript高级程序设计（第三版）7.2.1 闭包与变量存疑
2021-06-09
JavaScript高级程序设计（第3版）5.4 RegExp类型 例子有问题
2021-05-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人