学习
web张
这个作者很懒,什么都没留下…
展开
-
数组的递归调用,对广度优先和深度优先对比
// 测试数据var arr=[ { id:1, chlid:[ { id:11, chlid:[ { id:111, chlid:[] }, { id:112, chlid:[] } ] }, { id:12,原创 2020-07-30 14:07:36 · 231 阅读 · 0 评论 -
一个网页打开很慢的分析过程
一个网页打开很慢的分析过程页面打开慢的原因有网络问题、渲染问题、代码问题等等1、查看网络情况打开chrome浏览器的开发者选项,选择Network菜单,刷新页面,对请求情况进行分析,记录DOMContentLoaded时间、Load时间、页面文件大小找出无效的请求、失败的请求、耗时长的、文件大的资源,并按分类统计请求数量无效的请求、失败的请求:查明原因并解决,如地址失效、拼写错误等耗时...原创 2020-01-15 15:34:22 · 701 阅读 · 0 评论 -
移动端bug整理
重绘相关safari浏览器textarea标签的placeholder多行时显示不全ios键盘收起页面错位手机兼容bug汇总-之前记录的其他移动端-富文本链接处理原创 2020-01-07 21:31:38 · 160 阅读 · 0 评论 -
safari浏览器textarea标签的placeholder多行时显示不全
问题:使用textarea标签时,placeholder的内容很长,会换行,首次显示正常,当输入内容后,在清除,就会只显示placeholder的第一行内容,其之后的就看不到了解决方案:使用js动态的重绘textarea标签,来使placeholder显示完成调试解决:通过调试我发现,清除内容后,展示的placeholder只有一行,j经过反复调试属性,发现和textarea标签的重绘有关系,...原创 2020-01-07 21:26:43 · 1849 阅读 · 0 评论 -
webWorker学习
webWorker学习简单理解worker的作用就是一个处理复杂大量数据的js函数,如下图,在index.html代码中,1、先对Worker进行实例化创建work,创建work.onmessage对事件监听,通过work.postMessage方法传递参数param,work.js创建message事件监听,通过message监听事件获得参数param,在work.js进行数据处理,完成后,...原创 2020-01-03 21:04:54 · 130 阅读 · 0 评论 -
js 数组、对象深度拷贝及方法的注意点
对数组、对象进行深度拷贝的方法function deepClone (data, newData) { if (typeof data === 'object' && data) { if (Array.isArray(data)) { newData = [] data.forEach((k) => ...原创 2019-12-20 14:06:10 · 99 阅读 · 0 评论 -
移动端-富文本链接处理
移动端-富文本链接处理问题描述后端返回的富文本数据中,有a标签链接,直接点击a标签,会直接替换当前webview的地址,当我们想退回上一个页面的时候,就不能生效了解决思路前端框架是vue,我想使用正则匹配出富文本中的a标签,然后转换为span标签,添加class、data-url属性,然后在使用原生js绑定点击事件,在点击事件中在执行vue对象的方法,调用组件或打开新的webview&...原创 2019-11-28 14:21:48 · 586 阅读 · 0 评论 -
Promise
创建方法注:创建的时候,就是运行的时候,如果不想立即运行,就要放到一个函数中,通过函数来调用// 直接声明const p = new Promise((resolve,reject)=>{ // 逻辑代码 let num = Math.random() * 2 if(num>1){ resolve('大于1') }else{ reject('小于1') }})...原创 2019-11-04 22:12:37 · 65 阅读 · 0 评论 -
提取页面里的多行注释,生成markdown文件
功能说明一个简单快速将js、vue等文件中的,多行注释,提取生成.md文件使用方法:1、将项目的根目录下,创建js文件(annotation-export.js),复制粘贴以下文件;2、修改filePath值,修改成要生成文档的文件地址路径;3、执行node annotation-export.js,在要生成文档的文件同级会生成一个.md的文件注:要注意多行注释的格式,可以根据需要,新增注...原创 2019-09-14 19:35:46 · 1638 阅读 · 0 评论 -
node脚步-文件内容覆盖
执行命令:node file-content-replace.jsfile-content-replace.js/* eslint-disable no-unused-vars *//** * 进行数据覆盖,把a文件数据覆盖到b文件上,产出新的c文件 * 可用于多语数据替换 * @param {string} [newPath] a文件的路径 * @param {string} [m...原创 2019-09-10 17:41:41 · 1080 阅读 · 0 评论 -
react总结
1、react类solt插槽// 使用<Footer children={<React.Fragment><DButton title={'提交'}/></React.Fragment>}/>// 父组件class DFooter extends Component { constructor (props) { su...原创 2019-04-30 09:48:15 · 88 阅读 · 0 评论 -
vue优化记录
1、内置的组件 component<!-- 动态组件由vm实例的属性值componentId控制 --><component :is="componentId"></component><!-- 也能够渲染注册过的组件或prop传入的组件 --><component :is="$options.components.child">...原创 2019-06-13 10:06:54 · 71 阅读 · 0 评论 -
vue 爬坑指南
1、chrome调试的watch监听,可以很好的跟踪变量变化,知道变量在什么时候被修改原创 2019-06-14 22:56:27 · 108 阅读 · 0 评论 -
html 移动端插件整理
1、附件上传webupload:https://fex.baidu.com/webuploader/2、图片压缩localResizeIMG:https://github.com/think2011/localResizeIMG3、滚动 scrollbetter-scroll:http://ustbhuangyi.github.io/better-scroll/doc/zh-hans...原创 2019-06-15 22:49:27 · 640 阅读 · 0 评论 -
页面加载、解析和渲染流程
https://blog.csdn.net/u013789656/article/details/80943573https://www.cnblogs.com/caizhenbo/p/6679478.html转载 2019-06-20 22:09:55 · 110 阅读 · 0 评论 -
git 学习总结
创建git仓库1.1 把已有项目代码纳入Git管理cd targetFoldergit init1.2 新建项目直接使用Git管理cd targetFlodergit init your_projectcd your_project配置user信息git config --global user.name ‘name’git config --global user.emai...原创 2019-06-26 23:13:30 · 108 阅读 · 0 评论 -
新增cookie、删除cookie、清除cookie
参数描述name必需。规定 cookie 的名称。value必需。规定 cookie 的值。expire可选。规定 cookie 的有效期。(new Date())path可选。规定 cookie 的服务器路径。domain可选。规定 cookie 的域名。secure可选。规定是否通过安全的 HTTPS 连接来传输 cookie。...原创 2019-06-29 19:27:13 · 3178 阅读 · 0 评论 -
如何描述清楚一个组件
如何能快速的了解组件分为四个部分功能说明、组件关系、使用说明、核心逻辑如下:功能说明支持对人员的单选或多选,返回一个人员列表数组;支持设置默认值、修改已选数据组件关系使用说明 @param {String/Number} [title] 标题内容 @param {Boolean} [isSingle] 是否是单选 @param {Array} [affere...原创 2019-07-29 14:52:50 · 339 阅读 · 0 评论 -
手机兼容bug汇总
问题:ios6s手机,初始化是动态的控制按钮显示,按钮的样式显示不出来,但是点击按钮位置还会触发相对应的事件 html <div class="btn-group"> <button class="btn1 none">按钮一</button> <button class="btn2 none">按钮二</button>...原创 2019-07-20 09:47:51 · 145 阅读 · 0 评论 -
git 使用中场景总结
git 使用中场景总结原创 2018-11-13 16:29:23 · 228 阅读 · 0 评论