Devin_Chen的博客_web前端实战分享_CSDN博客-web前端基础,每周学习,vue领域博主

web前端实战分享

码龄3年

每周一到两篇知识积累分享；每月一篇月度实战工作总结；前端的精彩，是你我同在；

于 2017-11-28 加入CSDN

获得成就

获得57次点赞
内容获得17次评论
获得87次收藏

荣誉勋章

兴趣领域

#前端

#Vue.js#前端框架#TypeScript#Flutter#HTTPS#面试#CSS#WebPack#XHTML#JavaScript#小程序#ECMAScript 6#Node.js

TA的专栏

对象与数组深拷贝

引用数据类型数据复制：　　引用数据类型也就是对象类型Object type，比如：Object 、Array 、Function 、Data等。　　javascript的引用数据类型是保存在堆内存中的对象。　　与其他语言的不同是，你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址。　　所以，引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。对象复制json方法JSON对象的深度克隆。方

发布博客于 2 月前

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="...

发布博客于 8 月前

js基础之-语法，数据类型

### js基础#### 语法：JavaScript严格区分大小写，如果弄错了大小写，程序将报错或者运行不正常。JavaScript的语法和Java语言类似，每个语句以;结束，语句块用{...}。但是，JavaScript并不强制要求在每个语句的结尾加;，浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。js代码行末自动添加分号机制：return ， break...

发布博客于 10 月前

vue 项目输入框中用 oninput

vue + element 项目中需要根据输入的值，立即对输入框的数据进行判断;如果使用 @change ,只有在失去焦点的时候触发；这个时候可以用 oninput 监听oninputoninput 事件在用户输入时触发。该事件在 <input> 或 <textarea> 元素的值发生改变时触发。提示：该事件类似于 onchange事件。不同之...

发布博客于 1 年前

详解DOM节点及属性API

DOM节点目录DOM节点HTML DOM 节点树节点父、子和同胞节点节点类型节点设置与获取children 与 childNodesnextSibling 与nextElementSiblingpreviousSibling 与 previousElementSiblingfirstChild 与firstElementChildlast...

发布博客于 1 年前

SVN代码合并流程记录

业务中有对代码进行SVN合并，故记录流程分享：在分支（需要合并的分支或者主干）目录下，右键选择tortoiseSVN - 合并选项，弹出弹窗；分支合并到主干或者主干合并到分支时，都是选择第一个：“合并一个版本范围”；只有当两个不同功能的分支（一个分支往另一个分支）合并时才选择第二个选项：“合并两个不同的树”。点击下一步；合并的源选择主干路径（另一个需要合并的路径）；合并的版本...

发布博客于 1 年前

2019年12月前端工作实战整理

目录目录目录js常见的排序方法冒泡排序选择排序插入排序前段常见的循环方法for 循环while循环Do-while 循环Jquery $.each() 循环两个关键字： break, continueinnerHTML ，innerText，textContent对比innerHTMLinnerTexttextContent...

发布博客于 1 年前

innerHTML ，innerText与textContent对比

innerHTML ，innerText，textContent对比 innerHTML innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。语法： HTMLElementObject.innerHTML=text<body> <div> <span> <spa...

发布博客于 1 年前

js设置，获取，删除属性(setAttribute, getAttribute, removeAttribute)

设置，获取，删除属性setAttribute()setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。 getAttribute() getAttribute() 方法返回指定属性名的属性值。 removeAttribute() removeAttribute() 方法删除指定的属性。<body&g...

发布博客于 2 年前

js常见的排序方法（冒泡，选择，插入排序）

js常见的排序方法冒泡排序冒泡排序作为最常见的排序方法，就是每次比较相邻两个数字的大小，将最大的放在后面，依次类推，最后面一个就是最大的。然后依次往前排序。 var arrayOne = [5, 8, 6, 4, 3, 1, 2, 9, 7]; console.log(arrayOne); var templateVal = ""; // 冒泡排...

