- 博客(214)
- 收藏
- 关注
RSS订阅转载 JS中的逻辑运算符&&、||，位运算符|，&
原文章来源：https://www.cnblogs.com/yuanxinghuo/p/7881366.html1、JS中的||符号：运算方法： 只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。 只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。总结：真前假后2、JS...
2019-04-19 21:51:13
163
原创 浏览器渲染模式：标准模式和怪异模式、为什么需要文档声明 !DOCTYPE？使用 document.body 还是 document.documentElement？
什么是文档声明？<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。所有文档的开头都会有文档声明<!DOCTYPE>标签来声明它采用哪种标准来解析当前网页。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。DTD 是什么？ DT...
2019-04-19 16:01:41
631
原创 window.pageXOffset /pageYOffset 和 scrollLeft、scrollTop 返回当前页面相对于窗口显示区左上角的坐标位置
用法：返回网页视区左上角的起始点相对于浏览器的X,Y位置pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。语法：window.pageXOffsetwindow.pageYOffsetpageXOffset 和 pageYOffset 属性相等于 scrol...
2019-04-19 15:57:15
2518
转载 html5 新特性：文档声明和头部信息 ( !DOCTYPE 和 meta 标签)
Html5 推出的新内容比较多，本文我们来介绍两个重点内容，文档类型声明和头部信息文档类型声明 ：Html4.01和 Xhtml1.0：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...
2019-04-19 15:05:43
2124
转载 对于var a=b=3的理解
天偶然间看到有一个笔试题是这样的：(function(){var a=b=3;})();console.log(typeof a!=='undefined');console.log(typeof b!=='undefined');问输出结果是什么：起初我的判断是俩个都是false,因为我的理解是变量a,b在匿名函数里面是局部变量，在全局范围是没有效果的。可最终结果却...
2019-04-19 11:12:04
1371
转载 简述一下src与href的区别
src 与 href 的区别scrsrc用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素<script src ="js.js"></script> ...
2019-04-18 18:16:54
2529
1
转载 渐进增强和优雅降级的区别
渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝...
2019-04-18 18:04:20
160
转载 各大浏览器的内核分别是什么?
各大浏览器的内核分别是什么?IE: trident内核 Firefox：gecko内核 Safari: webkit内核 Opera: 以前是presto内核，Opera现已改用Google - Chrome的Blink内核 Chrome: Blink(基于webkit，Google与Opera Software共同开发)...
2019-04-18 17:06:50
3875
转载 meta 标签的常见使用方案
<meta charset="utf-8"> //声明文档使用的字符编码 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //优先使用 IE 最新版本和 Chrome <meta name="description" content="不超过150个字符" > ...
2019-04-18 17:04:38
304
转载 关于 viewport 界面适配不同设备方案： meta 标签 name="viewport" content="width=device-width, initial-scale=1"
什么是 Viewport?viewport 是用户网页的可视区域。1、viewport 移动设备上的viewport是设备屏幕上用来显示网页的那部分区域，再具体一点就是浏览器上用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域大，也可能比浏览器的可视区域小。在默认情况下，移动设备上的viewport都是大于浏览器可视区域的，这...
2019-04-18 16:29:43
3187
转载 Webstorm常用快捷键
常用快捷键—Webstorm入门指南提高代码编写效率，离不开快捷键的使用，Webstorm拥有丰富的代码快速编辑功能，你可以自由配置功能快捷键。快捷键配置点击“File”-> “settings”Webstorm预置了其他编辑器的快捷键配置，可以点击默认配置-Eclipse的常用快捷键对照表查找/代替界面操作代码编辑导航...
2019-04-18 16:19:02
113
转载 如何在页面上实现一个圆形的可点击区域?
这道题目是比较开放的题目，答案显然是不只一个的，考察你的应变能力，要能拿出多几个解决方案，获取面试官的芳心。以下给大家讲解三种解决方案。解决方法1. map+area<img src="t.jpg" width="1366" height="768" border="0" usemap="#Map" /><map name="Map" id="Map">...
2019-04-18 15:46:29
729
原创 svg 格式图形文件和 svg 标签
什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体Canvas和SVG有什么区别？svg绘制出来的每一个...
2019-04-18 13:31:22
4508
转载 HTML、XML、XHTML 有什么区别 (SGML、DTD 标准 )
总结：SGML 定义电子文档和内容描述的标准。DTD 标准是SGML 的一部分XML 是SGML 的子集，优化版 HTML 是遵循了 DTD 标准的 SGML 的文档，也可以说是 SGML 的一个实例 XHTML 是遵循了XML标准的 HTML 文档。 HTML5 是HTML最新的HTML标准。但不基于SGML，所以不遵循 DTD 标准...
2019-04-18 09:23:16
2380
原创 CSS 定位 position
static 定位HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。fixed 定位元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动注意：Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持。Fixed定位使元素的位置与文档流无关，因此不...
2019-04-17 22:36:42
190
转载 js 对象属性通过点(.) 和 方括号 ( [] ) 的不同之处：obj.attr 和 obj[attr]
原文章参考：https://www.cnblogs.com/ljt1412451704/p/8683158.html读取和设置对象属性有两种写法：(.) 方法： obj.attr ([])方法：obj[attr]1、(.)点操作符: 静态的。右侧必须是一个以属性名称命名的简单标识符。属性名用一个标识符来表示。标识符必须直接出现再js程序中，它们不是数据类型，因此程序无法修改它...
2019-04-17 09:37:54
5188
转载 关于vue 的MVVM：Object.defineProperty 和 Element.addEventListener() 实现双向数据绑定
原文章参考：https://www.jianshu.com/p/ea9d556d6529本文主要通过 JS 的 Object.defineProperty 和Element.addEventListener() 来实现数据<-->元素 的 双向数据绑定用于监听 js 数据对象。MVVM 中的 modelObject.defineProperty 用于监...
2019-04-16 01:08:07
331
转载 引入 CSS 两种方式：link 标签 和 @import
引入CSS的方法有两种，一种是@import，一种是link@import url('地址');<link href="地址" rel="stylesheet" type="text/css" /><link> 和 @import 两种方式的区别：link属于XHTML标签，而@import是CSS提供的一种方式。 link标签除了可以加载CSS外，还可...
2019-04-15 17:52:48
4620
3
转载 cookies，sessionStorage 和 localStorage 的区别？
cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密） cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递 sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存 存储大小： cookie数据大小不能超过4k sessio...
2019-04-15 16:52:23
86
转载 使用Service Worker和离线缓存Cache
参考原文章：使用Service Worker和离线缓存Cache https://www.jianshu.com/p/778f37db5a49为什么不直接用web worker?Web Worker 是临时的，每次做的事情的结果还不能被持久存下来，如果下次有同样的复杂操作，还得费时间的重新来一遍。那我们能不能有一个Worker 是一直持久存在的，并且随时准备接受主线程的命令。基于这样的需...
2019-04-15 16:37:21
1119
转载 HTML5的离线储存：储存在 .appcache文件
那什么是AppCache呢？顾名思义，AppCache就是对app内存缓存的方案，具体表现为当请求某个文件时不是从网络获取该文件，而是从本地获取。AppCache好处应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源1、使用AppCache机制实现缓存html...
2019-04-15 16:19:14
2203
原创 html5shiv 解决 浏览器 IE6-8 不能识别 H5 元素的问题
针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式用法：本地引入/cdn网络文件引入：（这里使用菜鸟网站的线上文件链接）1.下载html5shiv 文件，并在文件头部的<script>标签引入。2.<!--[if It IE 9...
2019-04-15 15:13:34
308
原创 vue 面试题总结
一、对于MVVM的理解？M。VVM 指的是 Model-View -Viewmodel 的简写。view 指的是 展示层，也就是网页model 指的是 数据模型，也就是网页显示的需要的数据viewmodel 是连接 view 和 model 同步的对象。用来实现 view 和 model 同步更新，实现双线数据绑定。因此开发者只需要关注业务逻辑，不用关注数据状态的同步实现问题。复杂...
2019-04-15 11:38:07
222
转载 CSS 网站小图标 雪碧图
https://www.jianshu.com/p/7482dde882af网站开发90%会用到小图标， 多小图标调用显示是前端开发常见的问题；目前小图标显示常见有两种方式（其他方式欢迎补充）：1.图标字体 显示；如小米官网左侧菜单栏：1.png2.CSS Sprite(CSS 精灵), 也称作 雪碧图；如华为官网右侧提示栏：2.png图标字体是个比较大的技...
2019-04-15 11:09:24
1332
转载 CSS 垂直居中的几种方案
参考链接：https://www.cnblogs.com/hutuzhu/p/4450850.html垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构： 1 2 3 ...
2019-04-15 11:06:12
181
转载 JS中将一个值转换为字符串的3种方法
1.value.toString()2."" + value3.String(value)value.toString()第一种方法存在的问题是，它不能把null和undefined转换为字符串.还有第二种和第三种方法，这两种方法的效果基本一样。""+value使用加法运算符配合一个空字符串可以把任意值转换为字符串，我觉得这种方法代码的可读性很差，但相对String...
2019-04-14 15:36:32
2184
原创 JS event.currentTarget( ) 和 event.target( ) 的区别
这两个方法都是监听事件触发的目标。区别是，event.currentTarget( ) 会返回当前触发事件的元素；而event.target( ) 会返回触发事件触发的源头元素。用法：可以用来监听触发事件的元素是否事件发生的源头元素。这个源头元素指的是，当我点击子元素，虽然父元素的点击事件也会被触发（冒泡机制），但子元素才是事件的源头元素。event.currentTarget( )...
2019-04-13 17:34:44
7835
原创 Vue事件修饰符的使用
在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有：.stop: 等同于JavaScript中的 event.stopPropagation( )，防止事件冒泡 .capture:与事件冒泡的方向相反，事件捕获由外到内 .prevent:等同于JavaScr...
2019-04-13 16:55:07
306
原创 vue 组件：全局注册和局部注册
全局组件: 如果想组件在任何地方都能应用，我们就需要注册全局组件局部组件: 局部组件要挂载到实例元素（在实例中定义组件）上，否则没有效果全局注册方式://注册Vue.component('component-a',{ template:'<div>我是全局注册的组件aaa</div>'})new Vue({ el: '#app' })//全局使用。...
2019-04-13 10:59:41
4201
3
原创 vue项目 引入图片 404 not found 报错
问题：在vue 项目中，引入的图片无法在网页显示控制台报错：图片地址 404 not found解决方案：把图片放在 static 文件夹，不要放在 assets 文件夹index.html 代码：<img src="./src/assets/img/logo.png" >解决方案：1. 把图片放在 static 文件夹，不要放在 assets ...
2019-04-12 18:24:11
6819
1
原创 vue 项目文件结构
用 webpack npm 的方式安装vue项目后，初始文件夹如下目录/文件 说明 build 这个是我们最终发布的时候会把代码发布在这里，在开发阶段，我们基本不用管。 config 配置目录，默认配置没有问题，所以我们也不用管 node_modules 这个目录是存放我们项目开发依赖的一些模块，这里面有很多很多内容，不过高兴的是，我们也不用管 s...
2019-04-11 20:25:42
1598
1
原创 vue 项目报错提示 Uncaught ReferenceError: Vue is not defined
报错提示：Uncaught ReferenceError: Vue is not defined解决方案：把vue 项目中vue 文件引入的<script> 标签放到文件头部。错误放置：正确放置：把<script>移到头部 <head>标签中，使vue文件在项目运行后第一个加载...
2019-04-11 16:53:04
68419
8
转载 JavaScript 对象属性 的可枚举属性与不可枚举属性（enumerable：true/false）
原文章：https://www.cnblogs.com/kongxy/p/4618173.html在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。一、怎么判断属性是否可枚举 js中基本包装类型的原型属性是不可枚举的，如Object, Array, Number等，如果你写出...
2019-04-11 16:26:44
1483
转载 CSS3 媒体查询 使用方法 @media
文章来源：https://www.cnblogs.com/zyl-Tara/p/5519144.htmlCSS 语法@media mediatype and|not|only (media feature) { CSS-Code;}Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries...
2019-04-10 18:05:05
477
转载 css中单位em和rem的区别
文章 来源：https://www.cnblogs.com/koubazhuanshu/p/6985331.html在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。对于em和rem的区别一句话概括：e...
2019-04-10 18:01:26
150
转载 flex 弹性布局：CSS display:flex 属性
原文章：https://www.jianshu.com/p/d9373a86b7481. 弹性布局简介弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。>>>了解两个基本概念，接下来会频繁提到：①容器：需要添加弹性布局...
2019-04-10 17:36:42
270
转载 前端页面的适配使用rem换算
文章来源：https://www.cnblogs.com/annie211/p/8118857.html为什么要使用rem之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。Px是相对固...
2019-04-10 17:08:46
479
转载 ES6 模块化、export、export default 用法
export default 用法：模块化输出//index.jsimport animal from './content'//content.jsexport default 'A cat'export 命令除了输出变量，还可以输出函数，甚至是类（react的模块基本都是输出类）content.js 用 export default 输出数据//content...
2019-04-09 21:40:26
1932
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人