文章库ARTICLE COLUMN

  • 浏览器性能优化

    浏览器性能优化

    摘要:和类似,但是浏览器关闭则会全部删除,和相同,实际项目中使用较少。启用压缩在服务器端对文件进行压缩,在浏览器端对文件解压缩,可有效减少通信传输的数据量。 1、 减少http请求,合理设置 HTTP缓存 http协议是无状态的应用层协议,意味着每次htt...

    Ryan_LiRyan_Li 评论0 收藏0
  • 《深入理解ES6》笔记—— Promise与异步编程(11)

    《深入理解ES6》笔记—— Promise与异步编程(11)

    摘要:为什么要异步编程我们在写前端代码时,经常会对做事件处理操作,比如点击激活焦点失去焦点等再比如我们用请求数据,使用回调函数获取返回值。这些都属于异步编程。回调有多个状态,当响应成功和失败都有不同的回调函数。 为什么要异步编程 我们在写前...

    YacaToyYacaToy 评论0 收藏0
  • 写网页时拿起就用的小技巧

    写网页时拿起就用的小技巧

    摘要:允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing:允许以特定的方式去定义匹配某个区域的特定元素。 content-box:在规定一...

    rubyshenrubyshen 评论0 收藏0
  • [译]HTML&CSS Lesson2: 了解HTML

    [译]HTML&CSS Lesson2: 了解HTML

    摘要:块状元素可以相互嵌套,并且可以包裹内联元素。内联元素之间可以相互嵌套但是它们不可以包裹块状元素,我们常用讲内联元素用在小块的内容上,比如几句话。 我们初步了解了HTML和CSS,现在让我们深入挖掘HTML并了解哪些元素构成了这种语言。 建设网站前...

    TNFETNFE 评论0 收藏0
  • 前端资源收集整理

    前端资源收集整理

    摘要:工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 Github版本:Front-End Resource Collection 前端相关资源汇总 学习指导 精华文章 We...

    antyiweiantyiwei 评论0 收藏0
  • CSS重置样式

    CSS重置样式

    摘要:没有必要的样式或者是会再次对这个标签写样式的时候,浏览器就会二次渲染,所以也要尽量的减少重置样式。在一批拥有同样的头部脚部的样式中,我会把公共的样式放在重置样式表里。 先来看看各大型网站的重置样式 新浪初始化 html,body,ul,li,ol,dl,dd,d...

    jsbintaskjsbintask 评论0 收藏0
  • background-size:cover  IE8

    background-size:cover IE8

    摘要:滤镜激活,滤镜被禁止。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。指定图片的路径。要注意的是这个路径是指加载滤镜的页面相对于图片的路径而不是文件相对于图片的路径。 因为IE8浏览器这个坑,不支持css3的background-size:cover这...

    gaaragaara 评论0 收藏0
  • DOM操作--你究竟知道多少

    DOM操作--你究竟知道多少

    摘要:分为以下两个阶段处理文档浏览器将和转化成文档对象模型。在计算机内存中表示文档。它把文档内容和其样式结合在一起。浏览器显示的内容。这些节点由他们与其他节点的关系来定义。如何操作由于和转化成了树,要改变的结构,就需要通过来操作。 前言 DOM...

    CoyPanCoyPan 评论0 收藏0
  • 《深入理解ES6》笔记—— JavaScript中的类class(9)

    《深入理解ES6》笔记—— JavaScript中的类class(9)

    摘要:新建一个类该函数返回一个类的实例给函数传入通过立即调用类构造函数可以创建单例。派生类是指继承自其它类的新类。在构造函数中访问之前要调用,负责初始化。在构造函数中使用通常表示当前的构造函数名。 ES5中的近类结构 ES5以及之前的版本,没有类...

    JasonJason 评论0 收藏0
  • JD+XX金融的面试

    JD+XX金融的面试

    摘要:没有真正的去分析过到底有什么区别。使用可以快速地搭建一个完整功能的网站。和不断地执行指定代码直到调用清除定时器对象执行一次指定代码,使用清除定时器对象和都返回定时器对象标识符,用于和调用我回答的是一个是延时,一个是周期性的。 好多记不...

    DevTTLDevTTL 评论0 收藏0
  • 写了一个时间管理的小程序

    写了一个时间管理的小程序

    摘要:但是个人觉得每天在笔记本上记录时间有点麻烦,就写一个简单的小程序来记录自己的时间。项目介绍简要介绍一个时间管理的小程序,适合新手入门学习。 前言 以前看过《把时间当作朋友》这本书,里面有个管理时间的观点个人觉得很有用,就是养成记录自己...

    cyixlqcyixlq 评论0 收藏0
  • 常见面试题之左边固定,右边自适应布局(四种方法:负边距、flex)

    常见面试题之左边固定,右边自适应布局(四种方法:负边距、flex)

    摘要:这个布局是最简单的布局之一,但是网络上大多是,而没有认真解释以及用新的特性实现。 这个布局是最简单的布局之一,但是网络上大多是copy,而没有认真解释以及用新的特性实现。下面就做一个新的概括. 要求: 左边固定100px, 右边自适应 左position:ab...

    hot_pot_Leohot_pot_Leo 评论0 收藏0
  • 小程序练习,仿bilibili小程序

    小程序练习,仿bilibili小程序

    摘要:微信小程序学习仿哔哩哔哩制作的小程序待完善项目预览图小程序大改变之前就被朋友安利使用小程序,最近接近了小程序,发现了它竟然带来了一场大革命。 微信小程序学习  仿哔哩哔哩制作的小程序(待完善) 项目预览图 showImg("https://segmentfault.c...

    longshengwanglongshengwang 评论0 收藏0
  • 【转】ng-class的用法

    【转】ng-class的用法

    摘要:但是有一点不好的只能够让一个元素拥有两种状态,虽然这么说基本也是满足所需了,我一般都用这个。简单直观对于第二种方式我曾经有疑惑这到底是什么用法这并非的用法,而是的技巧。 原文出处:https://segmentfault.com/a/11... 在开发中我们通常会遇...

    beitabeita 评论0 收藏0
  • cordova-plugin-app-version插件的使用

    cordova-plugin-app-version插件的使用

    摘要:开发项目的时候自动更新工鞥呢,需要获取的版本,可以用来的获取版本号,可以用命令行,或者在配置文件进行配置。但是有一点需要注意的是执行此语句,必须等待元素加载完毕。简单一点就是,若是在传统的中用到,需要配合着使用,或者中相关文章 开发项...

    csRyancsRyan 评论0 收藏0
  • 【转】css样式自动换行(强制换行)

    【转】css样式自动换行(强制换行)

    摘要:原文链接自动换行问题正常字符的换行是比较合理的而连续的数字和英文字符常常将容器撑大挺让人头疼下面介绍的是如何实现换行的方法对于等块级元素正常文字的换行亚洲文字和非亚洲文字元素拥有默认的当定义的宽度之后自动换行正常文字的换行亚洲文字和非...

    时飞时飞 评论0 收藏0
  • [译]HTML&CSS Lesson1: 构建第一张页面

    [译]HTML&CSS Lesson1: 构建第一张页面

    摘要:元素是使用小于号和大于号包裹元素名来标示。一个结束标签表示元素的结束它由小于号元素名组成例如。和嵌套在内,它们页面中都是可视的。使用选择器类型选择器类型选择器也叫作元素选择器根据元素类型选择元素。 可以的话,请想象一下互联网没有发明之...

    X_AirDuX_AirDu 评论0 收藏0
  • H5活动全屏滚动页面在安卓智能电视TV调试

    H5活动全屏滚动页面在安卓智能电视TV调试

    摘要:前段时间公司做一个线上活动,在电视上商品促销。文件滚动第一屏滚动最后一屏滚动上下滚动键启动第一屏滚动最后一屏滚动样式侧边栏倒计时下拉箭头最终效果 前段时间公司做一个线上活动,在电视上商品促销。产品的要求是每个商品介绍刚好满一屏,按下遥...

    JerryCJerryC 评论0 收藏0
  • 深入理解CSS外边距折叠(Margin Collapse)

    深入理解CSS外边距折叠(Margin Collapse)

    摘要:我们可以注意定义中的几个关键字毗邻两个或多个垂直方向和普通流。如何避免外边距叠加上面讲了外边距的叠加,那如何避免呢,其实只要破坏上面讲到的四个条件中的任何一个即可毗邻两个或多个普通流和垂直方向。 外边距叠加一直是前端开发必须了解的一个...

    zhonghanwenzhonghanwen 评论0 收藏0
  • 移动端软键盘弹出时文本输入框下沉、获取焦点并弹出软键盘

    移动端软键盘弹出时文本输入框下沉、获取焦点并弹出软键盘

    摘要:文本输入框容易下沉因为软键盘弹出时是一个动画方法利用滚动条,弹出软键盘的时候让滚动条滚动到最底部。效果点击按钮弹出输入框获取焦点并弹出软键盘类似微信朋友圈空间。 ## 文本输入框容易下沉因为软键盘弹出时是一个动画 ## //方法:利用滚动条,...

    DoyleDoyle 评论0 收藏0
  • 抛砖引玉css系列---根据父元素包含的子元素个数,实现不同的样式

    抛砖引玉css系列---根据父元素包含的子元素个数,实现不同的样式

    摘要:工作时遇到这样一个问题根据某元素所包含的子元素个数,分别设置不同的样式,这个用可以解决,不过个人认为用解决可能更简单一点。 工作时遇到这样一个问题:根据某元素所包含的子元素个数,分别设置不同的样式,这个用js可以解决,不过个人认为用css解...

    junfeng777junfeng777 评论0 收藏0
  • nth-last-child()和nth-last-of-type()的用法和区别

    nth-last-child()和nth-last-of-type()的用法和区别

    摘要:终于搞明白和的区别了的父元素下的元素且元素是倒数第二个子元素的父元素下的倒数第二个元素细细品味,和还是有和的区别的。若是改变了和最后一个的位置,就会发现不起作用了,因为的倒数第二个元素不是。 终于搞明白nth-last-child()和nth-last-of-ty...

    leap_frogleap_frog 评论0 收藏0
  • 创建前端平移动画为何 translate() 优于 top/right/bottom/left

    创建前端平移动画为何 translate() 优于 top/right/bottom/left

    摘要:许多层还会因为过大与许多内容重叠而导致过度绘制的情况发生,从而增加栅格化的时间。关于这一点,在中也有所体现。 前言 研究这个问题的起因,源于我在阅读作曲家与听众这篇文章时,看到的这样一句话。 例如,我对很多开发者(不管新手还是老手)仍然...

    morganmorgan 评论0 收藏0
  • React结合webpack的具体使用

    React结合webpack的具体使用

    摘要:结合的具体使用我们一般是使用进行安装的,这里我为大家推荐一款淘宝出的,这个和差不多,但是比安装的要快很多安装命令搭建环境初始化一个文件安装全局安装局部安装安装来把格式的代码编译成安装来转译代码安装转移的插件, React结合webpack的具体使...

    LeexMullerLeexMuller 评论0 收藏0
  • CSS入门指南-3:定位元素

    CSS入门指南-3:定位元素

    摘要:静态定位下,每个元素在处在常规文档流中,它们都是块级元素,所以会在页面中自上而下地堆叠。这说明绝对定位的元素脱离了常规文档流,它现在是相对于顶级元素在定位。事实上,一个相对定位元素同时设置了和位移属性值,实际上优先级高于。 这是《CSS...

    paulqueipaulquei 评论0 收藏0

热门文章

<