自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

清风明月的博客

web前端开发

原创 运行vue报错There are multiple modules with names that only differ in casing.

There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case...

2019-08-26 15:17:47

阅读数 206

评论数 0

原创 ES6学习笔记

ES6是ECMAScript的第六次修订,于2015年完成 1、let声明变量和const声明常量,都是块级作用域。 2、箭头函数 函数定义不再使用关键字function(),而是利用了()=>来进行定义 3、模板字符串 用(`),可以作为普通字符串使用,也可以用来定义多行字符串 4、解析...

2019-07-23 15:08:21

阅读数 19

评论数 0

原创 http报文头部有哪些字段?有什么意义?

请求头(Request): Accept:text/html application/xml 告诉服务器客户端浏览器这边可以出里什么数据; Accept-Encodeing:gzip 告诉服务器我能支持什么样的压缩格式 accept-language:告诉服务器浏览器支持的语言 Cache-c...

2019-07-16 11:23:08

阅读数 688

评论数 0

原创 观察者模式实现?

观察者模式使用三个类Subject、Observer、Client。Subject对象带有绑定观察者到Client对象和从client对象解绑观察者的方法。我们创建Subject类、Observer抽象类、和扩展了抽象类Observer的实体类。 创建Subject类 创建Observer类 创建...

2019-07-16 11:22:09

阅读数 57

评论数 0

原创 VirsualDOM实现?

DOM是Document Object Model (文档对象模型) HTML DOM是关于如何获取、修改、添加或者删除HTML元素的标准。 Virsual dom的实现思路: 1)用js对象构造一个虚拟的dom树,插入到文档中。 2)状态变更时,记录新树和旧树的差异 3)把上面的差异构建到真正的...

2019-07-16 11:17:15

阅读数 15

评论数 0

原创 React虚拟DOM是什么?如何实现?

虚拟DOM的设计思想: a、提供一种方便的工具,使开发效率得到保证 b、保证最小化的DOM操作,使得执行效率得到保证 Virtual DOM算法,包含以下步骤: a、用JavaScript对象结构表示DOM树的结构,然后用这个树建构一个真正的DOM树,插入到文章当中。 b、当状态变更的时候,重新构...

2019-07-09 15:26:18

阅读数 62

评论数 0

原创 Vue如何实现双向绑定的?

vue最核心的两个功能,一是响应式的数据绑定系统,二是组件系统。 实现双向数据绑定: a、实现一个监听器Observer,用来劫持并监听所有属性,如果有变动的,就通知订阅者。 b、实现一个订阅者Watcher。每个Watcher都绑定一个更新函数,Watcher可以收到属性的变化通知并执行相应的函...

2019-07-09 15:24:29

阅读数 15

评论数 0

原创 前端有哪些技术栈?

浏览器:IE6~IE8 IE9+ chrome Firefox Safari Opera Edge HTTP协议:URL Cache Session Cookie Request Response HTML: W3C HTML4.0 HTML5 DOM 语义化 CSS:...

2019-07-09 15:23:32

阅读数 473

评论数 0

原创 html5新特性的理解

1、标签语义化,例如:header,footer,nav,aside,article,section等,新增了很多表单元素;输入类型email,url等,除去了center等样式标签,还除去了有性能问题的frame,frameset的标签。 2、音频元素,video,audio的增加使得我们不需要...

2019-02-27 11:06:49

阅读数 903

评论数 0

原创 box-sizing使用方法

box-sizing: content-box|border-box|inherit; content-box:在宽度和高度之外绘制元素的内边距和边框 border-box:内边距和边框都在设定的宽度和高度内绘制 inherit :规定应从父元素继承box-sizing属性的值 ...

2019-02-26 17:08:38

阅读数 53

评论数 0

原创 在HTML5中,用getCurrentPosition()获取用户的当前位置

getCurrentPosition(successCallback, errorCallback,PositionOptions); successCallback: 表示获取到的用户数据位置。 该对象包含两个属性:coords和timestamp。 coords属性包含七个值,accurac...

2018-12-02 12:32:38

阅读数 4636

评论数 0

原创 addEventLister和attachEvent的作用,以及两者的区别

在事件监听方面,IE提供了attachEvent和detachEvent两个接口,firefox提供了addEventLister和removeEventLister,最简单的兼容处理就是封装这两套接口。 需要特别注意,在firefox下事件处理函数中的this指向被监听的元素本身,在IE下不一...

2018-12-01 13:38:19

阅读数 239

评论数 0

原创 EasyUI使用基础教程

EasyUI简介 是建立在jQuery框架基础上的一个视图框架,主要处理视图逻辑、显示逻辑。 EasyUI是jQuery的一个插件组,EasyUI是jQuery的一个扩展。 使用EasyUI的前提是jQuery必须存在。 EasyUI是一个开源组织开发的,专门用于视图逻辑显示框架,可以和异步通讯配...

2018-11-29 11:55:22

阅读数 2153

评论数 0

原创 jquery异步通讯方法

$.post(“url”, “请求参数”, function(data){回调函数}) $.get(“url”, “请求参数”, function(data){回调函数}) $.ajax({ ‘url’ : ‘请求地址’ ‘data’ : ‘请求参数’ ‘type’ : ‘请求方式get|post...

2018-11-27 19:40:35

阅读数 58

评论数 0

原创 Jquery常用选择器和DOM操作方法的汇总

1、选择器 id选择器 $("#id") 元素选择器 $("tagName") 类选择器 $(".className") 属性选择器 $("[name]"...

2018-11-27 19:24:25

阅读数 286

评论数 0

原创 HTML5中本地存储cookie、sessionStorage、localStorage的区别

1、sessionStorage 适用于长期存储数据,浏览器关闭后数据不丢失。 2、localStorage 存储的数据在浏览器关闭后自动删除。 3、

2018-11-27 09:32:44

阅读数 94

评论数 0

原创 HTML5中新增video标签的使用方法

HTML5的video标签是HTML5的一大特色方法如下: 1、<video src="test.mp4">浏览器</video> 2、 <video><source src=&...

2018-11-26 19:41:07

阅读数 747

评论数 0

原创 node.js 在Linux下安装和环境搭建

过程按照下面的步骤: 1、下载包 wget https://npm.taobao.org/mirrors/node/v6.10.3/node-v6.10.3-linux-x64.tar.xz 2、解压,下载的包有xz格式和gz格式,分别使用对应的方式解压即可 xz -d node-v6.10.3...

2018-11-26 18:19:02

阅读数 244

评论数 0

原创 通过优化网络连接优化前端性能

【使用DNS预解析】 当浏览器访问一个域名的时候,需要解析一次DNS,获得对应域名的ip地址。在解析的过程中,按照浏览器缓存、系统缓存、路由器缓存、ISP(运营商)DNS缓存、根域名服务器、顶级域名服务器、主域名服务器的顺序,逐步读取缓存,直到拿到IP地址。 DNS Prefetch,即DNS预解...

2018-11-26 16:13:05

阅读数 173

评论数 0

原创 通过减少资源优化前端性能

HTML 压缩 HTML 代码压缩就是压缩在文本文件中但是在HTML中不显示的字符,包括空格、制表符、换行符等。 CSS压缩 CSS压缩包括无效代码删除与CSS语义合并 JS压缩与混乱 JS压缩与混乱包括无效字符及注释的删除、代码语义化的缩减和优化、降低代码的可读性,实现代码保护。 图片压缩 针...

2018-11-26 15:33:46

阅读数 44

评论数 0

原创 移动端常见样式问题

【点击背景】 在移动端,点击可点击元素时,android下会出现淡蓝色背景,IOS下会出现灰色背景。 可以通过-webkit-tap-hightlight-color属性的设置,取消点击时出现的背景效果。 *{ -webkit-tap-hightlight-color:rgba(0,0,0,0)...

2018-11-26 10:35:24

阅读数 341

评论数 0

原创 vue-cli 本地运行http://localhost:8080报404错误

查看config/index.js里面的文件, dev: { assetsPublicPath: '/', host: 'localhost', port: 8080, } 确保dev下面这三项正确,就可以正确运行http://...

2018-11-05 11:43:20

阅读数 2522

评论数 0

原创 vue-cli 打包后背景图出不来解决方法

vue-cli用npm run build打包之后,打开index.html页面,背景没有加载出来解决办法: 修改build/utils.js文件里面的ExtractTextPlugin,添加:publicPath: ‘…/…/’, 具体代码如下: if (options.extract) { ...

2018-10-31 11:02:06

阅读数 662

评论数 0

原创 css 画三角形

1、斜边在左边三角形 <style> .triangle { border-top: 50px solid transparent; border-bottom: 50px solid transpar...

2018-08-17 14:55:05

阅读数 97

评论数 0

原创 HTTPS加密了什么?

HTTPS 就是在 HTTP 下加入了 SSL 层,从而保护了交换数据隐私和完整性,提供对网站服务器身份认证的功能,简单来说它就是安全版的 HTTP。 TLS 得到了广泛的应用,TLS 是 SSL 的升级版本就好。 HTTPS 主要用途有三个: 一是通过证书等信息确认网站的真实性; 二是建...

2018-07-10 14:54:36

阅读数 510

评论数 0

原创 css代码实现控制图片颜色或者改变图片颜色

1、黑色纯色,背景白色的图片 .pic1 { background-image: url($img), linear-gradient(#f00, #f00); //纯色渐变 background-blend-mode: lighten; background-siz...

2018-07-10 14:10:37

阅读数 8334

评论数 0

原创 javaScript作用域和作用域链详解

作用域就是一个变量或者函数能够访问到区域。 ES5并没有块级作用域,在ES2015中已经新增块级作用域。 实例代码: var name = " 清风明月 "; function mainA(){ var name = "qingfeng";...

2018-06-25 13:45:34

阅读数 29

评论数 0

原创 javaScript包装对象

一段实例代码: var str = “qingfeng”; console.log(str.length); // 结果:console.log:8 字符串是值类型数据,为什么可以引用属性,不是只有对象才可以具有属性吗? 因为当字符串等值类型数据引用属性或者调用方法时,javaScrip...

2018-06-25 09:53:28

阅读数 52

评论数 0

原创 原生javaScript实现拖拽功能

<head> <meta charset="utf-8"> <title>拖拽效果</tit...

2018-06-20 17:00:07

阅读数 98

评论数 0

转载 精心收集的48个javascript的代码片段——Github分享

原文地址:https://github.com/Chalarangelo/30-seconds-of-code#anagrams-of-string-with-duplicates 1、Anagrams of string(带有重复项) reduce() 方法接收一个函数作为累加器,数组中的每...

2018-06-20 15:47:13

阅读数 128

评论数 0

原创 css代码书写规范和css代码优化建议20条

1、谨慎使用外边距属性 当一个元素的下边距和一个元素的上边距相遇,两者中大的会被留下 2、利用盒子模型布局 Flexbox更容易精确创建我们想要的布局设计,浏览器对Flexbox的支持已经接近完美。 .container{ display:flex; display:-we...

2018-06-08 16:07:01

阅读数 767

评论数 1

原创 node.js 中的events事件

设置: 【emitter.eventNames()】 返回一个列出触发器已注册监听器的事件的数组。数组中的值为字符串或符号。 var EventEmitter = require('events'); var emitter = new EventEmitter();...

2018-06-04 22:31:10

阅读数 151

评论数 0

原创 如何提高网页的加载速度 ——DNS优化和代码优化

1、DNS预读取

2018-05-31 15:59:21

阅读数 1593

评论数 0

原创 如何提高网页的加载速度 ——图片压缩和网页资源缓存

1、gzip压缩

2018-05-31 15:44:37

阅读数 533

评论数 0

原创 如何提高网页的加载速度 ——优化网页图片加载

1、使用响应式图片响应式图片的优点是浏览器能够根据屏幕的大小,设备像素比ppi、横竖屏自动加载合适的图片,如使用srcset: <img srcset="pic_w350.jpg 1x, pic_w640.jpg 2x&qu...

2018-05-31 12:46:21

阅读数 16647

评论数 1

原创 如何提高网页的加载速度 ——减少网页渲染阻塞

页面打开的快慢,可以用两个指标描述: 一个是ready时间,一个是load时间 优化策略: 一、减少渲染阻塞: 1、避免head标签JS阻塞 所有放在head标签里面的CSS和JS都会阻塞渲染,如果这些CSS和JS需要加载很久,页面就会空白,两种解决方法:第一种是把script放到bod...

2018-05-31 11:18:30

阅读数 1159

评论数 0

原创 Json的特点和优势

检测变化的注意事项 受现代JavaScript的限制(以及 废弃Object.observe), Vue不能检测到对象属性的添加或删除。 由于vue会在初始化实例时对属性执行getter/setter转化过程,所以属性必须在data对象上存在才能让vue转换它,这样才能让它是响应的。例如: ...

2018-05-29 22:32:18

阅读数 4835

评论数 0

原创 vue基础笔记四

检测变化的注意事项 受现代JavaScript的限制(以及 废弃Object.observe), Vue不能检测到对象属性的添加或删除。 由于vue会在初始化实例时对属性执行getter/setter转化过程,所以属性必须在data对象上存在才能让vue转换它,这样才能让它是响应的。例如: ...

2018-05-29 22:03:50

阅读数 33

评论数 0

原创 Vue中的MVVM模式

MVVM全称是Model-View-ViewModel Vue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步,每当数据发生变化,DOM会跟随变化。 ViewModel是Vue的核心,它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTM...

2018-05-27 21:09:47

阅读数 582

评论数 0

原创 vue.js 与angular.js以及react.js 的区别

与Angular.js的区别 相同: 都支持指令:内置指令和自定义指令。 都支持过滤器:内置过滤器和自定义过滤器 都支持双向数据绑定。 都不支持低端浏览器。 不同点: 1、Angular.js的学习成本高,比如增加了Dependency Injection特性,而Vue.js本身提供...

2018-05-26 12:44:33

阅读数 1624

评论数 0

提示
确定要删除当前文章?
取消 删除