文章库ARTICLE COLUMN

  • 盒模型的一些碎碎念

    盒模型的一些碎碎念

    摘要:盒模型的简介本文简单的总结了一些基本概念,知识点以及细节问题作为前端人员,盒模型是最基础的知识点,在排版与布局时不可避免与盒模型打交道。 1. 盒模型的简介 本文简单的总结了一些基本概念,知识点以及细节问题 作为前端人员,盒模型是最基础的...

    王伟廷王伟廷 评论0 收藏0
  • 2018我看过的书籍及好文推荐

    2018我看过的书籍及好文推荐

    摘要:非技术社会性动物我在秘密生长大话设计师解忧杂货铺正在读前端技术书籍深入理解墙裂推荐墙裂推荐正在读顺便补充一些不错的博客一共有六篇后面四篇就不一一列出了。就是文章很长,能耐心看完就很不错了想要电子版资源的可私信留下邮箱仅限技术书。 非技...

    zhangke3016zhangke3016 评论0 收藏0
  • 遮罩层  弹框  页面滚动

    遮罩层 弹框 页面滚动

    摘要:第一种情况比较简单,弹框和页面都不可滚动第二种情况是弹框可滚动,页面不可滚动移动端兼容性不好,可应用于端适用于移动端记录开始滑动的坐标,用于判断滑动方向未开始,已开始,滑动中核心部分判定一次就够 第一种情况比较简单,弹框和页面都不可滚...

    lily_wanglily_wang 评论0 收藏0
  • 前端每日实战:111# 视频演示如何用纯 CSS 创作一只艺术的鸭子

    前端每日实战:111# 视频演示如何用纯 CSS 创作一只艺术的鸭子

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfy0O?w=400&h=300"); 效果预览 按下右侧的点击预览...

    toddmarktoddmark 评论0 收藏0
  • 如何在Vue里建立长按指令

    如何在Vue里建立长按指令

    摘要:首先,我们必须声明自定义指令的名称。这基本上注册了一个名为的全局自定义指令接下来,我们使用一些参数添加函数,这允许我们引用元素指令绑定,获取传递给指令的值并标识使用该指令的组件。 showImg("https://segmentfault.com/img/bVbfzuo?w=828&h=...

    jimhsjimhs 评论0 收藏0
  • 大管家笔试题(深圳)

    大管家笔试题(深圳)

    摘要:子选择器和后代选择器的区别子选择器是选择元素的直接后代,即作用于第一个后代后代选择器则可作用于孙子代曾孙子代等。后代选择器通过空格来进行选择,而子选择器是通过进行选择。 1.css选择器有哪些,优先级如何计算 类别选择器、ID选择器、标签选...

    sorrasorra 评论0 收藏0
  • 事件循环(EventLoop)的学习总结

    事件循环(EventLoop)的学习总结

    摘要:事件循环当进程启动时,会创建一个循环,每个循环通过内部的观察者来查看是否有事件需要处理,如果有就取出事件和它相关的回调函数去执行,执行完以后就进入下一个循环,如果不再有就退出进程。 前言 在学习eventloop之前,我们需要复习一下js的单线程...

    lentoolentoo 评论0 收藏0
  • 前端每日实战:112# 视频演示如何用纯 CSS 创作切换背景的按钮悬停效果

    前端每日实战:112# 视频演示如何用纯 CSS 创作切换背景的按钮悬停效果

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfAqJ?w=400&h=301"); 效果预览 按下右侧的点击预览...

    30e8336b822930e8336b8229 评论0 收藏0
  • 微信小程序的 request 封装

    微信小程序的 request 封装

    摘要:背景之前小程序代码混乱,所以新项目一开始就准备弄个微信小程序的的封装流程先来说说整个流程里面已进入就去获取用户信息,如果没有登录则默认登录,这里不做错误处理用户必须同意授权才能进行操作,如果不同意授权则会一直跳转到授权页面在授权页面点...

    bang590bang590 评论0 收藏0
  • 五分钟用CSS创造一只萌萌哒的大熊猫

    五分钟用CSS创造一只萌萌哒的大熊猫

    摘要:黑眼圈的大熊猫可谓非常可爱,今天就用实现以下萌萌哒的大熊猫一枚代码在这儿代码代码详解一制作帽子使用边框制作三角形,用伪类制作帽子上面的小球二制作熊猫脸哈哈哈三制作眼睛使用径向渐变制作,因为两只眼睛旋转的对称的,所以使用了 黑眼圈的大熊...

    levinitlevinit 评论0 收藏0
  • 画三角形

    画三角形

    摘要:在商品展示中,画三角形的出现的也挺多的,左上角的三角标签,又或者对话形式的三角形,带阴影效果等,在此记录下直接添加三角形想你呦比较长的写法简单写法使用伪类添加三角形附带阴影效果添加两个伪类一个伪类实现三角形,另一个用定位实 在商品展示...

    Mr_houziMr_houzi 评论0 收藏0
  • 新程序员最爱的免费资源

    新程序员最爱的免费资源

    摘要:简评国外美女程序员推荐了她自己用过的一些免费资源,对新手比较友好的那种。原作者,是个美女程序员,以下这些资源都是她自己试过的。最后重申,这些是我自己使用过的资源,所以我很负责的可以告诉你,这些挺有用的。 简评:国外美女程序员推荐了她自...

    xorpayxorpay 评论0 收藏0
  • 前端每日实战:113# 视频演示如何用纯 CSS 创作一个赛车 loader

    前端每日实战:113# 视频演示如何用纯 CSS 创作一个赛车 loader

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。增加表示风影的元素,它包含个子元素画出段短细线增加风影飘逝的动画效果,定义变量,设置动画延时增加轮子转动动画效果增加车身颠簸的动画效果大功告成 showImg("https://s...

    zebrayoungzebrayoung 评论0 收藏0
  • 主流的CSS水平和垂直居中技术大全

    主流的CSS水平和垂直居中技术大全

    摘要:水平居中行内元素的水平居中在父元素中设置只对内联元素或行内块元素有效需要放置于父元素中块级元素的水平居中只对块级元素有效指的是自适应宽度。参考张鑫旭实现绝对定位元素的居中及原理居中方式水平居中垂直居中块级元素设置内联元素设置。 原文地...

    KoreyLeeKoreyLee 评论0 收藏0
  • 谈谈text-overflow的那些坑和应对方法

    谈谈text-overflow的那些坑和应对方法

    摘要:基本语法默认值,将溢出的文本裁减掉将溢出的文本用省略号来表示设置一个字符串用来表示溢出的文本兼容性上,除了外,其余两个属性兼容到了,所以大可放心使用。 原文地址:https://www.xksblog.top/the-p... text-overflow是CSS3中的属性,它规定了...

    nodejhnodejh 评论0 收藏0
  • html、css、js分工,内核,html头,html表单

    html、css、js分工,内核,html头,html表单

    摘要:内容样式交互内核浏览器控制台输入回车显示出内核浏览器内核浏览器内核浏览器内核之前受限制,自己新出的内核浏览器内核,后又站队到头头表示文档类型是不加这句话在下会有兼容性问题。这是介绍,也有助于搜索引擎优化。 html:内容css:样式js:交互 内...

    EidesenEidesen 评论0 收藏0
  • js判断PC端还是移动端的代码小坑

    js判断PC端还是移动端的代码小坑

    摘要:我在写官网的时候做了和移动端两个,在通过网上查找了这样的代码,看着完全没问题,等放进去页面中后,端页面一直刷新,根本停不下来,找了类似还是同样的问题。 我在写官网的时候做了pc和移动端两个,在通过网上查找了这样的代码,看着完全没问题,等...

    hedge_hoghedge_hog 评论0 收藏0
  • 不会设计没关系!看看这七个实用的网页UI设计小技巧!

    不会设计没关系!看看这七个实用的网页UI设计小技巧!

    摘要:操作的层级在设计按钮的时候必须明显的体现出来首要操作必须明显高对比度的背景颜色适用于这里。只有当销毁操作是当前首要操作的时候采用高对比度的红色背景样式,比如弹出对话框的确认取消按钮。 在微博看到别人转发的这篇文章,里面的每一点都觉得非...

    NickZhouNickZhou 评论0 收藏0
  • FC及BFC

    FC及BFC

    摘要:什么是块级格式化上下文是布局的对象和基本单位,直观点来说,就是一个页面是由很多个组成的。的用途可以阻止元素被浮动元素覆盖实现自适应两栏布局可以包含浮动元素清除内部浮动不同的可以阻止重叠思维导图 1.什么是FC showImg("https://segmentfault...

    魏明魏明 评论0 收藏0
  • vue+iview+less 实现换肤功能

    vue+iview+less 实现换肤功能

    摘要:项目搭建用的,框架选择的首先安装支持然后去文件夹下的文件中,添加对的支持准备工作做好了,开始换肤新建一个文件夹,在里面新建一个文件定义一个方法,写上需要的颜色参数如图文件夹下再新建一个存放各类主题的文件,里面根据自己需求定义各类主题 ...

    LancerCometLancerComet 评论0 收藏0
  • 移动端的vw px rem之间换算

    移动端的vw px rem之间换算

    摘要:在桌面浏览器中,个像素往往是对着电脑屏幕的个物理像素,但是在移动端,随着屏的流行,分辨率提高了。中的并不等于设备的。苹果四手机,变成了,但是苹果四手机的实际屏幕尺寸并没有变化。二之间的换算我们假设的设计稿是以为标准的。 一、vw px rem ...

    MarvinZhangMarvinZhang 评论0 收藏0
  • 如何在微信小程序中使用iconfont

    如何在微信小程序中使用iconfont

    摘要:开篇废话开发过小程序的童鞋肯定都会遇到这样的问题,当我们在小程序中使用官方推荐的方法插入字体时,我们总会得到一个打印机滑稽。那么如何在小程序中正确的使用呢一添加字体使用或其他账号登录,将我们需要的字体添加购物车,然后再添加到新建的项目...

    frolcfrolc 评论0 收藏0
  • 前端每日实战:108# 视频演示如何用 CSS 和 D3 创作一个抽象的黑白交叠动画

    前端每日实战:108# 视频演示如何用 CSS 和 D3 创作一个抽象的黑白交叠动画

    摘要:引入库用为表示圆数量的变量赋值用生成元素用为表示子元素下标的变量赋值删除掉文件中的相关元素和文件中相关的变量。最后,把圆的数量调整为个大功告成 showImg("https://segmentfault.com/img/bVbfvrc?w=400&h=301"); 效果预览 按下右侧的点击预览...

    chavesguchavesgu 评论0 收藏0
  • 微信小程序input标签正则初体验

    微信小程序input标签正则初体验

    摘要:下面我主要使用了小程序标签的方法对输入的值进行监听,然后进行正则匹配。标签微信小程序标签自带属性,可以调起带有小数点的数字键盘,属性可以控制我们输入字符的个数,然后我们给标签绑定方法。 开篇废话 在开发过程中经常遇到这样的需求:用户只...

    garfileogarfileo 评论0 收藏0
  • 用css动态实现圆环百分比分配——初探css3动画

    用css动态实现圆环百分比分配——初探css3动画

    摘要:鑫大佬这篇博文的重点还是在渐变,而我需要动态平缓连续得实现颜色的分配,比如原本整个环是绿色,然后慢慢地被红色占了,而且整个过程要平滑。 最近的小程序项目有个设计图要求做一个圆环,两种颜色分配,分别代表可用金额和冻结金额。要是就直接这么...

    cheukyincheukyin 评论0 收藏0

热门文章

<