前端
sara-
这个作者很懒,什么都没留下…
展开
-
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 · 787 阅读 · 0 评论 -
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 · 720 阅读 · 0 评论 -
vue-小程序-移动端ui库
小程序的配置文件在全局的main.js中,配置小程序文档中的json配置(去文档复制过来)export default { confing: { 'window': { 'backgroundTextStyle': 'light', 'navigationBarBackgroundColor': '#fff', 'navigationBarTitleText': '邓俊玉', 'navigationBarTextStyle': 'black'原创 2020-05-28 17:54:32 · 794 阅读 · 0 评论 -
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 · 3967 阅读 · 0 评论 -
微信公众号-微信小程序-移动端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 · 389 阅读 · 0 评论 -
vue项目优化
1.vue-router优化路由懒加载因为在打包构建应用的时候,js包会特别大,影响页面的加载速度,所以需要把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样比较高效。是结合了vue的异步组件技术和webpack的代码分割功能,实现路由的懒加载2.http优化http协议定义的是:web客户端如何从服务器请求web页面,以及服务器如何把web页面传送给客户端,浏览器请求数据通过http链接完成,因此http连接优化是web项目优化的重要方向之一1.减少ht原创 2020-05-15 13:46:34 · 2180 阅读 · 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 · 350 阅读 · 0 评论 -
前端优化总结新版
前端性能优化之-35黄金定律网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存ajax延迟加载提前加载减少dom元素数量根据域名划分内容减少iframe数量避免404服务器使用cdn添加expires或cache-control报文头gzip压缩传输文件配置etags尽早flus输出使用get ajax请求避免空的图片srccookie...原创 2020-02-29 23:46:58 · 171 阅读 · 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 · 438 阅读 · 0 评论 -
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 · 762 阅读 · 0 评论 -
前端-bug排查工具-性能优化工具
前端常用的bug排查工具1.DebugMeDebugMe可以可视化地跟踪Bug,并可以将代码嵌入到网站的元标记中,来解决跟踪的问题。客户端还可以在网站内保存通过任何类型的Web浏览器访问该网站的评价。DebugMe工具充当Web开发人员、客户端和团队的会场,并且实现一个完整的项目管理解决方案。它有一个创意工具栏,内置了绘制、大头针、高亮、涂黑和记笔记功能。2.zipBoardzipBoar...原创 2020-02-23 20:55:59 · 950 阅读 · 0 评论 -
前端-自动化工具
前端自动化工具官方文档:https://www.gulpjs.com.cn/docs/getting-started/quick-start/gulp到底用来干什么?编译 sass合并优化压缩 css校验压缩 js优化图片添加文件指纹(md5)组件化头部底部(include html)实时自动刷新……压缩静态资源变更静态资源给静态资源添加 md5修改预处理样式后自动编译...原创 2020-02-23 20:30:51 · 453 阅读 · 0 评论 -
前端开发之-各浏览器兼容总结
css不同浏览器默认的margin和padding不同解决方案:CSS里*{margin:0; padding:0;}图片默认有间距问题:几个img标签放在一起的时候,有些浏览器会默认的间距,加了问题一中提到的通配符也不起作用。解决方案:使用float属性为img布局备注:因为img标签是行内属性标签,所以只要不超出容器宽度,img标签都会排在一行里,但是部分浏览器的img标签之间会有...原创 2020-02-23 20:08:52 · 369 阅读 · 0 评论 -
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 · 526 阅读 · 0 评论 -
前端-pc端适配
响应式布局方案响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端–而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题一、弹性布局二、1.在网页代码的头部,加入一行viewport元标签适配设置:如果任何设置都没有,默认走的就是viewport...原创 2020-02-20 17:01:24 · 4700 阅读 · 0 评论 -
js基础
1.null和undefined区别定义:undefined:是所有没有赋值变量的默认值,是基本数据类型,表示未定义,缺少的意思,是一个表示‘无’的原始值,转为数值为NANundefined表示缺少值,就是此处应该有一个值,但是还没有定位,典型用法是:(1)变量被声明了,但没有赋值时,就等于undefined。var i;i // undefined(2) 调用函数时,应该提供的...原创 2020-02-14 22:16:49 · 369 阅读 · 0 评论 -
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 · 1110 阅读 · 0 评论 -
前端性能优化总结/懒加载、函数节流、优化dom操作、雪碧图、合并文件
1.减少 HTTP 请求数量在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手,每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限(不同浏览器允许并发数),一旦 HTTP 请求数量达到一定数量,资源请求就存在等待状态,这是很致命的,因此减少 HTTP 的请求数量可以很大程度上对网站性能进行优化。(1)懒加载什么是懒加载懒加载也叫延迟加...原创 2020-02-14 12:25:25 · 732 阅读 · 0 评论 -
vue基础
vue中获取dom,及操作dom 在watch或者created里面操作dom,用this.$nextTick(function(){xxxx})vue获取后端数据应该在created还是mounted 看情况了,一般放到created里面就可以了,这样可以及早发请求获取数据,如果有依赖d...原创 2020-02-07 15:21:16 · 566 阅读 · 0 评论 -
vue-slot
关于slot个人理解总结:是决定子组件在父组件如何显示的作用应用业务场景:同一个组件在不同的组件中被引用,需要显示的内容不同,就可以用到slot具名插槽在子组件中定义了三个slot标签,其中有两个分别添加了name属性header和footer<template> <div class="slottwo"> <div>slottwo...原创 2020-02-03 17:43:03 · 200 阅读 · 0 评论 -
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 · 597 阅读 · 0 评论 -
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 · 1001 阅读 · 1 评论 -
JS原生小知识点-严格模式
严格模式作用消除js语法不合理,不严谨的地方,减少怪异行为消除代码运行不安全的地方,保证代码运行的安全提高编译器效率,增加运行速度为之后新版本js做铺垫== 更合理,更严谨,更安全use strict进入严格模式进入严格模式之后的行为变更、声明变量的时候必须加关键字、this无法指向全局、函数内不允许出现重名参数、arguments对象不允许被动态改变,不允许被自调用...原创 2019-08-21 19:43:47 · 153 阅读 · 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 · 101 阅读 · 0 评论 -
JS.vue小笔记-计算属性/侦听属性/vue生命周期函数
计算属性、computed、书写形式为函数、有返回值、使用的话是和data中值使用一样 {{revereMsg}}、计算属性具有依赖性,如果原始值不发生变化,则不会执行,发生变化,会重新计算,执行次数和调用次数无关、特定条件下,计算属性优于方法,方法是每调用一次就会执行一次、应用场景,登录注册可以验证表单信息侦听属性、也叫做监听属性、在特定条件下,计算属性优于侦听属性总结任...原创 2019-08-21 13:52:07 · 194 阅读 · 1 评论 -
JS教程--遍历
原生js循环遍历whilewhile(条件){代码块}只要条件为真,就一直执行代码块do whiledo{代码块}while(条件),类似while,区别是,先运行一次代码块,再判断条件forfor(var i = 0;i < 100;i++){代码块} for…in 循环var obj = {a:1,b:2,c:3};for (var i in obj){}...转载 2019-08-19 20:58:52 · 429 阅读 · 0 评论 -
JS原生教程-数组
数组的操作concat()合并数组,并返回合并之后的数据join()使用分隔符,将数组转为字符串并返回pop()删除最后一位,并返回删除的数据shift()删除第一位,并返回删除的数据unshift()在第一位新增一或多个数据,返回长度push()在最后一位新增一或多个数据,返回长度reverse()反转数组,返回结果slice()截取指定位置的数组,并返回sort()排序...原创 2019-08-21 19:35:31 · 161 阅读 · 1 评论 -
JS.vue笔记--组件
组件组件化开发、组件化的开发其实就是把页面拆分成一块一块的,每一个块可以看做是一个组件、组件是一个可以重复使用的vue实例、语法://vue的组件也是vue的一个实例//my-header 为组件的名字//{}组件的配置//组件对应的html结构 – 模板//使用该组件—>以标签的形式调用组件Vue.component(‘my-header’,{//全局注册组件 ...原创 2019-08-21 17:55:04 · 149 阅读 · 1 评论 -
JS中set、get
javascript中set与get方法详解其中get与set的使用方法:1、get与set是方法,因为是方法,所以可以进行判断。2、get是得到 一般是要返回的 set 是设置 不用返回3、每一个对象都有set 和 get方法...原创 2019-08-20 14:50:47 · 1156 阅读 · 0 评论 -
JS教程函数--递归、回调、箭头、闭包、构造、匿名
递归函数、在代码中调用自身的函数、函数里再调用函数function fact(num){ if (num<=1){ return 1; }else{ return num*fact(num-1); }}function recursion(x){if(x>0){document.write(x+'<hr/&g...原创 2019-08-20 14:45:41 · 398 阅读 · 1 评论 -
JS教程-ES6class
class优势、语法简单,含义明确,代码结构清晰、无法直接调用、不存在变量提升、在严格模式下执行、可直接使用set、get函数、class中所有方法都是原型方法、...原创 2019-08-20 13:55:49 · 112 阅读 · 0 评论 -
JS教程--for、for-in、forEach和for-of四种遍历语法比较
for循环–最原始–最易理解的循环遍历方式–写法繁琐语法:for(var index = 0;index < arr.length;index++){console.log(arr[index])}–使用continue和break可以跳出本次循环和退出循环forEach–写法便利**–每次循环实际上是一个回调函数,因此在函数内部无法用continue和break(用于...原创 2019-08-20 10:27:09 · 340 阅读 · 0 评论 -
JS教程--对象及方法
JS对象分类分为:内置对象(系统自带的对象),自定义对象,浏览器对象windowObject/Math/Date/Array…(内置对象)Math对象Math—>是内置对象,不是函数Math.abs()---->绝对值Math.max()---->数组中的最大值Math.min()---->一数组中的最小值Math.ceil()—>向上取整Math....转载 2019-08-20 09:32:48 · 121 阅读 · 0 评论 -
JS中类型转换
数字类型转换parseInt(变量)–转成整数paseFloat(变量)–转小数Number(变量)–转字符串类型变量.toString()String(变量)原创 2019-08-20 09:05:32 · 67 阅读 · 0 评论 -
AJAX与JSON
ajax(asynchronous javascript and xml)异步的javascript和xml是为了解决传统web应用当中“发送请求-等待响应”XmlHttpRequest对象该对象的重要属性responseText:获取服务器响应的文本数据responseXml:获取服务器响应的xml数据status:获取服务器返回的状态码(比如200)readyState:获取X...转载 2019-08-19 16:23:52 · 87 阅读 · 0 评论 -
JS之面向对象
JS面向对象面向对象编程面向对象编程可以看做是使用一系列对象相互协作的软件设计,在oop中,每个对象都能接收消息,处理数据和发送信息给其他对象,每个对象都可以看做是一个拥有清晰角色和功能的独立的小机器面向对象编程术语:Namespace 命名空间,允许开发人员在一个独特,应用相关的名字的名称下捆绑所有功能的容器class 类定义对象的特征,是对象的属性和方法的模板定义object ...原创 2019-08-19 15:32:52 · 117 阅读 · 0 评论 -
MV*模式
MVC框架最早出现在java领域,然后慢慢在前端开发中也被提到,之后出现mvp,到现在最成熟的MVVM.MVCmodel数据模型view视图controller控制器用一种业务逻辑,数据,界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑model模型,是应用于程序中用于处理应用程序数据逻辑的部分view视图是应用...原创 2019-08-19 09:58:17 · 144 阅读 · 0 评论 -
前端发展史
1994年,前端历史的起点1995年,网警推出了javascript1996年,微软推出iframe标签,实现异步的局部加载1999年,w3c发布第四代html标准,微软推出用于异步数据传输的activex(activexobject),各大浏览器厂商模范实现了XMLHttpRequest2006年,XMLHttpRequest被W3C正式纳入标准2006年, 发布了jQuery200...原创 2019-08-19 09:18:23 · 240 阅读 · 0 评论 -
JS总结-常用keycode
Enter 回车 13space 空格键 32left 左箭头 37up 上箭头 38right 右箭头 39down 下箭头 40原创 2019-08-20 14:56:14 · 197 阅读 · 0 评论 -
JS小知识点-三目运算符
、根据不同的条件执行不同的操作返回不同的值、语法:条件 ? 结果1 : 结果2;如果条件为真,执行结果1,否则执行结果2多种条件 条件1?值1:条件2?值:值3...原创 2019-08-20 15:02:28 · 133 阅读 · 0 评论