文章库ARTICLE COLUMN

  • [面试专题]JS异步之Promise,Generator,Async

    [面试专题]JS异步之Promise,Generator,Async

    摘要:所以,函数的一个重要实际意义就是用来处理异步操作,改写回调函数。表示在这里等待异步操作返回结果,再继续执行。 JS异步之Promise,Generator,Async Promise 解决的问题:回调地狱 Promise规范: promise有三种状态,等待(pending)、已完成(ful...

    xioquaxioqua 评论0 收藏0
  • [面试专题]JS设计模式

    [面试专题]JS设计模式

    摘要:设计模式发布订阅模式这种设计模式可以大大降低程序模块之间的耦合度,便于更加灵活的扩展和维护。代理模式使得代理对象控制具体对象的引用。该模式使一个类的实例化延迟到了子类。 JS设计模式 发布订阅模式: 这种设计模式可以大大降低程序模块之间的...

    李义李义 评论0 收藏0
  • [面试专题]数据结构和算法-JS之魂

    [面试专题]数据结构和算法-JS之魂

    摘要:数据结构和算法之魂标签空格分隔未分类数据结构栈一种遵从先进后出原则的有序集合新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端为栈底。 数据结构和算法-JS之魂 标签(空格分隔): 未分类 数据结构: 栈:一种遵从先进后出 (LIFO) 原则...

    dayday_updayday_up 评论0 收藏0
  • [面试专题]ES6之箭头函数详解

    [面试专题]ES6之箭头函数详解

    摘要:使用或调用由于已经在词法层面完成了绑定,通过或方法调用一个函数时,只是传入了参数而已,对并没有什么影响箭头函数不会在其内部暴露出参数等等,都不会指向箭头函数的,而是指向了箭头函数所在作用域的一个名为的值如果有的话,否则,就是。 ES6之...

    chenjiang3chenjiang3 评论0 收藏0
  • IMWebConf 2017 官网彩蛋解谜

    IMWebConf 2017 官网彩蛋解谜

    摘要:找一个解码的网站,输入这个字符串,得到信息果然仍然切换到标签,查找哈哈,下一关第关这一关仍然是这个套路,不过搜索之后发现怎么没有呢不着急,看看里应该就在下的右边。 前言 IMWebConf 2017 ←这是官网 然后看到了这个:showImg("https://segmen...

    AbnerMingAbnerMing 评论0 收藏0
  • 整理下《前端江湖面试》对自己有益的题目。

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

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

    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

热门文章

<