08 2017 档案
摘要：什么是组件 组件（Component）是 Vue.js 最强大的功能之一。（好比电脑中的每一个元件（键盘，鼠标，CPU）,它是一个具有独立的逻辑和功能或界面，同时又能根据规定的接口规则进行互相融合，变成一个完整的应用） 页面就是由一个个类似这样的部分组成的，比如：导航、列表、弹窗、下拉菜单等，页面只
阅读全文
摘要：什么是Vuex 专门为vue应用程序开发的状态管理模式，采用集中式存储管理应用的所有组件的状态（数据），以相应的规则保证状态以一种可预测的方式发生改变 Vuex的作用（什么样的情况下使用Vuex） 多个视图依赖于同一个状态（数据），来自不同视图的行为需要变更同一状态 Vuex的流程图和操作结构图 假
阅读全文
摘要：viewport 视口(可视区窗口)设置详解 当我们试图在iPhone中输出屏幕宽度的时候，会发现屏幕宽度是980，居然和pc屏幕宽度差不多大 苹果主导的这些手机厂商，为了使用户获得完整的WEB体验，很多设备都会欺骗浏览器返回一个数值较大的视口，告诉浏览器，别以为我身子小，但是我想以980px宽度显
阅读全文
摘要：图片懒加载（当然不仅限于图片，还可以有视频，flash）也是一种优化前端性能的方式。使用懒加载可以想要看图片时才加载图片，而不是一次性加载所有的图片，从而在一定程度从减少服务端的请求 什么是懒加载 懒加载怎么个懒法，就是你不想看就不给你看，我也懒得加载出来，懒得去请求。通俗的说就是你不要就不给你，怎
阅读全文
摘要：浏览器渲染阻塞与优化 什么是阻塞：在页面中我们通常会引用外部文件，而浏览器在解析HTML页面是从上到下依次解析、渲染，如果<head>中引用了一个a.js文件，而这个文件很大或者有问题，需要2秒加载，那么浏览器会停止渲染页面（此时是白屏显示，就是页面啥都没有），2秒后加载完成才会继续渲染，这个就是阻
阅读全文
摘要：什么是浮动 在我们布局的时用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置 浮动的原理 使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 浮动的生成 使用css属性flo
阅读全文
摘要：需求：经典布局 —— 头尾固定高度中间高度自适应布局 头部固定高度，宽度100%自适应父容器； 底部固定高度，宽度100%自适应父容器； 中间是主体部分，自动填满，浏览器可视区域剩余部分，内容超出则中间部分出现流动条； 整个内容填满浏览器可视区域，并且不超出此区域！ 方法一：position:abs
阅读全文
摘要：什么是CSS盒子模型 W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候，要考虑到内填充，边框，边界的存在） CSS盒子模型的组成 盒子中的内容：content，盒子的边框：border，盒子边框与内容之间的距离：称为填充 padding内边距（内补丁），如果有多个盒子存在，盒
阅读全文
摘要：CSRF是什么 CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：CSRF/XSRF CSRF可以做什么 你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请
阅读全文
摘要：使用Base64格式的图片制作ICON的优势是Base64图片可以减少请求次数；加快首屏数据的显示速度；使用这种方式不会对图片压缩 使用base64工具将图片转成字符串 使用站长工具可以将图片转成字符串，直接将图片上传即可，地址：http://tool.chinaz.com/tools/imgtob
阅读全文
摘要：方法1：使用透明的图片 将父元素的背景颜色透明，然后使用一张带透明的背景图片覆盖整个区块，然后再这个区块中添加的子元素就不会透明 方法2：背景色透明 rgba来代替opacity css3中新增了一种颜色表示方法，就是rgba，前面三个参数表示颜色，第四个参数表示透明度 完全可以用背景色透明 rgb
阅读全文
摘要：方法一：使用css3 transform:translate(-50%; -50%) 思路：子元素绝对定位，距离顶部 50%，左边50%，然后使用css3 transform:translate(-50%; -50%)，第一个值是X轴，第二个值是Y轴，表示位移（详情查看transform总结）优点：
阅读全文
摘要：在使用地理位置API之前先来了解一下什么是经度和纬度以及地理位置获取的原理 首先经度指的是南北极的连接线，纬度指的是东西的连接线 地理位置的获取原理是通过IP地址（基于ISP记录，能够知道这个IP地址属于哪个城市），GPS全球定位系统（如果单单使用这个定位系统是无法精确的获取地理位置的），WIFI无
阅读全文
摘要：在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下 第一步：脚手架生成项目 执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）
阅读全文
摘要：什么是XSS（跨站脚本攻击） XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码或者javascript代码，当用户浏览该页之时，嵌入其中Web里面的html代码或者javascript代码会被执行，从而达到恶意的特殊目的。
阅读全文
摘要：1 Cookie的解释 2 Session的解释 3 Session与Cookie的区别 Cookie的数据保存在客户端浏览器，Session保存在服务器 服务端保存状态机制需要在客户端做标记，所以Session可能借助Cookie机制 Cookie通常用于客户端保存用户的登录状态
阅读全文
摘要：安全与安全圈的认识 中国黑客的发展过程：1990年代初，部分人开始研究黑客技术 1997-1999年，黑客团队涌现，进入黄金时代， 21世纪初，黑客工具傻瓜化，门槛降低，黑客精神不在… 圈内熟知的安全公司： 绿盟、知道创宇、安天、启明星辰、安恒、天融信… 安全公司可以分为两类： 甲方：如腾讯、阿里等
阅读全文
摘要：在开发移动端页面的时候，开发过程中想要使用真实手机实时访问，可以使用本机的ip地址去访问，先查找到本机ip，使用ipconfig命令在命令行查找本机的ip地址 然后在浏览器中使用这个ip地址进行访问 将这个地址copy到手机就可以直接访问，但前提是手机和电脑在同一个局域网
阅读全文
摘要：在前端开发中，一些单色的小图标，可以制作成svg的格式， 然后使用一个叫icoMoon的一个网站，网址：https://icomoon.io/将其制作成icon样式文件 这样可以减少很多图片的请求 点击右上角按钮，进入下面这个页面 点击左上角inport icons按钮，然后选择所有的svg文件 会
阅读全文
