- 博客(59)
- 收藏
- 关注
RSS订阅原创 web前端兼容整理
vue兼容Vue 中使用 babel-polyfill 来兼容低版本浏览器vue兼容html兼容1.H5新标签在IE9以下的浏览器识别html5shiv.js下载地址https://github.com/aFarkas/html5shiv/releasescss兼容1.css的hack问题：主要针对IE的不同版本，不同的浏览器的写法不同IE的条件注释hack： 2.IE6双边距问题：IE6在浮动后，又有横向的margin，此时，该元素的外边距是其值的2倍解决
2020-07-13 19:54:35
278
原创 es5 es6 es7 es8新特性
https://blog.csdn.net/qq_34586870/article/details/89515336?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.none
2020-06-20 13:17:54
721
原创 vue-elemen 表单封装 表格封装
组件：searchForm.vue<!-- 搜索表单 --><template><div class="ces-search"> <el-form :size="size" inline :label-width="labelWidth"> <el-form-item v-for='item in searchForm' :label="item.label" :key='item.prop'>
2020-05-28 17:57:39
676
原创 vue-小程序-移动端ui库
小程序的配置文件在全局的main.js中，配置小程序文档中的json配置(去文档复制过来)export default { confing: { 'window': { 'backgroundTextStyle': 'light', 'navigationBarBackgroundColor': '#fff', 'navigationBarTitleText': '邓俊玉', 'navigationBarTextStyle': 'black'
2020-05-28 17:54:32
775
原创 vue的优缺点
VUE官方的解释Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。VUE的特性1、轻量级的框架2、双向数据绑定3、指令4、插件化vue的优点1、简单易用2、灵活渐进式3、轻量高效（3-1）、压索之后20KB大小（3-2） 、虚拟DOM4、MVVM（4-
2020-05-15 13:50:52
3911
原创 微信公众号-微信小程序-移动端UI库及配置
https://www.cnblogs.com/polk6/p/6373519.htmlhttps://www.jianshu.com/p/4182f4a18cb6https://blog.csdn.net/j244233138/article/details/90720036?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source
2020-05-15 13:49:18
343
原创 vue项目优化
1.vue-router优化路由懒加载因为在打包构建应用的时候，js包会特别大，影响页面的加载速度，所以需要把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样比较高效。是结合了vue的异步组件技术和webpack的代码分割功能，实现路由的懒加载2.http优化http协议定义的是：web客户端如何从服务器请求web页面，以及服务器如何把web页面传送给客户端，浏览器请求数据通过http链接完成，因此http连接优化是web项目优化的重要方向之一1.减少ht
2020-05-15 13:46:34
2120
1
原创 前端-关于布局-响应式布局
pc端响应式布局1.element头中尾布局容器+弹性布局 + px2.百分比布局====大块布局进行百分比设置3.bootstrap响应式布局https://jingyan.baidu.com/article/48b37f8de8ef6f1a64648816.html4.element 响应式布局+百分比或者vw或者remhttps://jingyan.baidu.com/artic...
2020-03-08 22:55:07
329
原创 前端优化总结新版
前端性能优化之-35黄金定律网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存ajax延迟加载提前加载减少dom元素数量根据域名划分内容减少iframe数量避免404服务器使用cdn添加expires或cache-control报文头gzip压缩传输文件配置etags尽早flus输出使用get ajax请求避免空的图片srccookie...
2020-02-29 23:46:58
150
1
原创 vue-class，style
vue中的class和style的使用v-bind：class的使用1.第一种使用方式v-bind:class=’[a,b,c]‘形式的用法a b c是data中的数据第二种使用方式v-bind:class=’{}'形式的用法当然也可以配合着数据一起使用3:第三种使用方式(其实和第二种方式是一样的)v-bind:class=‘json’,引号里可以直接存放一个json类型的...
2020-02-25 20:40:35
409
原创 vue-常见bug总结
https://blog.csdn.net/qq_43101321/article/details/85344972?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
2020-02-23 20:59:00
746
原创 前端-bug排查工具-性能优化工具
前端常用的bug排查工具1.DebugMeDebugMe可以可视化地跟踪Bug，并可以将代码嵌入到网站的元标记中，来解决跟踪的问题。客户端还可以在网站内保存通过任何类型的Web浏览器访问该网站的评价。DebugMe工具充当Web开发人员、客户端和团队的会场，并且实现一个完整的项目管理解决方案。它有一个创意工具栏，内置了绘制、大头针、高亮、涂黑和记笔记功能。2.zipBoardzipBoar...
2020-02-23 20:55:59
927
原创 前端-自动化工具
前端自动化工具官方文档：https://www.gulpjs.com.cn/docs/getting-started/quick-start/gulp到底用来干什么？编译 sass合并优化压缩 css校验压缩 js优化图片添加文件指纹（md5）组件化头部底部（include html）实时自动刷新……压缩静态资源变更静态资源给静态资源添加 md5修改预处理样式后自动编译...
2020-02-23 20:30:51
416
原创 前端开发之-各浏览器兼容总结
css不同浏览器默认的margin和padding不同解决方案：CSS里*{margin:0; padding:0;}图片默认有间距问题：几个img标签放在一起的时候，有些浏览器会默认的间距，加了问题一中提到的通配符也不起作用。解决方案：使用float属性为img布局备注：因为img标签是行内属性标签，所以只要不超出容器宽度，img标签都会排在一行里，但是部分浏览器的img标签之间会有...
2020-02-23 20:08:52
349
原创 vue-ui库
整理的vue前端UI框架。PC端：1、Elementi：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。2、iView：一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。3、vue-strap：基于 Vue.js 的 Bootstrap 组件，包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要...
2020-02-21 13:18:22
501
原创 前端-pc端适配
响应式布局方案响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端–而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题一、弹性布局二、1.在网页代码的头部，加入一行viewport元标签适配设置：如果任何设置都没有，默认走的就是viewport...
2020-02-20 17:01:24
4641
原创 js基础
1.null和undefined区别定义：undefined：是所有没有赋值变量的默认值，是基本数据类型，表示未定义，缺少的意思，是一个表示‘无’的原始值，转为数值为NANundefined表示缺少值，就是此处应该有一个值，但是还没有定位，典型用法是：（1）变量被声明了，但没有赋值时，就等于undefined。var i;i // undefined（2) 调用函数时，应该提供的...
2020-02-14 22:16:49
333
原创 vue基础最新版本
VUE学习整理http://doc.liangxinghua.com/vue-family/1.htmlvue的优点低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段...
2020-02-14 21:37:55
1059
原创 前端性能优化总结/懒加载、函数节流、优化dom操作、雪碧图、合并文件
1.减少 HTTP 请求数量在浏览器与服务器进行通信时，主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手，每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限（不同浏览器允许并发数），一旦 HTTP 请求数量达到一定数量，资源请求就存在等待状态，这是很致命的，因此减少 HTTP 的请求数量可以很大程度上对网站性能进行优化。（1）懒加载什么是懒加载懒加载也叫延迟加...
2020-02-14 12:25:25
684
原创 vue基础
vue中获取dom，及操作dom 在watch或者created里面操作dom,用this.$nextTick(function(){xxxx})vue获取后端数据应该在created还是mounted 看情况了，一般放到created里面就可以了，这样可以及早发请求获取数据，如果有依赖d...
2020-02-07 15:21:16
528
原创 vue-slot
关于slot个人理解总结：是决定子组件在父组件如何显示的作用应用业务场景：同一个组件在不同的组件中被引用，需要显示的内容不同，就可以用到slot具名插槽在子组件中定义了三个slot标签，其中有两个分别添加了name属性header和footer<template> <div class="slottwo"> <div>slottwo...
2020-02-03 17:43:03
181
原创 vscode创建vue项目
新建项目打开Visual studio code打开一个你想要创建项目的文件夹打开集成终端：查看 –> 集成终端 或者直接按 ctrl+`如果没有安装vue-cli，在终端输入：npm install -g vue-cli全局安装vue-cli然后新建项目vue init webpack projectNameprojectName换为你想要的名字。这里我建立的项目名为 e...
2020-02-03 12:32:26
564
原创 vue重点知识整理大全
vue=计算属性、普通属性、方法、侦听属性https://www.yiem.net/archives/3756.htmlhttps://www.cnblogs.com/8023-CHD/p/11166151.html计算属性：自动监听依赖值的变化，从而动态返回内容。由两部分组成：get和set，分别用来获取计算属性和设置计算属性。默认只有get，如果需要set，要自己添加。另外set设置...
2019-10-23 12:04:40
954
1
原创 vue指令
v-model、用于在表单上创建双向数据绑定、会忽略表单元素的value，checked，selected特性的初始值，因为它选择的是vue实例数据作为具体的值、默认情况下，v-model同步输入框的值和数据<div id="app"> <input v-model="somebody"> <p>hello {{somebody}}<...
2019-09-06 11:57:55
88
原创 JS.vue总结
vue数据双向绑定原理：1.实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。2.实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。3.实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。vue指令input中使用v-model ，就会把它的值当做是输入框的val...
2019-08-24 17:11:44
111
原创 JS原生小知识点-严格模式
严格模式作用消除js语法不合理，不严谨的地方，减少怪异行为消除代码运行不安全的地方，保证代码运行的安全提高编译器效率，增加运行速度为之后新版本js做铺垫== 更合理，更严谨，更安全use strict进入严格模式进入严格模式之后的行为变更、声明变量的时候必须加关键字、this无法指向全局、函数内不允许出现重名参数、arguments对象不允许被动态改变，不允许被自调用...
2019-08-21 19:43:47
142
1
原创 JS原生教程-数组
数组的操作concat()合并数组，并返回合并之后的数据join()使用分隔符，将数组转为字符串并返回pop()删除最后一位，并返回删除的数据shift()删除第一位，并返回删除的数据unshift()在第一位新增一或多个数据，返回长度push()在最后一位新增一或多个数据，返回长度reverse()反转数组，返回结果slice()截取指定位置的数组，并返回sort()排序...
2019-08-21 19:35:31
146
1
原创 JS.vue笔记--组件
组件组件化开发、组件化的开发其实就是把页面拆分成一块一块的，每一个块可以看做是一个组件、组件是一个可以重复使用的vue实例、语法：//vue的组件也是vue的一个实例//my-header 为组件的名字//{}组件的配置//组件对应的html结构 – 模板//使用该组件—>以标签的形式调用组件Vue.component(‘my-header’,{//全局注册组件 ...
2019-08-21 17:55:04
137
1
原创 JS原生--return小知识点
return关键字、函数如果没有return返回值时，都会返回underfined、可通过关键字return返回函数的返回值、作用：返回值，终止程序、什么是返回值？将函数处理后的数据，返回到执行语句上，方便其他程序或用户调用或二次使用、return中止程序后，return下面的代码不会执行、return可以返回任何值，包括函数，当返回函数的时候，如果需要执行返回的函数，可将返回值当成一...
2019-08-21 15:35:32
237
原创 JS教程-循环
while、语法while（条件）{执行代码}、当条件为true，执行代码do while、语法do{条件为真时执行}whiele（）{条件为假时执行}、do-while的改变计数器需要写在do语句中，否则会造成死循环while和do-while的区别？、 do-while无论结果为真还是为假，都会执行一次continue关键字 和 break关键字的使用、conti...
2019-08-21 15:19:43
129
原创 Firefox和Chrome和IE浏览器的 Debug工具使用
如何打 断点断点：可以让我们看到程序一行一行的执行效果1.在浏览器的控制台单击行号打断点2.在代码中，需要断点的位置，添加关键字debugger conosle.log...
2019-08-21 15:17:55
267
原创 JS教程-逻辑分支（判断语句）
if else、语法：if（判断条件）{代码块}else{}、条件为真，执行if，条件为假，执行else、if（只需要布尔值），所以if判断时，会把（）内所有数据类型先隐式转换成布尔型、if（）中，非零数字都会转成true，非空字符都会转成trueswitch、语法： switch(){ case 0:alert("零"); break; ...
2019-08-21 15:06:37
442
原创 JS.vue小笔记-计算属性/侦听属性/vue生命周期函数
计算属性、computed、书写形式为函数、有返回值、使用的话是和data中值使用一样 {{revereMsg}}、计算属性具有依赖性，如果原始值不发生变化，则不会执行，发生变化，会重新计算，执行次数和调用次数无关、特定条件下，计算属性优于方法，方法是每调用一次就会执行一次、应用场景，登录注册可以验证表单信息侦听属性、也叫做监听属性、在特定条件下，计算属性优于侦听属性总结任...
2019-08-21 13:52:07
184
1
原创 JS案例-烟花
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #container{ width: 80%; heig...
2019-08-21 10:19:13
165
1
原创 JS教程-vue语法整理
文章目录1、回顾2、模板语法2.1 文本2.2 纯HTML2.3 表达式2.4、指令2.5 缩写2.6 绑定属性3、 [class与style绑定](https://cn.vuejs.org/v2/guide/class-and-style.html)3.1 class 绑定4、[条件判断](https://cn.vuejs.org/v2/guide/conditional.html)5、循环遍历...
2019-08-21 10:07:33
113
原创 JS教程-vue数据双向绑定原理解析
vue数据双向绑定原理思路：1.劫持并监听所有数据属性2.数据发生更新变化时通知3.订阅者（多个订阅者需要存到Dep订阅器里）4.实现一个指令解析器5.指令解析器根据指令模板替换数据，绑定相应的更新函数6.订阅者收到属性变化的通知，并执行绑定的解析器解析的回调函数7.从而更新视图viewObject.defineProperty()此方法在一个对象上定义一个新属性，或者修改一个...
2019-08-21 09:53:02
93
原创 JS框架vue-教程1语法
语法文本：{{msg}}<body> <div id="app"> {{ msg }} </div></body><script src="vue.js"></script><script> new Vue({ el: '#app', // document.querySel...
2019-08-20 15:50:26
90
原创 JS小知识点-XSS,CSRF
跨站脚本攻击（Cross Site Scripting），缩写为CSS但容易和样式css缩写混淆，所以改为XSSXSS通过利用网页开发时留下的漏洞，注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。攻击成功后，攻击者可能得...
2019-08-20 15:38:25
169
1
原创 JS小知识点-三目运算符
、根据不同的条件执行不同的操作返回不同的值、语法：条件 ? 结果1 : 结果2;如果条件为真，执行结果1，否则执行结果2多种条件 条件1？值1:条件2？值:值3...
2019-08-20 15:02:28
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人