文章库ARTICLE COLUMN

  • 一些今天看的要点

    一些今天看的要点

    摘要:弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式弹性容器通过设置属性的值为或将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素,一行显示设置排列方式待补充 1、css3弹性盒子:是一种当页面需...

    546669204546669204 评论0 收藏0
  • 程序员如何在996之外获得收入

    程序员如何在996之外获得收入

    摘要:因为网站建设一般项目比较小,我一个人是可以完成前后端开发的,如果做成成品当然得加上小苏设计师。关键词选择因为面向的是单个城市业务,在城市选择上犹豫了不少时间,首先得是一个大城市,客户量足,当时我在北京,小苏是在一个省会城市。 我技术之...

    YFanYFan 评论0 收藏0
  • CSS动画优雅降级的简单总结

    CSS动画优雅降级的简单总结

    摘要:转载自动画相关属性兼容性兼容性兼容性可以看到动画在这里主要讨论及以下完全不支持,由于只支持非优雅降级初始化元素动画前样式及加入动画现代浏览器下移开元素下移开元素透明元素,是元素不透明主要功臣自然是因为不支持自然会忽略掉,所以也在 转载...

    archieyangarchieyang 评论0 收藏0
  • 一批面试记录

    一批面试记录

    摘要:关于虚拟生命周期布局的排列方式块级作用域的描述箭头函数和普通函数的区别多一些布局的原理服务端渲染原理路由怎么匹配页面这里改过哪些的配置各种垂直居中伪类跨域去掉字符串头尾的空格 关于vue虚拟dom 生命周期 flex布局的排列方式 块级作用域的描...

    pf_milespf_miles 评论0 收藏0
  • rem适配移动设备

    rem适配移动设备

    摘要:前言移动端适配方案回顾总结如何使用单位的计算参考的根节点进行计算,根节点的字体变化,布局参考的页面也会相应进行缩放,此为布局的本质。动态改变的值几乎在每个浏览器都将的初始化为,我们动态改变的话可以暂时将设置为适配的根节点初始值。 前言...

    韩冰韩冰 评论0 收藏0
  • 重学前端学习笔记(一)--前端发展史以及学习痛点

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

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

    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

热门文章

<