文章库ARTICLE COLUMN

  • 整理下《前端江湖面试》对自己有益的题目。

    整理下《前端江湖面试》对自己有益的题目。

    摘要:面试题目汇总前言近期在找工作,也在读前端面试江湖这本书,书中整理了很多基础的面试题目,在书中也发现了一些错误。好记性不如烂笔头,于是整理下对自己有益的题目,都是一些较为基础的题目后期还会更新。,返回一个数组,成员为匹配的字符串。 面试...

    Terry_TaiTerry_Tai 评论0 收藏0
  • 这些Zepto中实用的方法集

    这些Zepto中实用的方法集

    摘要:对象字面量形式通过构造函数创建中是如何判断的呢判断是否为纯粹的对象,必须满足首先必须是对象不是对象并且原型要和的原型相等方法返回指定对象的原型即内部属性的值如果没有继承属性,则返回。 前言 时间过得可真快,转眼间2017年已去大半有余,你...

    MingjunYangMingjunYang 评论0 收藏0
  • 史上前端面试最全问答(附答案)

    史上前端面试最全问答(附答案)

    摘要:第四步本地服务器再向上一步返回的域名服务器发送请求,然后接受请求的服务器查询自己的缓存,如果没有该纪录,则返回相关的下级的域名服务器的地址。第六步本地域名服务器把返回的结果保存到缓存,以备下一次使用,同时还将结果返回给客户机。 史上前...

    eternalshalloweternalshallow 评论0 收藏0
  • 怎样实现完美两端对齐/齐头尾功能——hyphenjs

    怎样实现完美两端对齐/齐头尾功能——hyphenjs

    摘要:在日常工作需求中,设计师丢给你一个,发现里面的文本是两端对齐的,然后发现实际开发中,两端对齐这种操作根本是不行的,它会拉开单词空格的距离,十分难看。那么怎么解决呢控制字间距啊祭出这个神器听说报纸排版也是微调字间距实现豆腐块式的排版的。...

    wangtdgoodluckwangtdgoodluck 评论0 收藏0
  • 要准确裁剪背景图片先要准确渲染,background-origin与background-clip

    要准确裁剪背景图片先要准确渲染,background-origin与background-clip

    摘要:当然背景图片默认的渲染状态是从区域开始渲染的,我们在没有确认渲染的区域时,后期所做的裁剪工作实际上都是对照默认渲染区区域来进行裁剪的。 概念 background-origin: 背景图片从盒子哪里开始渲染background-clip: 背景图片裁剪到盒子哪里 取值 bac...

    cooxercooxer 评论0 收藏0
  • css flex  之 flex-grow | flex-direction

    css flex 之 flex-grow | flex-direction

    摘要:是的一个特性,通过它可以让在某一个区域内的多个元素灵活的布局,对移动端的布局特别有用。跟相关的属性不止一个,而是很多个,而且有些还很复杂。只接受数字的值,且不接受负数。它用在想被布局的元素上面,它表示子元素被分配到的空间,准确地说是比...

    xavierxavier 评论0 收藏0
  • 深入理解ES6之《ES7》

    深入理解ES6之《ES7》

    摘要:指数运算符是可以进行求幂运算的求幂运算符是两个星号求幂运算符的优先级高于其它二元运算符,但是一元运算符的优先级高于求幂运算符求幂运算符左侧的一元运算符只能是或者是语法错误可以这样包裹也可以这样包裹在中可通过方法来检查给定字符串中是 指...

    xeblogxeblog 评论0 收藏0
  • 深入理解ES6之《ES6中较小的改动》

    深入理解ES6之《ES6中较小的改动》

    摘要:识别整数安全整数只能准确的表示的次方到的次方的整数表示整数范围的下限标识符可以将转义序列用作标识符可以使用码位转义序列来作为标识符正式化属性只能在对象字面量中指定一次如果指定两个属性则会抛出错误,这是唯一具有该限制的对象字面量改改可计...

    SimonSimon 评论0 收藏0
  • 深入理解ES6之《用模块封装代码》

    深入理解ES6之《用模块封装代码》

    摘要:导入模块的代码执行后,实例化过的模块被保存在内存中,只要另一个语句引用它就可以重复使用它和的一个重要的限制是它们必须在其它语句和函数之外使用,也就是说不允许出现在语句中,不能有条件导出或以任何方式动态导出。 什么是模块 模块是自动运行...

    AbnerMingAbnerMing 评论0 收藏0
  • css flex => flex-wrap

    css flex => flex-wrap

    摘要:的元素默会默认充满一行或者一列,但是当你给他们的设置了之后情况就会不一样了。可以接受三个值所有的元素充满一行或者一列。 flex的元素默会默认充满一行或者一列,但是当你给他们的contanier设置了flex-wrap之后情况就会不一样了。flex-wrap可以接...

    BWrongBWrong 评论0 收藏0
  • 竖直居中方式总结

    竖直居中方式总结

    摘要:已知有将元素竖直居中于窗口中部绝对定位法对未知高度的元素适用。行排布法作用于非表格内联块元素时,是控制元素本身在当前行的竖直位置。竖直书写模式法如果将书写模式改为竖直,就变为竖直居中。 已知有 html, body { margin: 0; height: 100%;...

    CharlesCharles 评论0 收藏0
  • CSS基础篇--CSS中IE浏览器的hasLayout,IE低版本的bug根源

    CSS基础篇--CSS中IE浏览器的hasLayout,IE低版本的bug根源

    摘要:当一个元素的属性值为时,它负责对自己和可能的子孙元素进行尺寸计算和定位。哪些元素默认有属性在浏览器中下列默认的元素很多情况下,我们把的状态改成就可以解决很大部分下显示的。这儿所示的一般指的是以及以下的浏览器。 什么是hasLayout? hasLay...

    bitkylinbitkylin 评论0 收藏0
  • CSS 属性赋值

    CSS 属性赋值

    摘要:我按自己的理解做了个实验来查看这四个值,其中为了证明是用于继承的,将字体设为奇怪的。一般情况下,分不清最终值是还是,但这个例子中从的就看到这两个值的不同了。参考属性赋值的文档 原文:https://zhictory.github.io/cs... 文档树上的每个元素...

    _ang_ang 评论0 收藏0
  • BFC 的简单理解

    BFC 的简单理解

    BFC 的扩写是 Block formatting contexts (块级格式化上下文),它看不见摸不着但对 CSS 盒模型有影响。 标准里对 BFC 的描述是: Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) .....

    FaremaxFaremax 评论0 收藏0
  • 从segmentfault爬数据到 用koa2,vue全家桶,mongodb开发一个segmentf

    从segmentfault爬数据到 用koa2,vue全家桶,mongodb开发一个segmentf

    摘要:注意网站中用的所有技术可以交流学习不要以线上环境运行,因为源码中没有包含相关文件中的,授权登陆需要自己配置账号密码只有读取权限交流群 前言 线上环境小包总 showImg("https://segmentfault.com/img/bVTvhf?w=1297&h=763"); 技术栈 服务器: no...

    aaronaaron 评论0 收藏0
  • css 3d立方体

    css 3d立方体

    了解一些css3动画知识,3d效果实现。原文连接 状态1 首先创建一个立方体容器元素 .box { position: relative; width: 100px; height: 100px; transform-style: preserve-3d; } transform-style 属性的定义为规定如何在3d空间中呈现被嵌...

    weaponweapon 评论0 收藏0
  • CSS美化上传按钮、checkbox和radio样式

    CSS美化上传按钮、checkbox和radio样式

    摘要:思路美化思路是,先把之前的按钮透明度设置为然后,外层用包裹,就实现了美化功能。上传按钮美化代码如下样式一样式二点击这里上传文件选择文件结果样式一样式二美化代码如下背景图片样式结果美化代码如下背景图片样式结果 思路: 美化思路是,先把之...

    gghyoogghyoo 评论0 收藏0
  • CSS 中的行

    CSS 中的行

    摘要:不同的块级元素的行系统各自独立,就算它们有父子关系。再次注意控制的是内联元素在其所在行的行内居中,它只对带有特性的元素起作用,包括内联块元素。其实这个值对于行中的内联块元素同样有效。 哪里说起呢?就从一道老生常谈的前端面试题开始吧。 ...

    lentruelentrue 评论0 收藏0
  • Webpack 最佳实践总结(三)

    Webpack 最佳实践总结(三)

    摘要:这里要介绍的是工作流中的一种很普遍的代码加工流程正常的业务逻辑开发流程需要经过预处理器如或,然后再经过后处理器如进行深加工。 还未看的,可以点击查看上两篇文章哟:Webpack 最佳实践总结(一)、Webpack 最佳实践总结(二) 好了,这篇是第三篇,...

    jerryloveemilyjerryloveemily 评论0 收藏0
  • 几个前端工程师应当掌握的“词语”

    几个前端工程师应当掌握的“词语”

    摘要:学堂码匠各类前端术语知多少有不少前端开发工程师,可能并不清楚下面的部分词语,但是在实战中其实都在使用着它们。 HTML5学堂-码匠:W3C、BFC、FOUC、Hack、GPU、Sprite、UA……各类前端术语知多少? 有不少前端开发工程师,可能并不清楚下面的部分词...

    worldligangworldligang 评论0 收藏0
  • xpath&css选择器

    xpath&css选择器

    摘要:选取所有拥有名为的属性的元素。选取元素的所有元素,且其中的元素的值须大于。且供选择的路径之间并无关联。选择当前节点的所有先辈。文本读取文件读取利用解析选择器转自阮一峰的网络日志基本选择器最基本的就是针对标签,类以及了。 本文参考较多,...

    niceforbearniceforbear 评论0 收藏0
  • 前端程序员需要掌握的几个专业“词语”

    前端程序员需要掌握的几个专业“词语”

    摘要:有不少前端开发工程师,可能并不清楚下面的部分词语,但是在实战中其实都在使用着它们。明确一下这些词语和概念没有什么不好一方面能够让自己能够更专业的谈论知识,另一方面,在面试的时候也能够应对一些爱问前端名词的面试官是的缩写,表示的是万维网...

    muddywaymuddyway 评论0 收藏0
  • 2000! | 看上去如此简单的面试题,让太多“前端”英雄好汉折戟

    2000! | 看上去如此简单的面试题,让太多“前端”英雄好汉折戟

    摘要:学堂码匠求某个数字的阶乘,很难吗看上去这道题异常简单,却不曾想里面暗藏杀机,让不少前端面试的英雄好汉折戟沉沙。更多前端开发面试真题更多面试真题,请移步微信小程序决胜前端 HTML5学堂-码匠:求某个数字的阶乘,很难吗?看上去这道题异常简单,...

    android_candroid_c 评论0 收藏0
  • css三角形绘制方法总结

    css三角形绘制方法总结

    摘要:在做页面重构的时候,免不了和各种小图标打交道,这其中最多的应该是三角形以及箭头,一般情况下可以通过伪类使用解决大部分问题。 在做UI(页面重构)的时候,免不了和各种小图标打交道,这其中最多的应该是三角形以及箭头,一般情况下可以通过伪类使...

    rickchenrickchen 评论0 收藏0
  • 绑定右键事件

    绑定右键事件

    摘要:右键单击鼠标后会出现一个菜单,实现这个功能一事件单击右键触发事件定义和用法绑定该事件移除该事件语法参数描述可选。任意类型传递给事件处理程序的参数对象。类型事件触发时执行的函数。 右键单击鼠标后会出现一个菜单,实现这个功能 一. contextme...

    maxminmaxmin 评论0 收藏0

热门文章

<