发布博客于 2 年前

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[...

发布博客于 2 年前

input file文件上传与批量上传

### 文件上传-利用 input 标签设置 type="file" 打开本地的资源管理器；-input 标签的 accept 属性可以设置上传什么类型的文件；accept 属性并不会验证选中文件的类型. 他只是为开发这提供了一种引导用户做出期望行为的方式而已, 用户还是有办法绕过浏览器的限制.-input file 标签一般对应着一个上传文件；-input 标签的 multipl...

发布博客于 2 年前

发送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...

发布博客于 2 年前

2019年8月前端工作实战

jsextendjQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意：如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。如果多个对象具有相同的属性，则后者会覆盖前者的属性值。语法：$.extend( target [, ob...

发布博客于 2 年前

面试实战问题解答（4）

### js运算0.1+0.2的值在项目开发的时候，常常会进行基本的运算，而前端运算很多时候是很难避免的需求，可是，我们都知道，由于一些精度问题，前端往往不能进行那么完美的运算，例如```0.1+0.20.30000000000000004```当我们输入0.1+0.2这个全世界都知道答案的简单问题的时候，会得到一个我们吃惊的结果，那么是什么原因促成...

发布博客于 2 年前

模块化开发AMD与CMD

模块化开发什么是模块化将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信为什么需要模块化应用越大那么代码也越复杂模块化利于解耦，降低复杂性和提高可维护性应用部署可以优化代码，减少 http 请求（避免多模块文件造成的多请求）。代码量比较大，可能会有几个人同时写一个页面，同样写...

发布博客于 2 年前

面试实战问题解答（3）

面试问题解答vue传值汇总父子传值：父组件：在引用子组件的时候输入：传值名称="传递数值"子组件：在javaScript中 poprs:['传值名称']中央事件总线传值：首先建立事件bus，我会新建一个bus.js文件；注册bus。分别在组件中使用emit和on实现数据之间的通信；发送方： Bus.$emit('传值名称',传值数值,传递数值) //注意：此处可...

发布博客于 2 年前

前端基本功js篇-13

前端基本功—JS 实战13 复习 Offset offsetWidth offsetHeight offsetLeft offsetTop parentNodeScroll scrollWidth scrollHeight scrollLeft scrollTop scrollToscrollWidth w...

发布博客于 2 年前

前端基本功js篇-12

前端基本功—js 实战第12天昨日回顾 offsetWidth、offsetHeight；offsetLeft、offsetTop；offsetParentMath.abs() Math.ceil() Math.floor() Math.round()动画原理公式 leader = leader + step...

发布博客于 2 年前

前端基本功js篇-11

前端基本功—js 11 今日课程介绍 offset 抵销，补偿偏移scroll 滚动client 客户端可视区事件对象 event addEventListener/attachEvent正则表...

发布博客于 2 年前

前端基本功js篇-10

前端基本功—JS 10 复习 BOM 浏览器对象模型浏览器的顶级对象是windowopen()/close()locationnavigatorhistory事件： load当页面中所的资源都加载完毕之后才会触发执行的DOM树渲染完毕请求的图片文件加载完毕其它文件加载完毕 js文件 css文件定时器：...

发布博客于 2 年前

前端基本功js篇-08

前端基本功—js 实战第8天复习属性相关的APIsetAttribute(属性名，属性值)getAttribute(属性名)removeAttribute(属性名)节点的类型：文档是由节点组成的，节点又包括：标签属性文本注释parentNode 获得当前标签对象的父元素节点chil...

发布博客于 2 年前

前端基本功js篇-07

前段基本功js篇-07 复习 innerText/textContent innerHTML都可以用来获取或是设置标签间的内容如果是用来获取标签间的内容，内容是纯文本的话，则直接获取，如果标签间的内容有嵌套标签的话，会将标签忽略掉，只获取文本内容如果是用来设置内容的话，内容是纯文本内容的话，则是直接设置，如果内容有嵌套标签的话，则会将标...

发布博客于 2 年前

前端基本功js篇-06

前端基本功—js 实战 6 传统的页面布局移动web 和app特效或是页面游戏 canvas后端 node.js全栈 30K起步 Js 插件或是框架复习 DOM document object model学习DOM就是学习操作页面元素的那些API 方法获取标签对象的方式：...

发布博客于 2 年前

前端基本功js篇-05

前端基本功—js 5 复习内置对象 Math() Date()像Math是js语言中的静态对象，不需要实例化，直接调用对应的方法即可。而像Date是实例对象，是需要实例化的，也就是需要使用new+构造函数形式创建对象。日期对象本质上就是13位表示的阿拉伯数字。+new Date() 另一些常用的，就是获取年月日时分秒的方...

发布博客于 2 年前

前端基本功js篇-04

前端基本功—JS 4 复习函数就是代码复用的一种机制或是封装某种功能的代码段。函数的三要素：函数名称(函数功能) 参数返回值定义函数的方式：第一种：使用函数声明的方式定义函数： function 函数名称([参数列表]){// 定义函数的时候的参数是形参...

发布博客于 2 年前

前端基本功js篇-03

前端基本功—js 3 复习短路运算 && ||&& 找假两边不是boolean类型的时候，就进行短路运算。先看第一个操作数，如果第一个操作数转换为对应的boolean类型为false的话，则直接返回第一个操作数，第二个数不管。如果第一个操作数转换为对应的boolean类型为true的话，则直接返回第二个数，不管...

发布博客于 2 年前

前端基本功js篇-01

前端基本功 (1) 浏览的介绍五大浏览器：谷歌火狐 IE 欧朋 safari国内的浏览器： 360，百度，搜狗，猎豹，遨游，浏览器的运行原理 http://www.2cto.com/kf/201202/118111.html1、User Interface 用户界面，我们所看到的浏览器2、Browser engi...

发布博客于 2 年前

前端基本功js篇-02

前端基本功—js 2 今日课程介绍短路运算 && ||三元表达式循环 do-while for两个关键字 break continue数组数组的定义及用法相对于变量而言，数组可以存储多个数据。冒泡排序短路运算 &&a...

发布博客于 2 年前

面试实战问题解答（2）

面试问题解答原型与原型链的了解？原型是一个可以被复制（或者叫克隆）的一个类，通过复制原型可以创建一个一模一样的新对象。通俗的说，原型就是一个模板，在设计语言中更准确的说是一个对象模板。原型（Person）定义了一些公用的属性和方法；利用原型（Person）创建出来的新对象实例（joe和john对象）会共享原型（Person）的所有属性和方法。函数也是一个对象，对象不一定是函数。(对象有__...

发布博客于 2 年前

面试实战问题解答（1）

面试问题解答vue和jquery的区别?jquery介绍：这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低vue介绍：vue是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通...

发布博客于 2 年前

vue项目详解（3）-vuex的使用及常见的坑

vuevue 简介及基本原理vue官网简介：Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行变更。它还与Vue的官方devtools扩展集成，以提供零配置时间旅行调试和状态快照导出/导入等高级功能。每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (...

发布博客于 2 年前

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封装创建文件夹并...

发布博客于 2 年前

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...

发布博客于 2 年前

数组的操作方法大全

数组的操作方法数组的查询includes函数，函数的参数为查找的值，如果数组中有被查找的值，则函数输出“true”var movePos=[11,22];movePos.includes(11)//truemovePos.includes(33)//falseindexOf函数，方法arr.indexOf(find,start);find:要找的内容，必须；start:查找开始下...

发布博客于 2 年前

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()...

发布博客于 2 年前

vue生命周期详解

什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 c...

发布博客于 2 年前

typeScript理解及优势介绍

typeScript了解学习es5,es6,javaScript,typeScript的关系ES是客户端脚本语言的规范，ES5，ES6是这个规范的不同版本，javaScript是实现es5规范的客户端脚本语言，typeScript是实现es6规范的客户端脚本语言，typeScript 语言的优势typeScript支持es6规范IDE支持：支持类型检查，语法提示...

发布博客于 2 年前

Nuxt 开发经验分享

Nuxt 开发经验分享Nuxt 介绍简单来说，Nuxt.js 是一个基于Vue的通用应用框架，采用SSR(Server Side Rendering 服务端渲染);目的是为了解决单页面应用的 SEO 问题；vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成HTML挂载于id为app的DOM元素上，这样会存在两个大问题：1.由于页面内容是通过js插入，对于内容性网站来说，搜索引擎...

发布博客于 2 年前

项目报错：handler.apply is not a function

今天运行项目的时候，报出错误：Error in v-on handler: "TypeError: handler.apply is not a function"报此类错误的原因是：变量名和方法名重名了；通过查找发现：所以将变量名或者方法名的其中一个更换即可解决；...

发布博客于 2 年前

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...

发布博客于 2 年前

报错处理：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.意思是：检测到重复键:...

发布博客于 2 年前

浅谈session,cookie,token,webStorage区别

浅谈session,cookie,token,webStorage区别了解session,cookie,token与webStorage1：sessionsession的中文翻译是“会话”，当用户打开某个web应用时，便与web服务器产生一次session。服务器使用session把用户的信息临时保存在了服务器上，用户离开网站后session会被销毁。这种用户信息存储方式相对cookie来说...

发布博客于 2 年前

2019年第18周web前端项目学习

更新node 版本和 npm 版本npm 和node版本更新##### npm 版本更新查看当前版本：npm -v更新npm版本：npm install -g npm项目问题node 版本更新下载你想要的版本或者最新的版本，node.js官网下载下载完成后点击安装，傻瓜式安装，什么都不用变；安装完成，输入 node -v 查看当前安装版本更新node.js后项目...

发布博客于 2 年前

npm运行报错operation not permitted

在使用npm下载axios时。报以下错误× Install fail! Error: EPERM: operation not permitted, symlink 'D:\yiduo\program\BlockADM\blockAdm
ode_modules\_follow-redirects@1.7.0@follow-redirects' -> 'D:\yiduo\program\...

发布博客于 2 年前

正则表达式总结

正则表达式(Regular Expression)正则表达式基本概念正则表达式：使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则表达式：正则表达式描述了字符的模式对象。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。您可以规...

发布博客于 2 年前

更新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
ode_modules\_node-sass@4.11.0@node-sass\vendor\win32-x64-64\binding.nodeNode Sass could not...

发布博客于 2 年前

vue项目详解(1)-项目搭建

### vue项目搭建的基本环境1：安装node.js首先电脑需要安装node.js，安装node.js会自带npm;查看node和npm的安装版本，如果安装了可输入：node -v 和 npm -v;可以查看当前安装版本的版本号；弹出版本号，则说明已安装，2:下载淘宝镜像 cnpm；上面我们下载的是npm包管理工具；但是由于npm服务器是在国外的，而在国内下载有时速...

发布博客于 2 年前

npm 和node版本更新

#### npm 和node版本更新##### npm 版本更新查看当前版本：npm -v更新npm版本：npm install -g npm#### node 版本更新下载你想要的版本或者最新的版本，node.js官网下载下载完成后点击安装，傻瓜式安装，什么都不用变；安装完成，输入 node -v 查看当前安装版本...

发布博客于 2 年前

2019年第17周web前端项目学习

js对象动态增加和删除属性在实际项目过程中，难免要对对象属性进行操作。特别是动态添加和删除对象属性，增加对象的属性用push来动态拼接。``` for(let i=0;i<this.reimMachineInvoice.length;i++){ for(let j=0;j<this.reimMachineInvoice[i].reimMachi...

发布博客于 2 年前

vue项目axios请求之qs的用法

在项目中。利用axios发送请求的时候，有时候会报一个错误：404 BadRequest请求代码如下：请求结果如下：同一个项目中同样的发送请求方式，为啥这个接口会出错呢？后来经过用postman 以及与后台对接及根据之前请求成功的接口数据进行对比，发现这个接口的传输数据中有数组存在。经过各方面查验。找到了引入qs的解决办法，代码如下：请求成功了，但是，为什么要...

发布博客于 2 年前

vue锚链接scrollBehavior

vue锚链接scrollBehavior通常后台管理系统开发中我们很少会对页面回退或前进进行操作，但在浏览器用户界面上提供有前进、回退按钮。根据浏览器的原理。页面跳转到离开页面之前的位置，而不是重新刷新页面，而在很多时候，我们的数据会发生变化或者需求是重新刷新页面，这个时候，就需要我们自己设置返回跳转。方法一：使用导航守卫：``` router.beforeEach((to, ...

发布博客于 2 年前

动态增加和删除对象的属性

对象动态增加和删除属性在实际项目过程中，难免要对对象属性进行操作。特别是动态添加和删除对象属性，增加对象的属性用push来动态拼接。``` for(let i=0;i<this.reimMachineInvoice.length;i++){ for(let j=0;j<this.reimMachineInvoice[i].reimMachineI...

发布博客于 2 年前

90后，你是否以错过太多

听过很多人说过，90后是最悲催的一届他们说："当我们读小学的时候，读大学不要钱；当我们读大学的时候，读小学不要钱；我们还没能力工作的时候，工作是分配的；我们可以工作的时候，撞得头破血流才勉强找份饿不死人的工作。"身为90后的自己，深深地觉得有道理。那时候，以为长大了就好了。现在，却无时不怀念小时候。小时候期盼着过年，长大后却害怕过年。小时候期盼着过年，长大后却害怕过年其实，仔细...

发布博客于 2 年前

vue项目前端埋点

参考地址https://www.jianshu.com/p/7bc63935a570业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据，自动调用接口进行埋点。如开源的Mixpanel;无埋点：前端自动采集全部事件并上...

发布博客于 2 年前

hexo博客搭建及github备份全记录

#hexo使用介绍Hexo是1个工具,可以快速的将markdown文件转换为一个博客网站.Hexo官网台湾人开发. 有比较详尽的中文文档.hexo是基于nodejs开发的一个工具.1. 简单使用使用npm工具全局安装hexo环境npm install hexo-cli -gcli --commandline 命令行. ping npmgui 图形界面....

发布博客于 2 年前

中央事件总线传值及遇见的坑

中央事件总线在vue项目中，各组件之间是需要传值的，有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的Vue实例作为中央事件总线。称为中央事件总线传值。通过建立中间的事件bus总线。实现非父子组件之间的数据通信。首先建立事件bus，我会新建一个bus.js文件；注册bus。分别在组件中使用emit和on实现数据之间的通信；bus.js``` //bus.js，注册Bus...

发布博客于 2 年前

vue路由跳转传值

vue路由跳转发送方路由跳转方法时 clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); },在需要跳转的路由后面加上你需要传递的参数设置路由时 { path: '/pending-particulars/:pro...

发布博客于 2 年前

vue子父类传值

vue子父类传值父传子子组件(接收方)在vue对象中，通过props属性声明，声明他期待获得的数据props:[“commentId”],父组件(发送方)注册子组件，在使用子组件的时候，以键值对的方式传递给子组件，:commentId=“commentId”然后再data里面定义commentId的值，子传父子组件(发送方)以某种方式触发一个自定义事件，在事...

发布博客于 2 年前

json转换

json字符串转化成json对象jquery的方法var jsonObj = $.parseJSON(jsonStr)js 的方法var jsonObj = JSON.parse(jsonStr)json对象转化成json字符串js方法var jsonStr1 = JSON.stringify(jsonObj)json对象和json字符串之间的相互转换列一：比如我有两个变量...

发布博客于 2 年前

Web前端作用域详解

作用域概念变量的有效范围。全局变量在全局都有效的变量。定义方式：函数外定义。生命周期：从定义开始，到页面被卸载结束。局部变量只在局部有效的变量。定义方式：函数内定义。生命周期：一般情况下，是从定义开始，到函数执行完毕结束。函数作用域只有函数才可以产生新的作用域只有函数可以限定变量的有效范围块级作用域 ==> js没有凡是代码块就可以产生新的作用...

发布博客于 2 年前

面向对象与面向过程

面向对象与面向过程优缺点面向对象缺点通常比面向过程消耗内存，因为有很多实例要存储前期开发比较缓慢，但是复用性强，后期开发与维护进度会逐渐加快优点变量的管理比较清晰，可读性较高因为代码与对象间的职责比较清晰，所以后期可维护性和可扩展性也比较高复用性更强面向过程缺点变量混乱，可读性较差通常有新需求出现，代码改动比较大，所以可维护性和可扩展性比较差优点...

发布博客于 2 年前

js运算符详解

运算符逻辑运算符 && || !&&从左向右寻找转布尔为false的值，找到返回这个值，找不到返回最后一个值。注意：返回的结果不一定是true或false||从左向右寻找转布尔为true的值，找到返回这个值，找不到返回最后一个值。注意：返回的结果不一定是true或false!一个!可对数据取反两个!求数据布尔值注意：返回值...

发布博客于 2 年前

2019年第16周项目学习

学习把一个vue项目拷贝到另一个地方启动不了的解决办法把一个vue项目文件拷贝到另一个地方，然后 npm run dev 启动不了.造成这样的原因是当你在一台电脑上编译后npm会有cache缓存，到另外一个地方编译这个项目的缓存与原缓存不一致，导致编译报错。解决办法：删掉node_modules文件夹，2.然后cnpm install 和npm run dev就可以在这台电脑运行你的...

发布博客于 2 年前

vuex与计算属性详解

vuevuexVuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store...

发布博客于 2 年前

npm发包流程及注意事项

npm发包由于工作需要，发布一个npm包供我们使用发布npm 包的过程实际上就是把你本地的node 项目上传，供自己或者别人使用的过程。所以发布操作包含以下三个部分：本地创建node 项目编写代码、申请npm 账号、本地进行发布。创建项目vue init webpack project-name此命令创建我们的项目的目录，创建文件夹和文件，目录结构如下：安装element-ui和...

发布博客于 2 年前

移动web开发rem,em及像素知识详解

基础知识移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸来度量）分辨率则一般用像素来度量，表示屏幕水平和垂直方向的像素数，长度单位web开发中可以使用px(像素),em，rem,pt(点),in(英寸),cm(厘米)作为长度单位，但是我们最常用的还会px作为长度单位em: 相对长度单...

发布博客于 2 年前

jQuery动画功能集合

动画所有speed参数均可传入字符串或是数字，对应slow=600，normal=400，fast=200，不传或是传入字符串不对则默认normal(show及hide方法例外)。如果为number类型，则表示动画的持续时间毫秒值。所有的动画都可带回调函数，当动画结束时调用。隐藏和显示、切换show()无参数此时表示显示对象，注意无动画效果，相当于css(“display”,"bl...

发布博客于 2 年前

jQuery动态创建元素

动态创建元素创建方式使用$(“这是一个a标签”)html() 不传参数则获取标签内容，传参数为设置内容，同innerHtml。添加元素方法append()与appendTo() 同appendChild()方法，调用举例： $parentNode.append($node)同$node.appendTo($parentNode) 同parentNode.appendCh...

发布博客于 2 年前

jQuery选择器整理集合

jQuery选择器所有选择器获取的对象均为包装集，需通过[index]或get(index)获取，jQuery内部有隐式迭代，通过$.each()实现基本选择器id选择器$(#id) 选中对应id的标签类名选择器$(.className) 选中对应类名的标签，获得为多个标签选择器$(tagName) 选中对应标签名的标签，获得为多个交集选择器$(tagName....

发布博客于 2 年前

http与https详解

HTTP和HTTPSHTTP协议通常承载于TCP协议之上，在HTTP和TCP之间添加一个安全协议层（SSL或TSL），这个时候，就成了我们常说的HTTPS默认HTTP的端口号为80，HTTPS的端口号为443为什么HTTPS安全• 因为网络请求需要中间有很多的服务器路由器的转发。中间的节点都可能篡改信息，而如果使用HTTPS，密钥在你和终点站才有。https之所以比http安全，是因...

发布博客于 2 年前

http状态码及其含义及常见状态码

http状态码及其含义简单版[ 100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求，但尚未处理 ...

发布博客于 2 年前

把一个vue项目拷贝到另一个地方启动不了的解决办法

把一个vue项目拷贝到另一个地方启动不了的解决办法把一个vue项目文件拷贝到另一个地方，然后 npm run dev 启动不了.造成这样的原因是当你在一台电脑上编译后npm会有cache缓存，到另外一个地方编译这个项目的缓存与原缓存不一致，导致编译报错。解决办法：删掉node_modules文件夹，2.然后cnpm install 和npm run dev就可以在这台电脑运行你的项目...

发布博客于 2 年前

vue 改变对象属性。视图不刷新问题

vue 改变对象属性。视图不刷新问题在vue的data数据中心定义一个对象obj，然后在触发事件时给obj添加或修改属性的时候，页面中的视图不会同步更新，只有当其他数据发生改变时，视图才会同步更新数据，按理来说vue data数据中心的数据是双向绑定的，当数据中心的数据发生改变时，视图就会同步更新才对。后来通过查阅官网资料发现：Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化...

发布博客于 2 年前

vscode使用vue中的v-for提示错误

vscode使用vue中的v-for提示错误在项目中是用v-for时，vscode提示错误信息 <div v-for="(item,index) in object.cooperationDepartmentNumber">Vue 2.2 之后，要求 component 进行列表渲染时，必须指定 key，因此这里可能是 vscode 的一个误报...

发布博客于 2 年前

"Cannot read property 'length' of undefined"报错处理

vue2 “Cannot read property ‘length’ of undefined”最近在项目中总是遇见报错"length of undefined"的问题，因为项目的需要要显示存在的个数，所以通过length来进行求职 this.projectReportSumNum = val.reportArray.length;虽然界面可以显示len...

发布博客于 2 年前

vue路由跳转参数传递

vue路由跳转参数传递发送方路由跳转方法时 clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); },在需要跳转的路由后面加上你需要传递的参数设置路由时 { path: '/pending-particulars/...

发布博客于 2 年前

element UI 组件默认传参和自定义传参的解决方法

element UI 组件默认传参和自定义传参的解决方法如下代码 <div v-for="(item,index) in object.cooperationDepartmentNumber"> <div class="entrustingPartyList"> <el-row> ...

发布博客于 2 年前

element UI select下拉选项位置问题

element UI select下拉选项位置问题在使用elementUI下拉选项时，可能存在下拉时下拉列表选项框的位置距离下拉框所在的位置距离过大，这个是由于elementUI自己设置的根据下拉框位置定位，而他可能是根据position:absolute;来进行定位的,而我们要在全局设置他的 position:fixed !important;即可。(注意使用!important增加权重)...

发布博客于 2 年前

vue非父子组件传值总结

非父子组件之间传值路由跳转传值发送方路由跳转方法时``` clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); },在需要跳转的路由后面加上你需要传递的参数设置路由时 ``` { ...

发布博客于 2 年前

not found: * vant/lib/vant-css/index.css in ./src/main.js

This dependency was not found:* vant/lib/vant-css/index.css in ./src/main.jsTo install it, you can run: npm install --save vant/lib/vant-css/index.cssWAIT Compiling...11:03:17之前写过一个vant的项目...

发布博客于 2 年前

ES6基本入门学习

es6变量的结构赋值解构基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。``` let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样。 let [a, b, c] = [1, 2, 3];```上面代码表示，可以从数组中提取值，...

发布博客于 2 年前

web前端数据类型详解

数据类型数据类型JavaScript 拥有动态类型：字符串、数字、布尔、数组、对象、Null、UndefinedECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。typeoftypeof 运算符有一个参数，即要检查的变量或值。例如：``` var sTemp = "test st...

发布博客于 2 年前

GIT管理工具命令使用

版本管理工具版本管理工具分为集中式和分布式：集中式版本控制系统：版本库是集中存放在中央服务器的，而干活的时候，用的都是自己的电脑，所以要先从中央服务器取得最新的版本，然后开始干活，干完活了，再把自己的活推送给中央服务器。中央服务器就好比是一个图书馆，你要改一本书，必须先从图书馆借出来，然后回到家自己改，改完了，再放回图书馆。集中式版本控制系统最大的毛病就是必须联网才能工作，如果在局域网内还...

发布博客于 2 年前

CDN内容分发网络原理解读

CDN的全称是Content Delivery Network，即内容分发网络其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目...

发布博客于 2 年前

ajax请求原理分析

浏览器输入url发生了什么DNS域名解析在浏览器DNS缓存中搜索在操作系统DNS缓存中搜索查找系统host文件看是否有对应IP路由器缓存搜索向本地首选DNS服务器发送域名解析请求建立TCP连接三次握手发送端首先发送一个带SYN（synchronize）标志的数据包给接收方，接收方收到后，回传一个带有SYN/ACK(acknowledegment)标志的数据包以示传达确认信...

发布博客于 2 年前

都说人活一世，一定要走一趟大西北！

大西北⑦日游记题记：都说人活一世，一定要走一趟大西北！我之所以选择大西北环线，是因为沿途有我想看的雪山、草原、湖泊、沙漠、雅丹、丹霞，之所以选择十月去，是因为想看胡杨林；胡杨生而千年不死，死而千年不倒，倒而千年不烂时间：10.13----10.21其实我们13号到的西宁，14早上8点左右出发，然后20号晚上回到西宁，第二天的机票，所以13号和21号都是用来搭飞机的；最佳的...

发布博客于 2 年前

2019年第15周项目学习

jsabs() 方法Math.abs(x) 方法可返回数的绝对值。x 必需。必须是一个数值。 indexOf() 方法stringObject.indexOf(searchvalue,fromindex)searchvalue 必需。规定需检索的字符串值。fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.leng...

发布博客于 2 年前

2019年第14周项目学习

csslinear-gradient() 函数linear-gradient() 函数用于创建一个线性渐变的 "图像"。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的渐变效果。如：background: linear-gradien...

发布博客于 2 年前

前端网络安全问题分析

网络安全黑客攻击的方式DDOS攻击在信息安全的三要素–“保密性”、“完整性”和“可用性”。DoS（Denial of Service），即拒绝服务攻击，针对的目标正是“可用性”。该攻击方式利用目标系统网络服务功能缺陷或者直接消耗其系统资源，使得该目标系统无法提供正常的服务。DDoS的攻击方式有很多种，最基本的DoS攻击就是利用合理的服务请求来占用过多的服务资源，从而使合法用户无法得到服务...

发布博客于 2 年前