文章库ARTICLE COLUMN

  • 可能遇到假的面试题:不用call和apply方法模拟实现ES5的bind方法

    可能遇到假的面试题:不用call和apply方法模拟实现ES5的bind方法

    摘要:来自朋友去某信用卡管家的做的一道面试题,用原生模拟的方法,不准用和方法。他们的用途相同,都是在特定的作用域中调用函数。不同之处在于,方法传递给调用函数的参数是逐个列出的,而则是要写在数组中。 本文首发我的个人博客:前端小密圈,评论交流...

    李世赞李世赞 评论0 收藏0
  • 前端面试宝典

    前端面试宝典

    摘要:优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合,是结构化数据的开放标准。 一、HTML和CSS 你做的页面在哪些流览器测试过?这...

    ChanceWongChanceWong 评论0 收藏0
  • css3效果: animate实现点点点loading动画效果(一)

    css3效果: animate实现点点点loading动画效果(一)

    摘要:规定动画完成一个周期所花费的秒或毫秒。等同于贝塞尔曲线平滑过渡。等同于贝塞尔曲线由慢到快再到慢。等同于贝塞尔曲线等同于等同于接受两个参数的步进函数。特定的贝塞尔曲线类型,个数值需在区间内规定动画何时开始。 实现如图所示的点点点loading...

    lijy91lijy91 评论0 收藏0
  • 关于css,js放置位置的问题

    关于css,js放置位置的问题

    摘要:一天,小明正在网上查找资料,项目中遇到的问题需要通过查阅资料来解决,他看到一个标题很有意思,觉得这应该是他要找的答案,于是他就点了进去,结果进入网站后几秒钟的时间,网页还是一片空白,过了好久才加载完成。 一天,小明正在网上查找资料,项...

    wayneliwayneli 评论0 收藏0
  • css字体相关样式的处理

    css字体相关样式的处理

    摘要:连字符断行实现文本两端对齐的方式,可以使用,它接收三个值和。效果如下插入换行上面这种格式的实现,看似简单有很让人头疼,这种格式的形式由于和都是块级元素,导致了名字和值都会换行,有一种很好的处理办法字符中代表换行符。 连字符断行 实现文...

    mdluomdluo 评论0 收藏0
  • ? Emoji ? - 收藏集 - 掘金

    ? Emoji ? - 收藏集 - 掘金

    摘要:但是,表情在提交代码的时候也不能乱用,否则官方应用产品掘金掘金温馨提示这篇文章有很多交互效果,经过稀土君测试不适合在移动设备上阅读。您可以收藏后再到掘金的网页版上继续阅读。我偏要在手机上阅读戳一行代码实现前端小应用前端掘金 全套 Emoji...

    niuxiaowei111niuxiaowei111 评论0 收藏0
  • Web 图片性能优化系列一:背景与基础

    Web 图片性能优化系列一:背景与基础

    摘要:比如照片全色矢量图无压缩内容支持全色而且要支持缩放的时候质量不变。 什么是响应式图片 组成网站的资源中,图片往往是网络负载的主要组成部分,占据了大部分负载而且随着时间推移,这个现象仍然会保持。虽然现在的网络连接速度持续改进,但是同样出...

    BearyChatBearyChat 评论0 收藏0
  • 聊一聊BEM设计模式在Vue组件开发中的应用

    聊一聊BEM设计模式在Vue组件开发中的应用

    摘要:聊一聊设计模式在组件开发中的应用回想一下在你的前端生涯中是否遇到过以下问题在写的时候经常会在命名时绞尽脑汁在团队多人开发中出现命名冲突在进行组件化开发时如何规范书写什么是是团队提出的一种的命名方式,通过这种命名方式可以很好地解决上面遇...

    阿罗阿罗 评论0 收藏0
  • 2017 前端面试准备 - 收藏集 - 掘金

    2017 前端面试准备 - 收藏集 - 掘金

    摘要:最近遇到的前端面试题更新版前端掘金个人博客已上线,欢迎前去访问评论无媛无故的个人博客以下内容非本人原创,是整理后觉得更容易理解的版本,欢迎补充。 一道面试题引发的对 javascript 类型转换的思考 - 前端 - 掘金 最近群里有人发了下面这题:实...

    王晗王晗 评论0 收藏0
  • 用css绘制各种形状

    用css绘制各种形状

    摘要:同样的方法可以实现下面这种布局具体代码如下通过把改成或,就可以立即得到左侧倾斜或右侧倾斜的标签页。简单的饼图的绘制思路是把圆形的左右两部分指定为上述两种颜色,然后用伪元素覆盖上去,通过旋转来决定露出多大的扇区。 自适应的椭圆 1.自适应...

    Lionad-MorotarLionad-Morotar 评论0 收藏0
  • 块格式化上下文(Block formatting contexts)

    块格式化上下文(Block formatting contexts)

    摘要:浮动,绝对定位元素,非块盒的块容器例如,,和和不为的块盒当该值已被传播到视口时除外会为它们的内容建立一个新的块格式化上下文布局规则内部盒会在垂直方向一个接一个的放置盒的垂直方向的距离由决定属于同一个的两个相邻盒子的会发生重叠每个元素的...

    jerryjerry 评论0 收藏0
  • 不简单的前端性能优化

    不简单的前端性能优化

    摘要:本文主要介绍关键渲染路径与网络两个方面的性能优化并提供,篇幅较长建议电脑观看。百度统计代码注意,的脚本不会被阻塞,完成后立即执行,但是有可能会阻塞关键渲染路径。 本文主要介绍关键渲染路径与网络两个方面的性能优化并提供demo,篇幅...

    RobinQuRobinQu 评论0 收藏0
  • 如何在没有实际项目经验的情况下找到工作

    如何在没有实际项目经验的情况下找到工作

    摘要:对于许多年轻的计算机或相关专业毕业生,在没有实际项目开发经验的情况下找到第一份全职工作可能是你在职业生涯中遇到的最大的挑战。总结毕业后在没有实际项目开发经验的情况下找到你的第一份工作是一个艰巨的任务。 原文:How to Land a Development ...

    red_bricksred_bricks 评论0 收藏0
  • 如何使用HTML5自定义数据属性

    如何使用HTML5自定义数据属性

    摘要:在之前,你必须使用以下代码来访问数据属性从版本开始,使用驼峰命名法版本的数据属性。 在本文中,我将向你介绍如何使用HTML5自定义数据属性。我还将向你介绍一些开发人员在工作中经常使用的优秀实例。 为什么需要自定义数据属性? 很多时候我们需要...

    UsherChenUsherChen 评论0 收藏0
  • 快速给页面加上炫酷css3动画的chrome插件

    快速给页面加上炫酷css3动画的chrome插件

    摘要:使用从下载应用商店安装地址直接下载文件如果无法访问到的应用商城,可以选择下载文件在中打开页面,将插件拖动到扩展程序面板即可完成安装。 Chrome Plugin Css3 Animation 快速给页面加上炫酷css3动画的chrome插件。 使用 1.从chrome webstore下载 c...

    宋华宋华 评论0 收藏0
  • 移动端web布局方案的知识总结

    移动端web布局方案的知识总结

    摘要:做移动端开发时,我自己了解了种方法,我觉得目前适合我的方法就是用来作单位,配合新的属性来适配屏幕做开发。以上内容为笔者总结的一些移动端开发布局的小知识,笔者知识技能有限,文章若有理解错误的地方还请读者理解并指出,笔者会虚心学习。 做移...

    付永刚付永刚 评论0 收藏0
  • 小程序开发系列之基础部分-基础部分

    小程序开发系列之基础部分-基础部分

    摘要:程序大都是从这个示例开始,学习小程序也不例外学习中只要照猫画虎后面慢慢的就熟悉了。三第一个小程序就生成了。把页头的变成全栈工程师,修改完成之后。 程序大都是从HelloWord 这个示例开始,学习小程序也不例外,学习中只要照猫画虎后面慢慢的...

    YJNldmYJNldm 评论0 收藏0
  • CSS水平居中和垂直居中的若干方法

    CSS水平居中和垂直居中的若干方法

    摘要:居中分为水平居中和垂直居中,水平居中方式也较为常见和统一,垂直居中的方法就千奇百怪了。若把最后一行加上,即可同时实现水平和垂直居中。 博客原文地址:Claiyre的个人博客 https://claiyre.github.io/如需转载,请在文章开头注明原文地址不为繁华...

    hiyayijihiyayiji 评论0 收藏0
  • Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插

    Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插

    摘要:入门系列一如何在中使用和基于的插件在年的月中旬,官方终于正式发布。本篇文章就简单介绍下在中如何使用极其插件。按照插件的使用规则,在对应的中使用插件所需要的结构。 Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插...

    KarrdyKarrdy 评论0 收藏0
  • Angular2入门系列(二)————环境搭建

    Angular2入门系列(二)————环境搭建

    摘要:入门系列二环境搭建安装推荐使用推荐版本,因为相对会稳定。安装步骤就不细说了,直接就行了。安装完成之后可以使用命令查看详细的一些命令。创建完项目之后我们可以使用命令启动项目,也可以不指定和,那就可以使用默认的启动项目。 Angular2入门系列...

    XFLYXFLY 评论0 收藏0
  • 移动端两端对齐 + 图片宽度自适应

    移动端两端对齐 + 图片宽度自适应

    摘要:自适应四宫格有这样一张设计稿,左右两边白色间距为,中间间距为,每一行的两张图是等宽的即平分去掉间距后的宽度有一种方法是和设计师商量,把所有的具体尺寸改为百分比尺寸。。 自适应四宫格 有这样一张设计稿,左右两边白色间距为4px,中间间距为10...

    JerryCJerryC 评论0 收藏0
  • flexbox 伸缩布局

    flexbox 伸缩布局

    摘要:同时定义了伸缩容器的主轴和侧轴。伸缩项目向一行的中间位置靠齐。伸缩项目会平均地分布在行里。伸缩项目的外边距盒在该行的侧轴上居中放置。默认值伸缩项目拉伸填充整个伸缩容器。主要用来决定伸缩容器剩余空间按比例应扩展多少空间。 flexbox 研究 ...

    darcranddarcrand 评论0 收藏0
  • 快速判断浏览器是否支持特定css、js功能

    快速判断浏览器是否支持特定css、js功能

    摘要:,通过进行浏览器功能检测通过可以判断某一功能是否能够被当前浏览器支持,是一个可以插入到你的网页里面的文件,通过调用内部的函数可以完成对当前浏览器的某一功能的检验。我们已经可以通过来判断某一功能能否被当前浏览器所支持。 作为html5开发人...

    jokesterjokester 评论0 收藏0
  • 用vue和node写的简易购物车

    用vue和node写的简易购物车

    摘要:配置完成后运行和命令。另一张表存储的是用户和商品。连接数据库初始化查询商品列表和购物车。商品列表和购物车数据是直出,减少页面请求。 【新增vue中使用pug模板】 在webpack.config.js引入pug的loader,就可以在vue中使用pug模板。 module: { ...

    QiShareQiShare 评论0 收藏0
  • 巧用css实现无js的tab切换

    巧用css实现无js的tab切换

    摘要:切换一直是页面之中主要的结构,最近在写的项目,想到可不可以不用和做控制,实现纯和的切换。页面交换的原理无非是利用标签的属性在显示与否之间的切换。再之后利用的的选择器就可以关联上要切换的页面了。这里直接利用了绝对定位的方法。 tab切换一...

    DevTTLDevTTL 评论0 收藏0

热门文章

<