- 博客(82)
- 收藏
- 关注
RSS订阅原创 浏览器数据库 IndexedDB
浏览器数据库 IndexedDB随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义的索引。所以，需要一种新的解决方案，这就是 IndexedDB 诞生的背景。IndexedDB 就是浏览器提供的
2021-08-04 09:47:31
1226
1
原创 ES6字符串存在判断
ES6字符串判断方法在ES6里面添加了一些字符串的方法：includes()、startsWith()、endsWith()，他们可以很方便的判断字符串里是否包含其他字符串；includes()：是否包含了参数字符串，返回布尔值 startsWith()：参数字符串是否在原字符串的头部，返回布尔值 endsWith()：参数字符串是否在原字符串的尾部，返回布尔值includes()用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。语法arr.include
2021-08-03 09:12:15
1696
原创 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
351
原创 对象与数组深拷贝
引用数据类型数据复制： 引用数据类型也就是对象类型Object type，比如：Object 、Array 、Function 、Data等。 javascript的引用数据类型是保存在堆内存中的对象。 与其他语言的不同是，你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址。 所以，引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。对象复制json方法JSON对象的深度克隆。方
2020-12-25 09:25:21
126
原创 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
3201
原创 js基础之-语法，数据类型
### js基础#### 语法：JavaScript严格区分大小写，如果弄错了大小写，程序将报错或者运行不正常。JavaScript的语法和Java语言类似，每个语句以;结束，语句块用{...}。但是，JavaScript并不强制要求在每个语句的结尾加;，浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。js代码行末自动添加分号机制：return ， break...
2020-04-28 09:13:56
180
原创 vue 项目输入框中 用 oninput
vue + element 项目中需要根据输入的值，立即对输入框的数据进行判断;如果使用 @change ,只有在失去焦点的时候触发；这个时候可以用 oninput 监听oninputoninput 事件在用户输入时触发。该事件在 <input> 或 <textarea> 元素的值发生改变时触发。提示：该事件类似于 onchange事件。不同之...
2020-01-13 09:00:34
2738
原创 详解DOM节点及属性API
DOM节点目录DOM节点HTML DOM 节点树节点父、子和同胞节点节点类型节点设置与获取children 与 childNodesnextSibling 与nextElementSiblingpreviousSibling 与 previousElementSiblingfirstChild 与firstElementChildlast...
2020-01-09 08:54:39
466
原创 SVN代码合并流程记录
业务中有对代码进行SVN合并，故记录流程分享：在分支（需要合并的分支或者主干）目录下，右键选择tortoiseSVN - 合并选项，弹出弹窗； 分支合并到主干或者主干合并到分支时，都是选择第一个：“合并一个版本范围”； 只有当两个不同功能的分支（一个分支往另一个分支）合并时才选择第二个选项：“合并两个不同的树”。点击下一步； 合并的源选择主干路径（另一个需要合并的路径）； 合并的版本...
2020-01-07 15:19:28
1891
原创 2019年12月前端工作实战整理
目录目录目录js常见的排序方法冒泡排序选择排序插入排序前段常见的循环方法for 循环while循环Do-while 循环Jquery $.each() 循环两个关键字： break, continueinnerHTML ，innerText，textContent对比innerHTMLinnerTexttextContent...
2020-01-06 09:10:30
284
原创 innerHTML ，innerText与textContent对比
innerHTML ，innerText，textContent对比 innerHTML innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。语法： HTMLElementObject.innerHTML=text<body> <div> <span> <spa...
2020-01-02 09:03:55
506
原创 js设置，获取，删除属性(setAttribute, getAttribute, removeAttribute)
设置，获取，删除属性setAttribute()setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。 getAttribute() getAttribute() 方法返回指定属性名的属性值。 removeAttribute() removeAttribute() 方法删除指定的属性。<body&g...
2019-12-31 14:39:11
2989
原创 js常见的排序方法（冒泡，选择，插入排序）
js常见的排序方法冒泡排序冒泡排序作为最常见的排序方法，就是每次比较相邻两个数字的大小，将最大的放在后面，依次类推，最后面一个就是最大的。然后依次往前排序。 var arrayOne = [5, 8, 6, 4, 3, 1, 2, 9, 7]; console.log(arrayOne); var templateVal = ""; // 冒泡排...
2019-12-29 15:31:23
199
原创 js常见的循环方法（for, while, do-while, $.each）
前段常见的循环方法for 循环 var arrayOne = [5, 8, 6, 4, 3, 1, 2, 9, 7]; for (var i = 0; i < arrayOne.length; i++) { console.log("当前的索引为：" + i); console.log("当前索引的值为：" + arrayOne[...
2019-12-28 15:24:42
345
原创 input file文件上传与批量上传
### 文件上传-利用 input 标签设置 type="file" 打开本地的资源管理器；-input 标签的 accept 属性可以设置上传什么类型的文件；accept 属性并不会验证选中文件的类型. 他只是为开发这提供了一种引导用户做出期望行为的方式而已, 用户还是有办法绕过浏览器的限制.-input file 标签一般对应着一个上传文件；-input 标签的 multipl...
2019-12-27 18:31:17
2352
原创 发送url请求传值详解
encodeURI("中国") = "%E4%B8%AD%E5%9B%BD"decodeURI("%E4%B8%AD%E5%9B%BD") = "中国"encodeURIComponent("中国") = "%E4%B8%AD%E5%9B%BD"decodeURIComponent("%E4%B8%AD%E5%9B%BD") = "中国"escape("中国") = "%u4E2...
2019-12-20 17:20:32
422
原创 2019年8月前端工作实战
jsextendjQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意：如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。如果多个对象具有相同的属性，则后者会覆盖前者的属性值。语法：$.extend( target [, ob...
2019-08-12 20:02:42
194
原创 面试实战问题解答（4）
### js运算0.1+0.2的值在项目开发的时候，常常会进行基本的运算，而前端运算很多时候是很难避免的需求，可是，我们都知道，由于一些精度问题，前端往往不能进行那么完美的运算，例如```0.1+0.20.30000000000000004```当我们输入0.1+0.2这个全世界都知道答案的简单问题的时候，会得到一个我们吃惊的结果，那么是什么原因促成...
2019-08-04 13:13:24
139
1
翻译 模块化开发AMD与CMD
模块化开发什么是模块化将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信为什么需要模块化应用越大那么代码也越复杂模块化利于解耦，降低复杂性和提高可维护性应用部署可以优化代码，减少 http 请求（避免多模块文件造成的多请求）。代码量比较大，可能会有几个人同时写一个页面，同样写...
2019-08-01 21:34:17
292
原创 面试实战问题解答（3）
面试问题解答vue传值汇总父子传值：父组件： 在引用子组件的时候输入 ：传值名称="传递数值"子组件： 在javaScript中 poprs:['传值名称']中央事件总线传值：首先建立事件bus，我会新建一个bus.js文件；注册bus。分别在组件中使用emit和on实现数据之间的通信；发送方： Bus.$emit('传值名称',传值数值,传递数值) //注意：此处可...
2019-07-29 23:52:08
255
1
原创 面试实战问题解答（2）
面试问题解答原型与原型链的了解？原型是一个可以被复制（或者叫克隆）的一个类，通过复制原型可以创建一个一模一样的新对象。通俗的说，原型就是一个模板，在设计语言中更准确的说是一个对象模板。原型（Person）定义了一些公用的属性和方法；利用原型（Person）创建出来的新对象实例（joe和john对象）会共享原型（Person）的所有属性和方法。函数也是一个对象，对象不一定是函数。(对象有__...
2019-07-24 14:45:49
157
原创 面试实战问题解答（1）
面试问题解答vue和jquery的区别?jquery介绍：这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低vue介绍：vue是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通...
2019-07-22 21:17:37
114
原创 vue项目详解（3）-vuex的使用及常见的坑
vuevue 简介及基本原理vue官网简介：Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行变更。它还与Vue的官方devtools扩展集成，以提供零配置时间旅行调试和状态快照导出/导入等高级功能。每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (...
2019-07-21 22:53:58
859
原创 vue项目详解（2）- axios封装及使用
axiosaxios 简介Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios 安装$ npm install axios或者使用cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>vue项目axios封装创建文件夹并...
2019-07-21 15:35:14
1237
原创 git clone 报错： You do not have permission to pull the repository
在clone 码云上面的代码到本地电脑中时，报错：You do not have permission to pull the repository报错原因是因为我没有访问的权限；需要配置ssh公钥；查看电脑我发现明明之前配置过啊，细看之下现在的公钥地址跟电脑本地的地址不一样；于是只能重新生成公钥；ssh-keygen -t rsa -C "DevinChen@outlo...
2019-07-20 16:48:19
15062
翻译 数组的操作方法大全
数组的操作方法数组的查询includes函数，函数的参数为查找的值，如果数组中有被查找的值，则函数输出“true”var movePos=[11,22];movePos.includes(11)//truemovePos.includes(33)//falseindexOf函数，方法arr.indexOf(find,start);find:要找的内容，必须；start:查找开始下...
2019-07-19 16:19:52
1171
原创 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
99
转载 vue生命周期详解
什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 c...
2019-07-15 15:09:05
149
原创 typeScript理解及优势介绍
typeScript了解学习es5,es6,javaScript,typeScript的关系ES是客户端脚本语言的规范，ES5，ES6是这个规范的不同版本，javaScript是实现es5规范的客户端脚本语言，typeScript是实现es6规范的客户端脚本语言，typeScript 语言的优势typeScript支持es6规范IDE支持：支持类型检查， 语法提示...
2019-07-02 21:32:23
4294
原创 Nuxt 开发经验分享
Nuxt 开发经验分享Nuxt 介绍简单来说，Nuxt.js 是一个基于Vue的通用应用框架，采用SSR(Server Side Rendering 服务端渲染);目的是为了解决单页面应用的 SEO 问题；vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成HTML挂载于id为app的DOM元素上，这样会存在两个大问题：1.由于页面内容是通过js插入，对于内容性网站来说，搜索引擎...
2019-06-25 12:51:24
677
原创 项目报错：handler.apply is not a function
今天运行项目的时候，报出错误：Error in v-on handler: "TypeError: handler.apply is not a function"报此类错误的原因是：变量名和方法名重名了；通过查找发现：所以将变量名或者方法名的其中一个更换即可解决；...
2019-05-09 19:00:34
31570
原创 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
229
原创 报错处理：Avoid using non-primitive value as key, use string/number value instead
项目运行报错Avoid using non-primitive value as key, use string/number value instead.意思是：避免使用非基本值作为键，而是使用字符串/数字值。Duplicate keys detected: '[object Object]'. This may cause an update error.意思是：检测到重复键:...
2019-04-29 11:02:05
85771
7
翻译 浅谈session,cookie,token,webStorage区别
浅谈session,cookie,token,webStorage区别了解session,cookie,token与webStorage1：sessionsession的中文翻译是“会话”，当用户打开某个web应用时，便与web服务器产生一次session。服务器使用session把用户的信息临时保存在了服务器上，用户离开网站后session会被销毁。这种用户信息存储方式相对cookie来说...
2019-04-27 15:11:23
295
原创 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
201
原创 npm运行报错operation not permitted
在使用npm下载axios时。报以下错误× Install fail! Error: EPERM: operation not permitted, symlink 'D:\yiduo\program\BlockADM\blockAdm\node_modules\_follow-redirects@1.7.0@follow-redirects' -> 'D:\yiduo\program\...
2019-04-26 16:20:35
2239
翻译 正则表达式总结
正则表达式(Regular Expression)正则表达式基本概念正则表达式：使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则表达式：正则表达式描述了字符的模式对象。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。您可以规...
2019-04-24 10:51:52
344
原创 更新node.js后Node Sass could not find a binding for your current environment 报错
更新node.js后项目文件启动报错；Module build failed: Error: Missing binding D:\项目文件\天津中审联项目\天津中审联管理系统\中审联5.1期\tjzsl5.1\node_modules\_node-sass@4.11.0@node-sass\vendor\win32-x64-64\binding.nodeNode Sass could not...
2019-04-23 14:45:33
940
1
原创 vue项目详解(1)-项目搭建
### vue项目搭建的基本环境1：安装node.js首先电脑需要安装node.js，安装node.js会自带npm;查看node和npm的安装版本，如果安装了可输入：node -v 和 npm -v;可以查看当前安装版本的版本号；弹出版本号，则说明已安装，2:下载淘宝镜像 cnpm；上面我们下载的是npm包管理工具；但是由于npm服务器是在国外的，而在国内下载有时速...
2019-04-23 09:22:45
728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人