文章库ARTICLE COLUMN

  • 如何让文本只显示两行——块级文字省略

    如何让文本只显示两行——块级文字省略

    摘要:在页面显示中我们经常会需要进行省略,比如简介里面的省略,比如固定中字数超过限制之后的省略。单行文字的省略单行文字省略比较简单。 在页面显示中我们经常会需要进行省略,比如简介里面的省略,比如固定div中字数超过限制之后的省略。我们可以用css...

    BetaRabbitBetaRabbit 评论0 收藏0
  • Font-face目前浏览器的兼容性

    Font-face目前浏览器的兼容性

    摘要:目前浏览器的兼容性自开始,支持格式的字体文件支持由上面可以得出所有浏览器的完美支持。让所有浏览器都兼容的方法字体转换网址 @Font-face目前浏览器的兼容性: •Webkit/Safari(3.2+):TrueType/OpenType TT (.ttf) 、OpenType PS (.otf); •Oper...

    masturbatormasturbator 评论0 收藏0
  • 谷歌浏览器、在记住密码后,会给用户密码输入框渲染上一个背景色,在有些时候这个浏览器自动使用的渲染背景

    谷歌浏览器、在记住密码后,会给用户密码输入框渲染上一个背景色,在有些时候这个浏览器自动使用的渲染背景

    摘要:谷歌浏览器在记住密码后,会给用户密码输入框渲染上一个背景色,在有些时候这个浏览器自动使用的渲染背景色会影响页面的界面下面是方法处理解决。背景色透明生效时长过渡效果启用时延迟的时间 谷歌浏览器、在记住密码后,会给用户密码输入框渲染上一个...

    dcr309duandcr309duan 评论0 收藏0
  • 前端开发API及规范

    前端开发API及规范

    es6教程es6API

    luckluck 评论0 收藏0
  • 什么是Javascript函数节流?

    什么是Javascript函数节流?

    摘要:网上搜了下高级程序设中有专门应对此问题的函数节流原理很简单,利用定时器,让函数执行延迟毫秒,在毫秒内如果有函数又被调用则删除上一次调用,这次调用毫秒后执行,如此往复这样就实现了想要的效果 现在javascript的用途 真的很广,感觉什么事都可...

    darkbugdarkbug 评论0 收藏0
  • 前端实用知识

    前端实用知识

    摘要:开发中的实践尽量使用更换实现样式变化。原因事件存在毫秒延时。解决方法移动端使用事件。文本显示省略号显示省略号的基本条件元素定长。单行显示省略号多行显示省略号目前只有内核支持此属性和手机端内核以及浏览器默认字体浏览器默认字体是。 1、输...

    luckywluckyw 评论0 收藏0
  • 前端实用小工具

    前端实用小工具

    摘要:类型判断判断的类型,单单用并无法完全满足,这其实并不是,本质原因是的万物皆对象的理论。获取参数全局尺寸设置说明常用长度单位。 1、类型判断 判断 Target 的类型,单单用 typeof 并无法完全满足,这其实并不是 bug,本质原因是 JS 的万物皆对象的...

    elarityelarity 评论0 收藏0
  • CSS3径向渐变radial-gradient实现波浪边框和内倒角

    CSS3径向渐变radial-gradient实现波浪边框和内倒角

    摘要:表示圆形渐变,说的简单点就是画一个圆。表示容器最右边,表示容器最上边,换言之就是右上角。实现波浪边框上代码,增加一个样式即可此处没有字样,表示原点在容器中心位置,,表示半径范围内是颜色,半径到范围内是颜色,半径大于是颜色。 前言 大佬...

    王岩威王岩威 评论0 收藏0
  • 小程序瀑布流效果,解决左右两边高度差距过大的问题

    小程序瀑布流效果,解决左右两边高度差距过大的问题

    摘要:参考小红书的瀑布流效果,小红书是分左右两栏的,按照奇数偶数来显示就可以。但是问题来了,随着每个元素高度的不确定性,很大几率会出现左右两栏高度相差大的问题。 想要实现瀑布流的布局效果,并且是按照从左到右顺序显示的话,css布局方式暂时还不...

    CoffeXCoffeX 评论0 收藏0
  • React学习笔记2---生命周期

    React学习笔记2---生命周期

    摘要:生命周期函数指在某一个时刻组件会自动调用执行的函数,的生命周期函数主要有初始化挂载更新卸载父组件在组件即将被挂载到页面的时刻自动执行,挂载完毕不再执行组件被挂载到页面之后,自动被执行,挂载完毕不再执行组件被更新之前,自动被执行组件被更...

    陈伟陈伟 评论0 收藏0
  • canvas绘图按照contain或者cover方式适配,并居中显示

    canvas绘图按照contain或者cover方式适配,并居中显示

    摘要:保持纵横比缩放图片,使图片的长边能完全显示出来。图片按照模式放到固定盒子的矩形内,则需要对图片进行一定的缩放。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。 canvas绘图时drawImage,需要绘制的图片大小不同,比例...

    tianyutianyu 评论0 收藏0
  • 解决mac下webstorm编辑器识别less的问题

    解决mac下webstorm编辑器识别less的问题

    摘要:之前在使用开发项目过程中,发现代码里的有些地方总是飘红报错,虽然不影响整体代码运行,但是看起来总是很乱很难受,如下图由于当时忘记截图,在网上找别人的图片,但是遇到问题是一样的然后我在网上找了很多解决方案,大致有以下几个加上加上先全局安...

    KavenFanKavenFan 评论0 收藏0
  • vue 配置sass、scss全局变量

    vue 配置sass、scss全局变量

    摘要:下载项目下载项目就不多说了,大家既然搜索这个标题,肯定不差这一步依赖下载执行修改配置打开文件夹,找到下面的文件,找到里的下面这段,将配置改成如下形式把项替换成如下形式这里我的放置了变量文件和重新执行启动服务在组件里写上一段 下载vue项...

    freewolffreewolf 评论0 收藏0
  • 【基础】小程序实现聊天气泡样式

    【基础】小程序实现聊天气泡样式

    showImg("https://segmentfault.com/img/bVboqkh?w=253&h=58"); wxml文件 点击邀请你的另一半~ wxss文件 .invite { /* display: none; */ width: 250rpx; font-size: 25rpx; height: 50rpx...

    newsningnewsning 评论0 收藏0
  • CSS 选择器

    CSS 选择器

    摘要:选择器分类标签选择选择器选择器后代选择子代选择相邻选择通配符选择否定选择器属性选择器伪类选择器伪元素选择器属性选择器选择器描述用于选取带有指定属性的元素。在元素之后添加内容选择器匹配每个已启用的元素大多用在表单元素上。 CSS 选择器分类...

    APICloudAPICloud 评论0 收藏0
  • 2019年前端学习路线

    2019年前端学习路线

    摘要:也就是我们常见的浏览器以及内置浏览器,比如微信打开的大型移动端网页。这个以微信小程序为例,主要是微信团队基于前端基础来做的封装语法,主要的还是语法。学习路线放一下给大家。前端开发学习不是单一的,内容比较多,同样应用的场景也非常多。 近...

    cfanrcfanr 评论0 收藏0
  • 前端面试问题汇总

    前端面试问题汇总

    摘要:篇的类型数组有哪些方法哪些方法会生成新数组闭包,为什么要用到闭包阿里什么是原型链什么是事件委托事件委托的好处回答简单明了如何实现一个图片从页面右下角移动到左下角,新标签关于实现动画的方法,说出你的归纳有哪些函数奉上几篇让人瑟瑟发抖的阿...

    CodeSheepCodeSheep 评论0 收藏0
  • flex布局

    flex布局

    摘要:布局也叫弹性盒子,是由提出的一种新的布局方式,目前兼容以上的浏览器,任何一个盒子包括行内元素都可以指定为布局,只需要在它的父元素设置即可注意,在设置了布局以后,其所有的子元素的,和属性都将失效父元素设置后,会成为容器,它的所有子元素默...

    DrinkeyDrinkey 评论0 收藏0
  • 大话css预编译处理(二)安装使用篇

    大话css预编译处理(二)安装使用篇

    摘要:上面的命令会将编译的传递给,你可以将它保存到一个文件中除了上面的命令转译源文件之外,现在还有很多第三方开发的工具,例如是一个前端预处理器语言图形编译工具,支持,帮助开发者更高效地使用它们进行开发。 一、Sass、LESS和Stylus的安装 1.Sass...

    SwordFlySwordFly 评论0 收藏0
  • css加载会造成阻塞吗

    css加载会造成阻塞吗

    摘要:加载会阻塞运行吗由上面的推论,我们可以得出,加载不会阻塞树解析,但是会阻塞树渲染。这也就说明了,加载会阻塞后面的语句的执行。从流程我们可以看出来解析和解析是两个并行的进程,所以这也解释了为什么加载不会阻塞的解析。因此,加载是会阻塞的渲...

    CoXieCoXie 评论0 收藏0
  • 大话css预编译处理(一)通读介绍篇

    大话css预编译处理(一)通读介绍篇

    摘要:使用预编译处理的优势使用预处理器,可以提供缺失的样式层复用机制减少冗余代码,提高样式代码的可维护性。所以我们在实际项目中衡量预编译方案时,还是得想想,比起带来的额外维护开销,预处理器有没有解决更大的麻烦。 一、什么是css预编译处理? CS...

    BackacheBackache 评论0 收藏0
  • css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)

    css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)

    摘要:对于来说,表示元素,除了优先级更高之外,与选择器相同。再做实验,前后分别设置两个空格时,获取到的值只有一个空格。结论设置值内联样式选择器选择器也都是会把多余空格变成一个空格。 今天突然发现一个有趣的现象document.querySelector(":root") ...

    ddongjian0000ddongjian0000 评论0 收藏0
  • @import '~common/stylus/mixin'中 ~ 的作用

    @import '~common/stylus/mixin'中 ~ 的作用

    摘要:在文件中,要引入相应的样式,经常会用到这种写法,为什么会用到查看了文档,发现这句话结合本人做的测试,发现这个和配置文件中有关,只有在配置文件中配置了,设置了相应的别名路径,才能通过别名来实现查找相应的文件。 在vue文件中,要引入相应的...

    LeviDingLeviDing 评论0 收藏0
  • 响应式布局方案

    响应式布局方案

    摘要:说到响应式布局方案,我们首先需要了解视口这个概念视口在早期的时候我们没有专门针对手机尺寸写的页面,所以在用手机浏览页面的时候我们看到的都是专门针对端的页面,在这种情况下页面会被严重压缩,而且会极大的影响页面的结构和布局,为了解决这个问...

    lowettlowett 评论0 收藏0
  • 三种方法实现CSS三栏布局

    三种方法实现CSS三栏布局

    摘要:本文由云社区发表作者前端林子本文会分别介绍三种实现三栏布局的方法,可在浏览器中打开查看效果方法一自身浮动的方法实现方法需要左栏向左浮动,右栏向右浮动,中间设左右来撑开距离实现三栏布局中间栏不要设宽度,包括左栏左浮右栏右浮,中间不 本文...

    hqmanhqman 评论0 收藏0

热门文章

<