文章库ARTICLE COLUMN

  • 输入URL到浏览器显示页面的过程,搜集各方面资料总结一下

    输入URL到浏览器显示页面的过程,搜集各方面资料总结一下

    摘要:通用头部这也是开发人员见过的最多的信息,包括如下请求的服务器地址请求方式请求的返回状态码,如代表成功请求的远程服务器地址会转为譬如,在跨域拒绝时,可能是为,状态码为等当然,实际上可能的组合有很多。 面试中经常会被问到这个问题吧,唉,我...

    BingqiChenBingqiChen 评论0 收藏0
  • 根据浏览器渲染界面原理理解渲染阻塞、浏览器的重绘(repaints)与回流(reflows)

    根据浏览器渲染界面原理理解渲染阻塞、浏览器的重绘(repaints)与回流(reflows)

    摘要:渲染阻塞在浏览器进行加载时,其实是并行加载所有资源。则就叫称为重绘。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。 前面有讲到当用户在浏览...

    ranwuranwu 评论0 收藏0
  • FE.ES-理解ECMA Javascript的this

    FE.ES-理解ECMA Javascript的this

    摘要:捕获所有参数绑定当一个函数用作构造函数时使用关键字,它的被绑定到正在构造的新对象。使用来调用函数,或者说发生构造函数调用时,会自动执行下面的操作你不知道的创建或者说构造一个全新的对象。在箭头函数中,与封闭词法上下文的保持一致。 this ...

    elliott_huelliott_hu 评论0 收藏0
  • vue下实现input实现图片上传,压缩,拼接以及旋转

    vue下实现input实现图片上传,压缩,拼接以及旋转

    摘要:背景作为一名前端工作人员,相信大家在开发系统的时候,经常有遇到需要这么一种需求,就是需要为用户保存上传的图片,很多小白遇到这个问题的时候,都会虎躯一震,以为会是一个棘手的问题,当你读完这篇文章的时候,你会发现都是你瞎操作了,真相就是这...

    ChristmasBoyChristmasBoy 评论0 收藏0
  • Iconfont使用手册

    Iconfont使用手册

    摘要:下载并使用登录,在我的项目中,共有三种形式,这里我一般选择然后点击下载至本地,会得到这样一个文件夹。 Iconfont是阿里巴巴矢量图标库,本文将简单介绍如何快速上手使用Iconfont,自从用上Iconfont后,图片再也不糊了 起因 之前,项目中的logo等图...

    hiYoHoohiYoHoo 评论0 收藏0
  • 浏览器渲染过程

    浏览器渲染过程

    摘要:在这个过程中,中可能会通过去引入其他相应的资源,比如的资源,这个时候浏览器可能就会兵法的向服务器去请求这个相关的静态资源,请求回来后通过解析器对其进行解析,从而生成一个树,去和树进行结合生成一个,进一步的进行一个布局,最终进行绘制。 ...

    cucumbercucumber 评论0 收藏0
  • 面试题CSS盒子模型,左右固定宽度,中间自适应的五种死法

    面试题CSS盒子模型,左右固定宽度,中间自适应的五种死法

    摘要:优点相比之前布局更具有灵活性缺点脱离文档流,下面的元素都受影响。 面试题目 假设高度已知,请写出三栏布局,左右300px,中间自适应 showImg("https://segmentfault.com/img/bVbj39Y?w=1152&h=648");有几种方法呢? 最容易的应该想到利用float来写,...

    leanxileanxi 评论0 收藏0
  • 【每日一包0016】striptags

    【每日一包0016】striptags

    摘要:地址剥去字符串中的标签,和里面的函数一样普通用法用法返回流模式初始化一个流模式,传入用法返回 [github地址:https://github.com/ABCDdouyae...] striptags 剥去字符串中的html标签,和php里面的strip_tags函数一样 普通用法 用法:striptags(html...

    fantixfantix 评论0 收藏0
  • 如何自定义CSS滚动条的样式?

    如何自定义CSS滚动条的样式?

    摘要:需求有的时候我们不想使用浏览器默认的滚动条样式,因为不够定制化和美观。可设置竖直水平方向的滚动条可以设置水平方向的滚动条,不加默认是竖直方向。自定义滚动条样式可自定义的样式比较少,只能控制滚动条各个部分显示的颜色,定制性较低。 欢迎大...

    leonardofedleonardofed 评论0 收藏0
  • 实现一个成熟的底层毛玻璃效果(纯CSS)

    实现一个成熟的底层毛玻璃效果(纯CSS)

    摘要:设置为后,会生效,将从被遮挡状态提起来。另外,对于不同的浏览器内核,的写法会有些许不同。 showImg("https://segmentfault.com/img/bVbj6zV?w=599&h=600"); 写在前面 毛玻璃背景是一个很常见的网页样式,但大量实现方法都把问题复杂化了现提供一个...

    endiatendiat 评论0 收藏0
  • 给零基础的小白从0到1的react-naitve电商app——简单易学!

    给零基础的小白从0到1的react-naitve电商app——简单易学!

    先上链接https://github.com/duf1991/DY...我的第一个react-native学习成果,欢迎各位大佬star和issue!

    mrcodemrcode 评论0 收藏0
  • 关于解决textInput的左图像问题 react native

    关于解决textInput的左图像问题 react native

    摘要:尴尬,哈哈哈,而且也看到只支持安卓。最后解决方法是用一个包裹着左图像和一个输入框,把输入框的设置为透明色,然后效果图的下划线应该是有来绘制。下面贴一下源码视图代码用户名密码样式代码 需要完成的登录界面输入框是这样的 showImg("https://se...

    PinkPink 评论0 收藏0
  • 2018.11.19秋招末第二波前端实习/校招小结

    2018.11.19秋招末第二波前端实习/校招小结

    摘要:背景个人背景就读于东北某普通二本院校计算机软件工程专业,现大四,北京实习前端方向,自学,技术栈时间背景大概是在月日准备好简历开始投递秋招差不多已经结束招聘岗位不多,投递对象为大一些的互联网公司事件背景第一个入职的是好未来的前端实习岗,...

    suxiersuxier 评论0 收藏0
  • svg和css3创建环形渐变进度条

    svg和css3创建环形渐变进度条

    摘要:在负责的项目中,有一个环形渐变读取进度的效果的需求,于是在网上查阅相关资料整理一下。 在负责的项目中,有一个环形渐变读取进度的效果的需求,于是在网上查阅相关资料整理一下。代码如下: Title ...

    rubyshenrubyshen 评论0 收藏0
  • 事件循环机制

    事件循环机制

    摘要:事件触发线程主要负责将准备好的事件交给引擎线程执行。进程浏览器渲染进程浏览器内核,主要负责页面的渲染执行以及事件的循环。第二轮循环结束。 将自己读到的比较好的文章分享出来,大家互相学习,各位大佬有好的文章也可以留个链接互相学习,万分感...

    BlackjunBlackjun 评论0 收藏0
  • 前端秋招面试总结

    前端秋招面试总结

    摘要:前言秋招宣告结束,面试了接近家公司,有幸拿到,感谢这段时间一起找工作面试的朋友和陪伴我的人。一定要提前准备好,不然面试官叫你说遇到的难点,或者直接问问题时可能会懵逼。 前言 秋招宣告结束,面试了接近20家公司,有幸拿到offer,感谢这段时间...

    ScholerScholer 评论0 收藏0
  • 2018 百度web前端面试

    2018 百度web前端面试

    摘要:面试前正式入职一年半左右,实习半年,勉强两年经验吧,然后很惊喜收到了百度的面试邀约,约得两点钟面试,然后本人一点钟就到了,通电话之后,面试官很热情,说正在吃饭吃完饭就去找我,让我去坐着等一会,然后一会来了就直接面试了,点个赞。 面试前...

    lavorlavor 评论0 收藏0
  • 【每日一包0014】to-pascal-case,to-sentence-case,to-snake

    【每日一包0014】to-pascal-case,to-sentence-case,to-snake

    摘要:地址将用其他符号分开的字符串转换为驼峰形式用法返回字符串转换为首字母大写的语句用法返回其他符号分割的字符串以分割用法返回 [github地址:https://github.com/ABCDdouyae...] to-pascal-case 将用其他符号分开的字符串转换为驼峰形式 用法:toPas...

    ztyzzztyzz 评论0 收藏0
  • 小程序rich-text对富文本支持方案

    小程序rich-text对富文本支持方案

    摘要:小程序富文本解析目前小程序使用比较多的富文本方案一个是小程序自带的组件,一个是。使用方法文殊林舍山房由丽江铂尔曼度假酒店余明金老师设计,是丽江古城的网红民宿,年被评为全国家最美民宿,以及年最值得睡的张床。 小程序富文本解析 目前小程序...

    William_SangWilliam_Sang 评论0 收藏0
  • 从零开始学习vue

    从零开始学习vue

    摘要:二起步在学习之前,需要有扎实的基础。三核心实例每个应用都是通过构造函数创建的一个新的实例开始的选项对象在这其中的简称通常都表示实例的变量名。 重要说明:本文会在我有空闲时间时持续更新,相当于是将官网的示例给完全呈现,是为了帮助初学者,...

    flyer_devflyer_dev 评论0 收藏0
  • 纯css修改浏览器scrollbar滚动条样式

    纯css修改浏览器scrollbar滚动条样式

    使用css修改浏览器滚动条样式 showImg("https://segmentfault.com/img/bVbjQ9D"); ::-webkit-scrollbar { width: .5rem; height: .5rem; background: hsla(0, 0%, 100%, 0.6); } ::-webkit-scrollbar-track { ...

    android_candroid_c 评论0 收藏0
  • css3属性transform-origin属性讲解

    css3属性transform-origin属性讲解

    摘要:是里的变换属性,常用的有平移旋转倾斜缩放方法。默认情况下,元素的动作参考点为元素盒子的中心。语法默认值,效果等同于适用于所有块级元素及某些内联元素取值用百分比指定坐标值。该属性提供个参数值。对应的脚本特性为。 transform是CSS3里的变换...

    vibiuvibiu 评论0 收藏0
  • 【每日一包0015】gradient-string

    【每日一包0015】gradient-string

    摘要:地址用于在终端打印出好看的渐变文字普通用法色值写法可以是各种形式彩虹色 [github地址:https://github.com/ABCDdouyae...] gradient-string 用于在终端打印出好看的渐变文字 普通用法 console.log(gradient("cyan", "pink")("Hello world!&q...

    fizzfizz 评论0 收藏0
  • SVG vs Image, SVG vs Iconfont

    SVG vs Image, SVG vs Iconfont

    摘要:结论绿色部分表示比略胜一筹的地方,黄色部分表示有所欠缺的地方,灰绿色表示差不多。兼容性列表可以良好地支持多色及多色变化。以为例说明便捷使用。综上结论选择或许是一个不错地选择去替代的使用方式。 这可能是个别人写过很多次的话题,但貌似由于...

    kelkel 评论0 收藏0
  • 数据可视化之clay:设计思想和建立初衷

    数据可视化之clay:设计思想和建立初衷

    摘要:然而,的设计思想和他们不同,是包容而非竞争。建立目的首先,本项目是为了端数据可视化而建立的,如果用更通俗的话说,就是为了方便使用绘制各种和图形来反映统计的数据,并且绘制的图形是可交互的。 作者:心叶时间:2018-05-01 19:28 clay项目Githu...

    XFLYXFLY 评论0 收藏0

热门文章

<