每周学习
文章平均质量分 75
每周两篇学习及工作经验博客发布
Chen_Devin
每周一到两篇知识积累分享;
每月一篇月度实战工作总结;
前端的精彩 , 是你我同在;
展开
-
浏览器数据库 IndexedDB
浏览器数据库 IndexedDB随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。IndexedDB 就是浏览器提供的原创 2021-08-04 09:47:31 · 1308 阅读 · 1 评论 -
ES6字符串存在判断
ES6字符串判断方法在ES6里面添加了一些字符串的方法:includes()、startsWith()、endsWith(),他们可以很方便的判断字符串里是否包含其他字符串;includes():是否包含了参数字符串,返回布尔值 startsWith():参数字符串是否在原字符串的头部,返回布尔值 endsWith():参数字符串是否在原字符串的尾部,返回布尔值includes()用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。语法arr.include原创 2021-08-03 09:12:15 · 1738 阅读 · 0 评论 -
js,css加载异步
js 异步 async defer当浏览器碰到 script 脚本的时候:<script src="script.js"></script>没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。<script defer src="myscript.js"></script> 有 defer,加载后续文档元素的过程将和原创 2021-05-07 18:46:57 · 367 阅读 · 0 评论 -
对象与数组深拷贝
引用数据类型数据复制: 引用数据类型也就是对象类型Object type,比如:Object 、Array 、Function 、Data等。 javascript的引用数据类型是保存在堆内存中的对象。 与其他语言的不同是,你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址。 所以,引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。对象复制json方法JSON对象的深度克隆。方原创 2020-12-25 09:25:21 · 129 阅读 · 0 评论 -
default-first-option无需配合filterable或remote
<el-select v-model="value" ref="selectRef" @visible-change="visibleChange('selectRef')" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="...原创 2020-07-02 14:04:16 · 3253 阅读 · 0 评论 -
js基础之-语法,数据类型
### js基础#### 语法:JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{...}。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。js代码行末自动添加分号机制:return , break...原创 2020-04-28 09:13:56 · 185 阅读 · 0 评论 -
详解DOM节点及属性API
DOM节点目录DOM节点HTML DOM 节点树节点父、子和同胞节点节点类型节点设置与获取children 与 childNodesnextSibling 与nextElementSiblingpreviousSibling 与 previousElementSiblingfirstChild 与firstElementChildlast...原创 2020-01-09 08:54:39 · 484 阅读 · 0 评论 -
SVN代码合并流程记录
业务中有对代码进行SVN合并,故记录流程分享:在分支(需要合并的分支或者主干)目录下,右键选择tortoiseSVN - 合并选项,弹出弹窗; 分支合并到主干或者主干合并到分支时,都是选择第一个:“合并一个版本范围”; 只有当两个不同功能的分支(一个分支往另一个分支)合并时才选择第二个选项:“合并两个不同的树”。点击下一步; 合并的源选择主干路径(另一个需要合并的路径); 合并的版本...原创 2020-01-07 15:19:28 · 1915 阅读 · 0 评论 -
2019年12月前端工作实战整理
目录目录目录js常见的排序方法冒泡排序选择排序插入排序前段常见的循环方法for 循环while循环Do-while 循环Jquery $.each() 循环两个关键字: break, continueinnerHTML ,innerText,textContent对比innerHTMLinnerTexttextContent...原创 2020-01-06 09:10:30 · 289 阅读 · 0 评论 -
innerHTML ,innerText与textContent对比
innerHTML ,innerText,textContent对比 innerHTML innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。语法: HTMLElementObject.innerHTML=text<body> <div> <span> <spa...原创 2020-01-02 09:03:55 · 511 阅读 · 0 评论 -
js设置,获取,删除属性(setAttribute, getAttribute, removeAttribute)
设置,获取,删除属性setAttribute()setAttribute() 方法添加指定的属性,并为其赋指定的值。如果这个指定的属性已存在,则仅设置/更改值。 getAttribute() getAttribute() 方法返回指定属性名的属性值。 removeAttribute() removeAttribute() 方法删除指定的属性。<body&g...原创 2019-12-31 14:39:11 · 3015 阅读 · 0 评论 -
js常见的排序方法(冒泡,选择,插入排序)
js常见的排序方法冒泡排序冒泡排序作为最常见的排序方法,就是每次比较相邻两个数字的大小,将最大的放在后面,依次类推,最后面一个就是最大的。然后依次往前排序。 var arrayOne = [5, 8, 6, 4, 3, 1, 2, 9, 7]; console.log(arrayOne); var templateVal = ""; // 冒泡排...原创 2019-12-29 15:31:23 · 207 阅读 · 0 评论 -
input file文件上传与批量上传
### 文件上传-利用 input 标签设置 type="file" 打开本地的资源管理器;-input 标签的 accept 属性可以设置上传什么类型的文件;accept 属性并不会验证选中文件的类型. 他只是为开发这提供了一种引导用户做出期望行为的方式而已, 用户还是有办法绕过浏览器的限制.-input file 标签一般对应着一个上传文件;-input 标签的 multipl...原创 2019-12-27 18:31:17 · 2369 阅读 · 0 评论 -
2019年8月前端工作实战
jsextendjQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意:如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。如果多个对象具有相同的属性,则后者会覆盖前者的属性值。语法:$.extend( target [, ob...原创 2019-08-12 20:02:42 · 199 阅读 · 0 评论 -
2019年六月工作记录
jsround() 方法round() 方法可把一个数字舍入为最接近的整数。Math.round(x)注意事项对于 0.5,该方法将进行上舍入。例如,3.5 将舍入为 4,而 -3.5 将舍入为 -3。Math.random()Math.random() 函数返回一个浮点,系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值Math.random()...原创 2019-07-17 16:06:34 · 102 阅读 · 0 评论 -
2019年第19周web前端项目学习
项目处理记录报错处理:Avoid using non-primitive value as key, use string/number value insteadAvoid using non-primitive value as key, use string/number value instead.意思是:避免使用非基本值作为键,而是使用字符串/数字值。Duplicate keys...原创 2019-05-05 19:41:27 · 238 阅读 · 0 评论 -
2019年第17周web前端项目学习
js对象动态增加和删除属性在实际项目过程中,难免要对对象属性进行操作。特别是动态添加和删除对象属性,增加对象的属性用push来动态拼接。``` for(let i=0;i<this.reimMachineInvoice.length;i++){ for(let j=0;j<this.reimMachineInvoice[i].reimMachi...原创 2019-04-20 12:28:28 · 248 阅读 · 0 评论 -
前端网络安全问题分析
网络安全黑客攻击的方式DDOS攻击在信息安全的三要素–“保密性”、“完整性”和“可用性”。DoS(Denial of Service),即拒绝服务攻击,针对的目标正是“可用性”。该攻击方式利用目标系统网络服务功能缺陷或者直接消耗其系统资源,使得该目标系统无法提供正常的服务。DDoS的攻击方式有很多种,最基本的DoS攻击就是利用合理的服务请求来占用过多的服务资源,从而使合法用户无法得到服务...原创 2019-04-10 19:05:44 · 1108 阅读 · 0 评论 -
2019年第18周web前端项目学习
更新node 版本和 npm 版本npm 和node版本更新##### npm 版本更新查看当前版本:npm -v更新npm版本:npm install -g npm项目问题node 版本更新下载你想要的版本或者最新的版本,node.js官网下载下载完成后点击安装,傻瓜式安装,什么都不用变;安装完成,输入 node -v 查看当前安装版本更新node.js后项目...原创 2019-04-26 18:43:10 · 203 阅读 · 0 评论 -
2019年第16周项目学习
学习把一个vue项目拷贝到另一个地方启动不了的解决办法把一个vue项目文件拷贝到另一个地方,然后 npm run dev 启动不了.造成这样的原因是当你在一台电脑上编译后npm会有cache缓存,到另外一个地方编译这个项目的缓存与原缓存不一致,导致编译报错。解决办法:删掉node_modules文件夹,2.然后cnpm install 和npm run dev就可以在这台电脑运行你的...原创 2019-04-13 17:53:36 · 148 阅读 · 0 评论 -
2019年第15周项目学习
jsabs() 方法Math.abs(x) 方法可返回数的绝对值。x 必需。必须是一个数值。 indexOf() 方法stringObject.indexOf(searchvalue,fromindex)searchvalue 必需。规定需检索的字符串值。fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.leng...原创 2019-04-10 19:12:05 · 1361 阅读 · 1 评论 -
2019年第14周项目学习
csslinear-gradient() 函数linear-gradient() 函数用于创建一个线性渐变的 "图像"。为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡,并且你必须指定至少两种,当然也会可以指定更多的颜色去创建更复杂的渐变效果。如:background: linear-gradien...原创 2019-04-10 19:10:26 · 385 阅读 · 0 评论