文章库ARTICLE COLUMN

  • 重学前端学习笔记(一)--前端发展史以及学习痛点

    重学前端学习笔记(一)--前端发展史以及学习痛点

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    davidacdavidac 评论0 收藏0
  • rem两三事

    rem两三事

    摘要:昨天被问到关于的问题,当时一脸懵逼,因为写了两年,基本没怎么碰过,有点迷糊。缺点无缩放,且针对的屏没有做适配,导致对一些手机的适配不是很到位。缺点需要根据设计稿进行基准值换算,在不使用编辑器插件开发时,单位计算复杂。 os:昨天被问到关...

    AlliotAlliot 评论0 收藏0
  • web前端性能优化

    web前端性能优化

    摘要:前言性能优化是每个项目都需要注意的问题,在这里结合项目实际情况较为系统的整理下前端性能优化简单可以概括为以下几点减少需要加载资源的体积按需加载就是每个页面之加载需要的内容,这一点在多页应用中一般都有注意,单页应用可以用的与的异步组件实...

    tomatotomato 评论0 收藏0
  • 基于vue的日历APP

    基于vue的日历APP

    摘要:是一个基于的日历预览地址主要功能内置了添加行程,删除行程日期与行程对应的颜色标志,方便查看对应的行程信息按最近行程排序及恢复以前顺序还有点击月份回归当前等功能项目地址欢迎 calendar calendar是一个基于vue的日历APP 预览地址--https://t...

    ForelaxForelax 评论0 收藏0
  • react16之前的生命周期

    react16之前的生命周期

    摘要:之前后的生命周期初始化阶段设置默认属性,设置属性校验属性检查器,检查父组件传递给当前组件的类型设置组件的初始化状态父组件挂载之前父组件挂载子组件挂载中父组件挂载完成组件被更新完成后触发。 lefecycle-React react16之前后的生命周期 A.初始...

    xiangchaobinxiangchaobin 评论0 收藏0
  • 【winter重学前端笔记13】浏览器:一个浏览器是如何工作的?CSS计算

    【winter重学前端笔记13】浏览器:一个浏览器是如何工作的?CSS计算

    摘要:选择器匹配流程前进一个选择器按照来拆成数段,每当满足一段条件的时候,就前进一段。后退选择器的作用范围,匹配到本标签的结束标签时作用范围边缘回退。 加载css 加载是异步,不会影响DOM树的构建,只是说在CSS没处理好之前,构建好的DOM并不会显...

    ls0609ls0609 评论0 收藏0
  • less常用技巧

    less常用技巧

    摘要:所以在给公司定制组件库的时候我们可以使用这两种方法来给使用者定制主题,当然了,我们设计的时候最好和主流框架的变量名保持一致,使得使用者更好上手。 本文主要是记录自己日常工作中用到过的一些less小技巧 1. 组件库主题定制 一般组件库的样式编...

    whlongwhlong 评论0 收藏0
  • 第二集: 从零开始实现一套pc端vue的ui组件库(icon组件)

    第二集: 从零开始实现一套pc端vue的ui组件库(icon组件)

    摘要:第二集从零开始实现组件本集定位这套组件我本来是先从做的但是我发现每个组件都要用到这个组件如果没有他很多组件没法扩展而且本身不依赖其他组件所以还是先把它作为本篇文章的重点吧组件读过源码的同学都知道他们选择的是字体图标的方式来做组件的而我...

    wua_wua2012wua_wua2012 评论0 收藏0
  • CSS - 实现垂直居中的几种方式

    CSS - 实现垂直居中的几种方式

    摘要:元素为未知宽高的元素和元素为为定宽定高自身包含尺寸的元素的元素绝对定位和负边距绝对定位和原理当一个绝对定位元素,其对立定位方向属性同时有具体定位数值的时候,流体特性,具有流体特性绝对定位元素的的填充规则和普通流体元素一模一样参考 1. ...

    lightlight 评论0 收藏0
  • 45个值得收藏的 CSS 形状

    45个值得收藏的 CSS 形状

    摘要:能够生成各种形状。正方形和矩形很容易,因为它们是的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。我们还可以使用伪元素中的和,这为我们提供了向原始元素添加另外两个形状的可能性。 CSS能够生成各种形状。正方形和矩形很容易,因为它...

    wslongchenwslongchen 评论0 收藏0
  • jQuery 实现一个文章阅读进度条功能

    jQuery 实现一个文章阅读进度条功能

    摘要:背景阅读进度虽然没啥具体的用处,但是我突然想起来了,随便做做也是极好的 背景 阅读进度虽然没啥具体的用处,但是我突然想起来了,随便做做也是极好的

    gselfgself 评论0 收藏0
  • CSS 实现滚动时隐藏滚动进度条

    CSS 实现滚动时隐藏滚动进度条

    CSS3 代码 html { -ms-overflow-style:none; overflow:-moz-scrollbars-none; } html::-webkit-scrollbar{ width:0px } ↑ 支持 Firefox、Webkit 内核的浏览器

    1365165710113651657101 评论0 收藏0
  • jQuery 实现支持分级标题标签的文章目录

    jQuery 实现支持分级标题标签的文章目录

    摘要:背景首个版本修改意见鉴于单个标签设置比较麻烦纠结,而且有主题用户反馈,索性改成可以分级的啦代码获取内容添加位置存入数组若存在标签滑动窗口时从开始获取当前位置获取上一个位置以备回滑滑过当前位置调至下一个位置滑回上一个位置调至上 背景 首...

    LyuxLyux 评论0 收藏0
  • jQuery + Php 实现类似 Medium 的文章页内容批注评论功能

    jQuery + Php 实现类似 Medium 的文章页内容批注评论功能

    摘要:还没时间做插件背景偶然的机会,在准备做小半谈否的时候,正在寻找用户人群时看到了利器网站他们使用了一款年貌似是由一个国外开发者做的句子标记插件,实现了文章中点击句子即可标记并评论的功能同样的也有句子标记功能,还是蛮有用的增加了互动,访客...

    sheryshery 评论0 收藏0
  • 在我水了11种水平垂直居中方法之后,我终于明白了

    在我水了11种水平垂直居中方法之后,我终于明白了

    摘要:老生常谈,水平垂直居中。为什么大家都爱水平垂直居中呢基本根据如上结构,通过实现水平垂直居中。绝对定位利用父元素相对定位和子元素绝对定位进行水平垂直居中。 老生常谈,水平垂直居中。为什么大家都爱水平垂直居中呢? 基本HTML 根据如上...

    leviuslevius 评论0 收藏0
  • 仿stackoverflow    highlight.js 选用哪种editor ?

    仿stackoverflow highlight.js 选用哪种editor ?

    摘要:一直以来看细节处理很好,本着学习的心态。所以心血来潮突然简单仿写一下,记录制作过程功能,记录有哪些难处理的。正在研究学习地址目前基本的功能,用户登入发表提问主页显示分类文章回复目前正要解决,或者选用插件显示格式代码,用 一直以来看 sta...

    yanbingyun1990yanbingyun1990 评论0 收藏0
  • 前端部分知识总结

    前端部分知识总结

    摘要:在中,每一个节点被称为回流重绘回流中部分全部元素的规模尺寸布局等改变而需要重新构建页面。而就是通过调用构造函数创建的对象实例的原型对象原型所指的就是一个对象,实例继承对象的属性。 乱序 不间断更新 绝大多数写的比较浅显 看个乐子 display...

    姘存按姘存按 评论0 收藏0
  • 滑动穿透(锁body)终极探索

    滑动穿透(锁body)终极探索

    摘要:场景当页面出现浮层的时候,滑动浮层的内容,正常情况下预期应该是浮层下边的内容不会滚动然而事实并非如此。当属性的值为的时候,代表该监听器内部不会调用函数来阻止默认滑动行为,浏览器称这类型的监听器为被动监听器。 场景 当页面出现浮层的时候...

    RaoMengRaoMeng 评论0 收藏0
  • vue中点击div之外区域实现div的隐藏

    vue中点击div之外区域实现div的隐藏

    摘要:部分点击设置显示设置内容逻辑部分全局区域内点击时均为此区域不受上面方法的影响事件触发时显示隐藏状态互换部分 html部分: 点击设置 显示设置内容 逻辑部分: export default { ...

    matingmating 评论0 收藏0
  • 你从来没了解过的CSS浮动 | Design Shack

    你从来没了解过的CSS浮动 | Design Shack

    摘要:另一种元素是内联元素,它们会与之前的内容保持显示在一行。即使图片是内联元素,它们也被它们的父块级元素列表项控制。当一行中多个元素被浮动,它们会产生同内联元素的流类似的效果。浮动元素不能高过前一行内联元素。 浮动到底是做什么呢?他们是如...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • css animation 常用的动画效果

    css animation 常用的动画效果

    摘要:最近项目需要,需要写一些动画效果,然后对的知识巩固了一下。动画以低速开始,然后加快,在结束前变慢。动画以低速结束。可能的值是从到的数值。轮流反向播放动画默认值。动画应该正常播放。 最近项目需要,需要写一些动画效果,然后对animation的知...

    gaosboygaosboy 评论0 收藏0
  • CSS伪元素(content与counter)

    CSS伪元素(content与counter)

    摘要:前面介绍过里的和这两个伪元素,以及相关的用法,这篇将针对搭配计数器进行一些有趣的应用,相信熟练之后搞不好很好玩也说不定。使用语法计数器名称,分隔字,了解原理之后,透过和的交互应用,就可以做出颇具特色的列表效果。 前面介绍过CSS里的::bef...

    NervosNetworkNervosNetwork 评论0 收藏0
  • 2019年前端趋势分析

    2019年前端趋势分析

    摘要:据状态调查显示,只有的前端开发人员使用过,但是有惊人的的开发人员已经听说过它并希望使用它。事实上,在调查中,的评分高于本身,为,而最受喜爱的语言为。在年,的下载数量大幅增长,而保持不变。 2018年TypeScript 全面开花,GraphQL 蠢蠢欲动,W...

    wmuiwmui 评论0 收藏0
  • css-元素居中

    css-元素居中

    摘要:一水平居中行内元素水平居中使用属性可以实现在行内元素包括在块级父元素水平居中。使用负已知高度宽度使用使用使用三水平垂直居中公共结构块级元素垂直居中。 本文重要是汇总了关于水平居中,垂直居中,还有水平垂直居中的各种方法。 一、水平居中 1....

    miqtmiqt 评论0 收藏0
  • fe6-2:CSS部分

    fe6-2:CSS部分

    摘要:一元素定位其中,是默认定位是相对定位是完全绝对定位,忽略其他所有东西,往上浮动到非的元素基于的绝对定位不随页面滚动改变质能公式按钮 一、元素定位(position):static、relative、absolute、fixed其中,static是默认定位;relative 是相对定位;...

    maxminmaxmin 评论0 收藏0

热门文章

<