05 2019 档案

图片加载之性能优化
摘要：图片优化的一般方法在本文正式开始之前，笔者先提提图片优化的一般方法，了解图片优化的方法有助于理解后面图片加载实现形式的多样化。一般常见的图片优化方法有： 减少文件体积大小减少图片资源请求数(合并HTTP请求)减少图片文件体积大小可以从 压缩优化图片大小采用合适的图片格式两个途径来进行对体积大小的优化 阅读全文
posted @ 2019-05-14 10:12 无妄小丑 阅读(659) 评论(0) 推荐(0)
前端实现图片懒加载(lazyload)的两种方式
摘要：在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。 思路： 将页面里所有 阅读全文
posted @ 2019-05-14 10:09 无妄小丑 阅读(9572) 评论(0) 推荐(0)
HTML`CSS_网站页面不同浏览器兼容性问题解决
摘要：目前，最为流行的浏览器共有五个：分别是ie,Edge浏览器（属于微软），火狐，谷歌（chrome）Safari和Opera五大浏览器。 Trident内核：IE ，360，，猎豹，百度； Gecko内核：火狐 >这个浏览器内核是开源的浏览器内核，插件非常多， >缺点：打开速度慢（加载flash插件） 阅读全文
posted @ 2019-05-13 16:14 无妄小丑 阅读(423) 评论(0) 推荐(0)
从输入url到显示页面，都经历了什么
摘要：一般会经历以下几个过程： 1、首先，在浏览器地址栏中输入url 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。 3、在发送http请求前，需要域名解析(DNS解析)(DNS（域名系统，Domain Name System）是互联 阅读全文
posted @ 2019-05-13 15:50 无妄小丑 阅读(2717) 评论(0) 推荐(0)
什么是mvvm mvc是什么区别 原理
摘要：一、MVC（Model-View-Controller） MVC是比较直观的架构模式，用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）。 MVC使用非常广泛，比如JavaEE中的SSH框架 三、MV 阅读全文
posted @ 2019-05-13 15:13 无妄小丑 阅读(1854) 评论(0) 推荐(0)
react和vue有哪些不同，说说你对这两个框架的看法
摘要：相同点 · 都支持服务器端渲染 · 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 · 数据驱动视图 · 都有支持native的方案,React的React native,Vue的weex 不同点 · React严格上只针对MVC 阅读全文
posted @ 2019-05-13 15:12 无妄小丑 阅读(733) 评论(0) 推荐(0)
如何进行网站性能优化
摘要：1.合并js和css文件 将js和css分别合并到一个共享文件，这样不仅能够简化代码，而且在执行js文件是，如果js文件较多，就需要多次向服务器请求数据，这样将会延长加载速度，将js文件合并在一起，减少了请求的次数，就能够提高加载的速度； 2.Sprites图片技术（图片精灵技术） 图片精灵技术是一 阅读全文
posted @ 2019-05-13 15:11 无妄小丑 阅读(1444) 评论(0) 推荐(0)
常见的HTTP状态码
摘要：2开头 （请求成功）表示成功处理了请求的状态代码。 200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资源。 202 （已接受） 服务器已接受请求，但尚未处理。 203 （非授权信息） 服务器已成功处理了请求，但返回的信 阅读全文
posted @ 2019-05-13 15:10 无妄小丑 阅读(148) 评论(0) 推荐(0)
三个盒子，左右定宽，中间自适应有几种方法
摘要：<div style="width:100%; margin:0 auto;"> <div style="width:200px; float:right; background-color:#960">这是右侧的内容 固定宽度</div> <div style="width:150px; floa 阅读全文
posted @ 2019-05-13 15:03 无妄小丑 阅读(1620) 评论(0) 推荐(0)
css选择器有哪些，选择器的权重的优先级
摘要：选择器类型 1、ID #id 2、class .class 3、标签 p 4、通用 * 5、属性 [type="text"] 6、伪类 ：hover 7、伪元素 ::first-line 8、子选择器、相邻选择器 三、权重计算规则 1. 第一等：代表内联样式，如: style=””，权值为1000。 阅读全文
posted @ 2019-05-13 15:02 无妄小丑 阅读(5062) 评论(0) 推荐(0)
JS数组、字符串常用方法
摘要：数组： 1.push(): 向数组尾部添加一个或多个元素，并返回添加新元素后的数组长度。注意，该方法会改变原数组。 1 var arr = [1,2,3]; 2 console.log(arr); // [1, 2, 3] 3 var b = arr.push(4); 4 console.log(b 阅读全文
posted @ 2019-05-13 15:00 无妄小丑 阅读(156) 评论(0) 推荐(0)
纯CSS实现垂直居中的几种方法
摘要：垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table cell html结构： 垂直居中 css： .box1{ display: table ce 阅读全文
posted @ 2019-05-13 14:58 无妄小丑 阅读(180) 评论(0) 推荐(0)
代码的耦合性
摘要：之前组内同学问我耦合的关系，我没给对方讲清楚，今天借这个机会来深入讲讲模块之间的耦合关系这个事情。 本文将用图文详细讲解七种耦合的不同之处。 高内聚与低耦合 高内聚与低耦合是每个软件开发者追求的目标，那么内聚和耦合分别是什么意思呢？ 内聚是从功能角度来度量模块内的联系，一个好的内聚模块应当恰好做一件 阅读全文
posted @ 2019-05-05 20:49 无妄小丑 阅读(6679) 评论(0) 推荐(0)
H5，C3，ES6新特性
摘要：H5的新特性 1.语义化标签 有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audio) 阅读全文
posted @ 2019-05-04 13:03 无妄小丑 阅读(371) 评论(0) 推荐(0)