前端知识
文章平均质量分 50
wine1995
这个作者很懒,什么都没留下…
展开
-
web前端基础知识
HTML&CSS对web标准的理解web标准是对web的结构,表现,行为的规范。标签小写,标签闭合,不乱嵌套。使用外css和js脚本,提高渲染速度尽量避免使用行内样式,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版。标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助。浏览器内核差异Trident内核(window)IE原创 2017-10-29 07:50:59 · 288 阅读 · 0 评论 -
2017/11/23
浏览器打开一个新窗口时target的值: _blank 在新窗口打开链接 _self 在当前框架中打开链接 _parent 在父框架打开链接 _top 在当前窗口打开链接JavaScript内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。bootsrap3栅格化布局.col-xs- 超小屏幕 手机 <7原创 2017-11-24 17:31:12 · 134 阅读 · 0 评论 -
h5考前复习
HTML 5 ≈ HTML+CSS 3+Javascript+APIh5和h4的区别 1、DOCTYPE声明 HTML4的声明: HTML5的声明: 2、指定字符编码 HTML4: HTML5: ,两种方法都有效多媒体API h5支持的文件类型 标记定义一个视频 标记定义音频内容 标记定义媒体资源 您的浏览器暂不支持video标签。播放视频 HTML5原创 2017-12-03 17:16:54 · 592 阅读 · 0 评论 -
2017/12/13
了解navigator对象吗? navigator对象可以用来查看浏览器的相关信息。 http://www.w3school.com.cn/jsref/dom_obj_navigator.asplink和@import引入CSS的区别? link会在页面加载的同时加载,@import会在页面加载完之后加载,@import是css2中引入的,所有它有一些兼容性问题。zai IE5及以下不兼容。原创 2017-12-13 20:32:22 · 182 阅读 · 0 评论 -
es6基础篇
node.js对ES6的支持度较高,在这个环境下可以更好的体验 Babel转码器 参考最喜欢的作者阮一峰写的ES6入门let和const命令 1. let命令只在所在的代码块内有效 2. 不存在变量提升,使用一定要在声明之后 3. 暂时性死区 如果区块内存在const或者let这个区块对命令声明的变量形成封闭作用域,不受作用域之外的变量影响 var temp = “123”;原创 2017-11-26 19:23:26 · 193 阅读 · 0 评论 -
2017/11/26
今天群里的小伙伴讨论了一个问题 var x = 5; if(x += 1 && x++) console.log(x)//10 反正我开始看到这个是一脸懵逼的 这个问题涉及到了一个基本上都会被忽略掉的操作符优先级问题和一些js中的操作符问题 首先,运算符优先级 ! > 算术运算符 > 关系运算符 > && > || > 赋值运算符 接下来,系统的回顾一下js操作符吧 + 会将原创 2017-11-26 22:56:15 · 163 阅读 · 0 评论 -
js基础知识总结
作为梳理的目录~js基础 原型链; 闭包; 类和继承(es5实现方法 + es6实现方法); let、const、var; promise; 异步处理方法; 写一个方法遍历所有文档树所有节点(考察递归); cookie和webstorege; jsonp和跨域; sort排序相关(注意ascll这个坑) 数组和对象的深浅拷贝; String + Array的一些基本操作;原创 2017-12-23 10:42:13 · 200 阅读 · 0 评论 -
css预处理器之sass
之前预处理器入门学的是less,但是最近听已经入职的同族小伙伴讲公司都用的sass,那就再来充个电,技多不压身哈哈 先前写的初学lessSass十分钟入门系列变量 和在less中一样,sass也引入了变量,定义变量的格式为 $变量名:设置值;使用时就直接作为一个属性值。而在less中格式为 @变量名:设置值。嵌套 在less中也有同样的用法,一目了然的层级关系,看起来优雅整齐...原创 2018-03-09 10:40:09 · 192 阅读 · 0 评论 -
18/05/04日常总结整理
gulp自动化打包工具的安装与使用 https://blog.csdn.net/yangxiayuan/article/details/54172991今日份的踩坑: rgba和opacity还是有很大的区别的:比如想要父元素半透明子元素不透明,那么用rgba,在opacity中,不存在父元素透明子元素不透明这一说。综上,rgba比较好用哈哈哈 z-index定义和用法...原创 2018-05-04 18:07:58 · 130 阅读 · 0 评论 -
2017/11/22
apply和call在特定的作用域总调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。 接收参数的方式不同: 对于call(),第一个参数是运行函数的作用域,其余参数都直接传递给函数即传递给函数的参数必须逐个列举出来。 对于apply(),第一个参数是 运行函数的作用域 ,另一个参数是参数数组,可以是Array实例或arguments对象。$.post(url)是aja原创 2017-11-22 22:55:47 · 215 阅读 · 0 评论 -
2017/11/21
link引用CSS时,在页面载入时同时加载(按请求顺序加载);@import需要页面网页完全载入以后加载。link是XHTML标签,除了加载CSS外,还可以定义其他事务;@import属于CSS范畴,只能加载CSS也只能在css代码里面使用。link支持使用Javascript控制DOM去改变样式;而@import不支持。因为link也属于DOM元素,而@import是css样式表中支持的东东原创 2017-11-21 22:46:58 · 163 阅读 · 0 评论 -
前端安全性问题
今天不知道怎么突然想起来前端的安全性问题,之前遇到过这样的笔试题,了解过,但是感觉没明白,又忘记了,所以今天来做一个总结。 SQL注入:通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。 防护措施:前端页面要校验用户的输入数据,后端不要使用动态SQL语句,不要直接存放机密数据。(严格说,sql注入属于后端的安全问题)XXS跨站脚本分析:原创 2017-12-10 21:55:30 · 1529 阅读 · 0 评论 -
2017/11/20
当margin-top、padding-top的值是百分比时,分别是如何计算的? “百分数是相对于父元素的width计算的,所以如果父元素的width以某种方式发生变化,百分数也会变化”。白屏时间first paint 和可交互时间dom ready的关系是先白屏时间再可交互时间。浏览器渲染的时候,不必等所有DOM解析完再与CSSOM一起创建Render Tree,而是边解析边渲染,即解析完一部原创 2017-11-20 21:46:17 · 209 阅读 · 0 评论 -
2017/12/8(入门阶段的知识点)
哒哒哒~~ 都是基础 以前都总结过,做个备忘的目录吧~可以对应着看查漏补缺、 1. gitgithubMarkdown命令行编辑器语义化 使文档结构清晰,用户体验更好,利于SEO,方便其他设备解析,便于团队的开发和维护标签使用form表单切图选择器 选择器 伪类选择器 各种选择器常见样式 https://www.cnblogs.com/xihulangzi/article原创 2017-12-08 20:09:50 · 139 阅读 · 0 评论 -
vue.js踩过的坑
严格检查严格检查还是去掉的好,个人认为。 取消严格检查: 在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销: { test: /.(js|vue)$/, loader: ‘eslint-loader’, enforce: ‘pre’, include: [resolve(‘src’), resolve原创 2017-10-28 11:45:58 · 426 阅读 · 0 评论 -
vue.js入门笔记 记录
vue.js入门模板语法文本 {{}}HTML v-html属性 v-bind 实例判断 class值,如果为 true 使用 class类的样式,否则不使用该类:表达式指令 v-参数 在指令后用冒号指明修饰符 用户输入 input框可以用v-model指令实现双向数据绑定过滤器 接收表达式的值作为第一个参数循环语句v-for=”site in sites”v-for=”v原创 2017-10-26 09:09:09 · 234 阅读 · 0 评论 -
request和response响应头
Request HeadersAccept:告诉服务器,客户机支持的数据类型Accept-Encoding:告诉服务器,客户机支持的数据压缩格式Cache-Control:缓存控制,服务器通过控制浏览器要不要缓存数据Connection:处理完这次请求,是断开连接还是保持连接Cookie:客户机通过这个可以向服务器带数据Host:访问的主机名转载 2017-08-17 10:48:56 · 250 阅读 · 0 评论 -
HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些
(1)行内元素a - 锚点* abbr - 缩写* acronym - 首字* b - 粗体 ( 不推荐 )* bdo - bidi override* big - 大字体* br - 换行* cite - 引用* code - 计算机代码 ( 在引用源码的时候需要 )* dfn - 定义字段* em - 强调原创 2017-08-11 20:19:15 · 10228 阅读 · 0 评论 -
sessionStorage 、localStorage 和 cookie 之间的区别
sessionStorage 、localStorage 和 cookie 之间的区别 共同点:都是保存在浏览器端,且同源的。 区别: 1:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制co转载 2017-08-11 16:11:16 · 251 阅读 · 0 评论 -
写论文过程中的意外收获--sticky footer布局
因为最近刚接触移动APP端的页面,这周在公司就纠结页面底部在内容不够多时无法用position定位在视窗底部的问题,纠结了几天,结果周六写毕业论文,意外的发现了CSS sticky footer布局。 CSS揭秘中关于对sticky footer的讲解...转载 2018-05-07 11:10:26 · 166 阅读 · 0 评论