文章库ARTICLE COLUMN

  • sass简单总结(1)

    sass简单总结(1)

    摘要:最近在看,做了一下最近的总结嵌套选择器,属性区别联合声明无参数适用和拷贝有参数适用。也请各位前辈多多补充修正。 最近在看sass,做了一下最近的总结 1、嵌套(选择器,属性) 2、区别:@extend(联合声明--无参数适用)和@mixin(拷贝--有参数适...

    xiongzenghuixiongzenghui 评论0 收藏0
  • 关于页面优化

    关于页面优化

    摘要:作为一名前端工程师,能做的优化有哪一些呢主要包括两方面页面性能与代码可维护性。 作为一名前端工程师,能做的优化有哪一些呢?主要包括两方面:页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id(利用...

    luckywluckyw 评论0 收藏0
  • React事件

    React事件

    摘要:在中使用原生事件在中使用原生事件级事件和。的合成事件实现中,仅仅对最外层容器进行绑定,并且依赖事件冒泡完成事件委派,避免了事件捕获的浏览器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件,React底层对合成事...

    CciradihCciradih 评论0 收藏0
  • 前端开源项目周报0221

    前端开源项目周报0221

    摘要:由出品的前端开源项目周报第九期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第九期来啦。我们的前端开源周报集合了OpenDigg一周来新收录...

    leanoteleanote 评论0 收藏0
  • Bootstrap清除浮动的实现原理

    Bootstrap清除浮动的实现原理

    摘要:当中包含属性时,如果没有包含空格,会造成清除浮动元素的顶部底部有一个空白设置也可以解决这个问题。这样做,其一是为了和其他清除浮动的方式的效果保持一致其二,是为了与下设置后的效果一致即阻止合并的效果。 Boostrap清除浮动的css如下: .clear...

    刘德刚刘德刚 评论0 收藏0
  • 怎样才能在WEB前端、HTML5开发的路上,越走越远,越笑越好?!

    怎样才能在WEB前端、HTML5开发的路上,越走越远,越笑越好?!

    摘要:学堂码匠在北上广等大城市工作,高强度的工作节奏让每个人在工作日都处于一种紧张的状态。但是,这个可量化的标准却受着各个潜在因素的影响。投资自己,不要太在乎钱提升视野的方式有很多,最重要的一点在于自己主动动脑思考,去想的越多,收获也就会越...

    imtianximtianx 评论0 收藏0
  • HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器

    HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器

    摘要:高仿低配网页版网易云音乐播放器前言没有使用任何框架,只是想用最简单纯的代码实现下前台后台是参考网上的例子写的,代码是在的基础上重新写的还有她的姊妹篇网易云音乐移动端,请查看这里写在前头的话鄙人野生前端一只,专业,自学前端已经一年多了 ...

    seansean 评论0 收藏0
  • 前端知识点总结---面试专用

    前端知识点总结---面试专用

    摘要:加上等于在页面完全载入后再执行,相当于文档载入后即执行,不用等包括图片在内的资源下载完毕。对于请求,表示请求还没有被处理,客户端应该向里的重新发起请求。 1.关于基础css html js部分 1.1基本算法 1)快速排序 时间复杂度 nlogn function quic...

    sf190404sf190404 评论0 收藏0
  • CSS Sticky Footer

    CSS Sticky Footer

    摘要:这样下来我们就可以测试代码了,然后发现如果内容多到一定程度之后小叉虽然被挤出屏幕外了,但是却挡在了文字前面,所以我们这里在里面的内容器加上了一个这样文字就不会再被挡住了。 最近碰巧再看网上那一套火的不得了的高仿饿了么的视频,正巧看到一...

    wemallwemall 评论0 收藏0
  • JS简易留言板

    JS简易留言板

    摘要:简易留言板留言区域显示留言区域提交今天简单的写了个的留言板,现在开始讲解代码等到文本加载完成后再加载代码获取为的节点赋值给获取为的节点赋值给点击执行代码块里面的代码获取为节点的值赋值给把添加到节点里面 简易留言...

    silenceboysilenceboy 评论0 收藏0
  • ajax学习笔记

    ajax学习笔记

    摘要:对象是的基础使用它的和方法将请求发送到服务器或,请求的类型文件在服务器上的位置为异步,为同步将数据发送给服务器,仅用于方法当设为时,即为异步时,规定响应处于事件中的就绪函数的三个重要属性每次发生改变时就会调用这个函数存储着的状态,从到...

    lanffylanffy 评论0 收藏0
  • 一个自制的2048小游戏(2)

    一个自制的2048小游戏(2)

    摘要:所以我们在全局写一个键盘的事件监听函数。一个是移动后应该立马检测游戏有没有结束,如果四个方向都不能移动的话,游戏就应该了。 先声明哈:我做的这个也是跟着被人学习的,写文章是为了复习思路,还有巩固一下。总而言之呢,就是为了多理解思路,多...

    zhangqhzhangqh 评论0 收藏0
  • 通过动图形象地为你介绍 Flexbox 是如何工作的(二)

    通过动图形象地为你介绍 Flexbox 是如何工作的(二)

    摘要:解释器的利弊解释器启动和执行的更快。正是因为这个原因,解释器看起来更加适合。这就是为什么最开始的浏览器都是用解释器的原因。可是当你运行同样的代码一次以上的时候,解释器的弊处就显现出来了。起初,监视器监视着所有通过解释器的代码。 作者:...

    ShonimShonim 评论0 收藏0
  • 一个自制的2048小游戏(一)

    一个自制的2048小游戏(一)

    摘要:导语本次将会从头到尾讲一个游戏的制作过程,中间也会穿插自己的理解一项目结构除了和文件外,分了,以及引入。我们将两个方法写在中是格子之间的距离,是一个小格子的宽度定位完成后我们进行的是数组的初始化,初始化为一个的二维数组,值为。 导语 ...

    lentruelentrue 评论0 收藏0
  • 多余文字省略解决方案

    多余文字省略解决方案

    摘要:本文将讨论单行和多行文字省略的方案,特别是多行文字的省略,不像单行省略的解决方案那么简单全面,故本文重点讨论多行文字的方案。则不显示超出容器的文字内容,若无此属性,文字会显示超过容器而不省略。总结本文介绍的多余文字省略方案,都是较为常...

    joy968joy968 评论0 收藏0
  • 关于圣杯布局和双飞翼布局

    关于圣杯布局和双飞翼布局

    摘要:圣杯布局左宽度为右边宽度为效果如图双飞翼布局效果如图两种布局的区别这两种布局实现的都是两边固定宽度,中间自适应,中间栏放在最前面优先渲染。不同的是,双飞翼布局多创建一个包裹的,去掉了相对定位,相对少写一些。 圣杯布局html: center...

    dantezhaodantezhao 评论0 收藏0
  • 不定元素宽高用css实现内容水平和垂直都居中

    不定元素宽高用css实现内容水平和垂直都居中

    摘要:在开发中经常遇到这个问题,即让某个元素的内容在水平和垂直方向上都居中,内容不仅限于文字,可能是图片或其他元素。这篇文章就来总结一下都有哪些方法可以实现水平和垂直都居中。表示这些元素将相对于本容器水平居中,也是同样的道理垂直居中。 在开...

    ChaoChao 评论0 收藏0
  • 规范开发工具

    规范开发工具

    编辑器 phpstrom sublime text3 APICloudSnippets Alignment AutoFileName Bootstrap 4 Autocomplete BracketHighlighter CSS Snippets CSS3 DocBlockr Emmet Git HTML Snippets HTML5 HTMLBeautify JS Snippets Jav...

    LeoHsiunLeoHsiun 评论0 收藏0
  • 机械转行前端,半年零基础自学的心路历程

    机械转行前端,半年零基础自学的心路历程

    摘要:受上海杰克大大委托,于今晚分享一下本人的自学历程主题机械转行前端,半年零基础自学的心路历程。所以我就这半年个人自学修行以来的一些感触和心得方面进行分享。背景介绍内容前工作状况机械离职经历心态转变目标确定大家好,我是,一枚前端萌新。 机...

    baihebaihe 评论0 收藏0
  • 锚点偏移

    锚点偏移

    摘要:参照的做法,在主体内容前加一个暗锚主体内容将锚点进行偏移,并隐藏占位偏移值也可以这样,使用去调整值主要修复评论定位不准确主要修复评论定位不准确可能会让第二条评论向下偏移,但是把回复按钮给遮挡了导致回复按钮点击不了。 参照 stackoverflow...

    kelvinleekelvinlee 评论0 收藏0
  • 谷歌浏览器: Snippets小程序哪家强?

    谷歌浏览器: Snippets小程序哪家强?

    摘要:是可以在的源面板中创建和执行的小脚本。通过在和属性的末尾添加来覆盖所有链接和可选脚本标记。默认情况下,不执行处理脚本,应将变量更改为以运行这些脚本。在一个不错的表中显示所有表单元素及其值和类型。使用和分组来组织信息。 Snippets是可以在...

    tianren124tianren124 评论0 收藏0
  • 图片 + 未知宽高 + 垂直居中

    图片 + 未知宽高 + 垂直居中

    摘要:图片未知宽高垂直居中第一种条件容器宽高受图片默认宽高影响结构代码关键点使得容器即的宽度和高度随图片大小改变使得图片在容器内部垂直居中和实现起来有区别,前者中容器的大小与这个容器内的图片大小有关,后者中容器的长度与这个容器 图片 + 未知...

    plokmju88plokmju88 评论0 收藏0
  • 从一道面试题,到“我可能看了假源码”

    从一道面试题,到“我可能看了假源码”

    摘要:返回的绑定函数也能使用操作符创建对象这种行为就像把原函数当成构造器。同时,将第一个参数以外的其他参数,作为提供给原函数的预设参数,这也是基本的颗粒化基础。 今天想谈谈一道前端面试题,我做面试官的时候经常喜欢用它来考察面试者的基础是否扎...

    rockswangrockswang 评论0 收藏0
  • CSS固定定位陷阱

    CSS固定定位陷阱

    摘要:在日常开发中,经常使用固定定位,使得元素相对于屏幕视口定位,常常用在头部侧边抽屉菜单等。但当它的祖级元素的属性有非值时,固定定位不再相对于视口定位,而是相对于该祖级元素定位。这也正是固定定位不符合预期的原因。 在日常开发中,经常使用固...

    khs1994khs1994 评论0 收藏0
  • css实现左侧宽度自适应,右侧固定宽度

    css实现左侧宽度自适应,右侧固定宽度

    摘要:页面布局中经常用会遇到左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应。一般固定宽度是导航栏,自适应宽度的是主体内容显示区。 页面布局中经常用会遇到左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应。总之就是一边固定...

    SunxbSunxb 评论0 收藏0

热门文章

<