![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 66
廿四桥明月夜
前端
展开
-
html
html语义化:根据html标签能直接推断出内容是什么(标题、导航、段落等)原创 2017-09-25 16:44:09 · 178 阅读 · 0 评论 -
HTML标签简写及全称大全
HTML标签简写及全称大全常用HTML标签的英文全称及简单描述HTML标签英文全称中文释义aAnchor锚abbrAbbreviation缩写词acronymAcronym取首字母的缩写词address转载 2017-09-18 16:26:05 · 2864 阅读 · 0 评论 -
照着写了一个在线购物网站产品展示的页面
在线购物网站产品展示效果 康绮墨丽珍气洗发护发五件套 葡萄籽咀嚼片800mgX90片三盒特惠礼包 静佳薰衣草茶树精油祛痘消印专家推荐五件套 雅诗兰黛即时修复礼盒四件套原创 2017-09-18 20:39:16 · 1636 阅读 · 0 评论 -
《怎样阅读一本书》的笔记
作为一个程序员,需要阅读大量的技术书籍。但是这些书籍包含了大量的冗余信息,所以我们需要掌握快速阅读书籍、获得重要信息的读书方法。这篇文章就记录一些读书体会。原创 2017-09-19 14:47:36 · 353 阅读 · 0 评论 -
区别:DOM Core 与 HTML-DOM
区别:DOM Core 与 HTML-DOM 今天在看JS DOM编程艺术的时候看到 DOM Core 和 HTML-DOM这2个名词,遂上网查询了下,帮助记录和理解; DOM(文档对象模型)是由W3C制定的一套访问和操作XML(eXtensible Markup Language)文档的标准,即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作X转载 2017-09-29 09:47:41 · 355 阅读 · 0 评论 -
牛客网题目知识点收集
记录从牛客网收集到的前端知识点,留待以后总结、查询。1.span标签是无法设置宽高的;2.float会把浮动元素变成块级元素;3.绝对定位脱离了文档流原创 2017-10-08 13:30:01 · 219 阅读 · 0 评论 -
CSS 选择器权重计算规则
CSS 选择器权重计算规则 其实,CSS有自己的优先级计算公式,而不仅仅是行间>内部>外部样式;ID>class>元素。一、样式类型 1、行间我的行间CSS样式。 2、内联 h1{font-size:12px; color:#000; } 3、外部转载 2017-09-27 14:57:51 · 252 阅读 · 0 评论 -
Javascript 里的 in
写js的时候需要遍历一个对象的属性,把属性名和属性值都提出来,之前没遇到这种需求,查了一下可以用for in的方式.1234567891011121314151617var obj = { "key转载 2017-10-07 11:22:08 · 362 阅读 · 0 评论 -
深入理解css中的margin属性
深入理解css中的margin属性 之前我一直认为margin属性是一个非常简单的属性,但是最近做项目时遇到了一些问题,才发现margin属性还是有一些“坑”的,下面我会介绍margin的基本知识以及那些“坑”。这篇博文主要分为以下几个部分:margin--基础知识margin--在同级元素(非父子关系)之间应用margin--在父元素和子元素之间应用(重点)margin--ma转载 2017-10-09 16:55:49 · 705 阅读 · 0 评论 -
写给前端应届生的职业规划建议
林洋,YMFE 资深前端工程师,负责去哪儿网 Hybrid(Hy)、React Native(QRN)等移动端方案架构、开发和推进,负责一系列基于 Node 的开源平台(YIcon、YApi 等)、开发工具(小程序构建工具、YDoc、YKit 等)的管理维护工作。专注于移动前端,着眼于工程流程化。【前言】 近一年多的时间,笔者在公司中担任过应届生导师、实习生导师、应届生项目导师等一转载 2017-10-10 08:16:19 · 38361 阅读 · 3 评论 -
清除浮动的四种方式及其原理理解
清除浮动的四种方式及其原理理解本文介绍了四种清除浮动的方法,并尝试解释其原理。在理解了各种清除浮动的原理之后,你会发现,很多清除浮动的方法本质上其实是一样的。掌握这些原理,相信你可以根据场景和需求,灵活运用原则发展出不同的清除浮动的方法,而不再死记或拘泥于文中提到的方法。一、为什么要清除浮动在讲清除浮动的方法之前,我们先来了解一下为什么要清除浮动,清除浮动的目的是什么,即,要解转载 2017-10-19 08:47:46 · 22167 阅读 · 8 评论 -
MVVM模式
MVVMMVVM(Model-View-ViewModel)是在MVC(Model-View-Control)模式之后引出的新的开发模式,他与MVC模式一样用于把视图(界面)和数据进行解耦,不同的是采用ViewModel来完成数据与视图的双向绑定,通过自动化的方式承担大部分数据工作,来解决由于界面复杂化和快速迭代带来的问题。它的技术模型如下图所示如上图所示ViewMod转载 2017-10-03 13:28:43 · 574 阅读 · 0 评论 -
Vue.js介绍
Vue.js介绍Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过转载 2017-10-03 14:32:20 · 337 阅读 · 0 评论 -
最深刻而易懂的ES6解构教程
解构是ES6的新特性,用于从JavaScript对象和数组中提取数据,语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量,还能从根本上改变你的编码方式。用的越多,你就会发现越多塑造数据和函数的方式,这些实现方式在过去几乎是不可能的。本文将深入探讨解构赋值,为你介绍该新特性中你所需要知悉的一切。什么是解构?解构与构造数据截然相反。 例如,它不是构造一个新的对象或数组,转载 2017-10-27 11:00:53 · 1624 阅读 · 0 评论 -
Meta http-equiv属性详解(转)
http-equiv 属性可用于模http-equiv 属性可用于模拟一个 HTTP 响应头,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 引用meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中h转载 2017-10-11 10:32:23 · 327 阅读 · 0 评论 -
html的meta总结,html标签中meta属性使用介绍
引子之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。转载 2017-10-11 10:39:47 · 212 阅读 · 0 评论 -
CSS3 transform 属性
CSS3 transform 属性实例旋转 div 元素:div{transform:rotate(7deg); -ms-transform:rotate(7deg);/* IE 9*/ -webkit-transform:rotate(7deg);/* Safari and Chrome*/}尝试一下 »浏览转载 2017-10-11 10:54:50 · 224 阅读 · 0 评论 -
CSS3 Transition
上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们转载 2017-10-11 11:05:51 · 727 阅读 · 0 评论 -
CSS3 Transform
前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用,今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转转载 2017-10-11 11:06:52 · 355 阅读 · 0 评论 -
运算符优先级
运算符优先级JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如,乘法的执行先于加法。下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。运算符描述. [] ()字段访问、数组下标、函数调用以及转载 2017-10-06 14:56:25 · 282 阅读 · 0 评论 -
NodeList,NamedNodeMap和HTMLCollection
DOM是JavaScript重要组成部分,在DOM中有三个特别的集合分别是NodeList(节点的集合),NamedNodeMap(元素属性的集合)和HTMLCollection(html元素的集合)。这三个集合有一些共同的特点:它们都可以通过中括号表达式来访问集合中元素,也有length属性。但它们并不是数组,而且它们都是动态的,会根据页面元素的变化而变化。下面就来介绍一下它们。Node转载 2017-10-06 16:46:11 · 1269 阅读 · 1 评论 -
收集一些有价值的前端知识点
TODO原创 2017-10-12 15:19:29 · 232 阅读 · 0 评论 -
nodejs在windows下的安装配置(使用NVM的方式)
1、去https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip。解压安装,填入适当参数。2、执行nvm install latest安装最新node.js版本转载 2017-10-22 10:45:09 · 243 阅读 · 0 评论 -
Chrome开发者控制台
作为一名前端开发者,Chrome内置的控制台是必须了解的,它拥有非常丰富的特性功能,对我们的开发帮助灰常大!1、元素选择器($)如果你接触过JQuery,那么对$()肯定不陌生,这是元素选择器,用来选择HTML元素,但现在,我们要了解的是控制台中的$()。步骤:(1) 打开百度,按F12打开控制台$转载 2017-10-13 08:32:15 · 346 阅读 · 0 评论 -
vuejs核心概念简析
概述使用vue编写网页是一个让人愉悦的过程,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.快速开始vue最好的方式是阅读官网的文档,这是学习vue最好的途径,没有之一.基本上通读文档即可让你从入门到精通了,下面讨论一下vue的精髓与重点需要理解的部分vue的精髓在于基于数据的状态和组件式编程数据驱动转载 2017-10-13 13:13:41 · 803 阅读 · 0 评论 -
JS的函数参数传递
JS中,所有的函数参数都是按值传递的。“按值传递”指:把实参的值复制一份给形参。JS中,变量保存的是地址。1. 基本类型变量存的是值,复杂类型的变量存的是内存地址。2. 基本类型在赋值的时候拷贝值,复杂类型在赋值的时候只拷贝地址,不拷贝值。附一篇文章:JS里基本类型(值)和复杂类型(引用)有什么区别?短答案:1. 基本原创 2017-10-14 11:22:49 · 319 阅读 · 0 评论 -
我为什么使用 JavaScript Standard Style(JavaScript 标准编码风格),而且你应该使用
让我们看一看 @feross 的 JavaScript 标准风格 ,这是一个流行的 JavaScript 风格指南。它可以帮助你减少团队之间的摩擦,增加程序员的幸福感。这是 一组规则 ,可以使 JavaScript 代码更加一致 ,并且可以防止类似于 tabs缩进 和 空格缩进优缺点这一类无聊的话题讨论。你可以采用多种风格之一,并且与其他 (如 JSLint , JSHint 和 ES转载 2017-10-31 20:39:55 · 1666 阅读 · 0 评论 -
html checkbox多选复选框form控件元素
html checkbox多选复选框form控件元素Html form checkbox多选复选框控件多选具有代表性多项选择checkbox应用案例多选复选框表单控件在网页中比较常见,故名可以选择多项答案。一、html checkbox多选框语法与结构 - TOP使用html input标签,name为自定义,type转载 2017-10-23 21:08:37 · 30329 阅读 · 0 评论 -
浏览器的渲染:过程与原理
内容说明本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解,而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是因为前端优化是一个非常庞大且零散的知识集合,一篇文章如果要写优化的具体方法恐怕只能做一些有限的列举。然而,如果了解清楚浏览器的渲染过程、渲染原理,其实就掌握了指导原则。根据优化原则,可以实现出无数种具体的优化方案,各种预编译、预加载、资源合并、按需加转载 2017-10-15 08:19:34 · 296 阅读 · 0 评论 -
Visual Studio Code 设置同步到github的插件介绍及使用方法(Settings Sync)
插件Settings Sync官方都是英文的,不过还算简单,我把步骤简化一下.1.安装插件并重启VSCODE就不用说了安装VSCODE Settings Sync后重新加载2.重启后按快捷键 alt+shift+u (这里假设你第一次用)它会弹出一个窗口对应的是github上面的创建个人gist的页面,如果未登录请先登录github.github创建gi转载 2017-10-16 09:50:47 · 12405 阅读 · 3 评论 -
关于select标签的value
我们知道在网页开发中只有 input、textarea、select三种类型的标签value属性的值才会提交给服务器。如,input标签有title、type、disabled等属性,但是这些属性都是供显示用的,用户并不能修改。对于input、textarea标签其value中非常明显,input在定义的时候写死了,而textarea标签的value值很好界定(用户写入的即是其va转载 2017-10-24 19:01:06 · 12495 阅读 · 0 评论 -
前端写代码的思路
#不用框架遵循“渐进增强、平稳退化”的规范。1、写html 把页面中所有的内容都使用对应的语义标签标示出来2、写css 用css指定页面布局、元素样式3、写js 用js代码指定交互#用框架TODO原创 2017-10-16 12:03:41 · 1380 阅读 · 1 评论 -
其他
临时存放一些内容,留待分流。回调函数:在某件事情发生后,由“系统”调用的函数。原创 2017-10-12 16:36:58 · 121 阅读 · 0 评论 -
JS预编译对全局变量和命名函数的处理
1. 查找全局变量声明(包括隐式全局变量声明,省略var声明),变量名作全局对象的属性,值为undefined 3. 查找函数声明,函数名作为全局对象的属性,值为函数引用1、全局变量作为全局对象属性,值为undefined2、命名函数函数名作为全局对象属性,值为函数引用原创 2017-10-17 09:56:46 · 339 阅读 · 0 评论 -
常用词汇收集
处理原创 2017-10-08 14:30:15 · 203 阅读 · 0 评论 -
javascript中静态方法、实例方法、内部方法和原型的一点见解
1、静态方法的定义 Js代码 var BaseClass = function() {}; // var BaseClass=new Function(); BaseClass.f1 = function(){//定义静态方法 alert(' This is a static method '); } BaseClass.转载 2017-10-17 10:47:27 · 872 阅读 · 0 评论 -
总结伪类与伪元素
转载自AlloyTeam:http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面总有一两转载 2017-11-02 18:27:33 · 293 阅读 · 0 评论 -
用Margin还是用Padding
用Margin还是用Padding何时应当使用margin:需要在border外侧添加空白时。空白处不需要背景(色)时。上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。何时应当时用padding:需要在border内测添加空白时。空白处需要背景(色)时。上下相连的两个盒子之间的空白,希望等于两者之和转载 2017-11-04 09:49:40 · 393 阅读 · 0 评论 -
用css属性
一、常用css属性(1) *block(区块)行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | normal;词间距 word-spacing: 数值 | inherit | normal;空格 white-space: pre(保留) | nowrap(不换行) | norm转载 2017-11-04 10:21:24 · 209 阅读 · 0 评论 -
移除行块级元素之间的空格(译文)
引言我现在仍然记得作为一个IE6时代的初级开发者拼命的渴望IE拥有display: inline-block;这个属性。当我们想控制间距和填充在inline元素儿不用block and float的时候,inline-block这个属性是及其的有用。然而,使用inline-block的时候有一个问题,视觉上两个元素之间会出现空白。有很多办法移除这些恼人的空白方法 0转载 2017-11-20 10:13:48 · 327 阅读 · 0 评论