文章库ARTICLE COLUMN

  • CSS兼容性

    CSS兼容性

    属性 IE Chrome Firefox Safari Opera iOS Safari Android Browser Android Chrome text-shadow 10.0+ 3.5+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+ text-transform 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

    chavesguchavesgu 评论0 收藏0
  • CSS常见问题

    CSS常见问题

    摘要:适配全屏它有三个可选值可视窗口完全包含网页内容网页内容完全覆盖可视窗口同的作用边框设置更改元素位置多行时,最后一行元素左对齐在多行布局中,这个属性如果最后一行元素没有填满,会导致最后一行元素两端对齐解决方案添加空的元素缺少几个 1.适配...

    SimpleTriangleSimpleTriangle 评论0 收藏0
  • 12个令人惊叹的CSS实验项目

    12个令人惊叹的CSS实验项目

    摘要:看看这些惊人的纯实验,也许你自己也可以尝试一下。项目链接叠叠高游戏你可以不用来编写一个游戏。这个纯粹用实现的叠叠高游戏看上去很简单,但是很有趣,而且图形也很漂亮。项目链接鬼影渐变效果按钮令人惊讶的是它是只用编写的。 翻译:疯狂的技术宅...

    LiuZhLiuZh 评论0 收藏0
  • CSS粘性定位是怎样工作的

    CSS粘性定位是怎样工作的

    摘要:怎样才能让粘性定位起作用粘性定位有两个主要部分,粘性元素和粘性容器。这是粘性元素可以浮动的最大区域。最好是在以粘性容器底部为自然位置的元素上使用它。 翻译:疯狂的技术宅原文:https://medium.com/@elad/css-... 本文首发微信公众号:jingc...

    WildcardWildcard 评论0 收藏0
  • React学习笔记1---起步

    React学习笔记1---起步

    摘要:一开发环境准备安装命令行输入检验是否安装成功安装命令行输入检验是否安装成功安装命令行输入二构建并启动三围绕衍生出的思考声名式开发可以与其他框架并存组件化单向数据流视图层框架函数式编程 一、开发环境准备 安装node 命令行输入node -v检验...

    YumenokanataYumenokanata 评论0 收藏0
  • svg animation应用之-描边效果

    svg animation应用之-描边效果

    摘要:是比较重要的属性分支表示描边的粗细表示描边转角的表现方式表示虚线描边表示虚线的起始偏移主角是效果详解张鑫旭纯实现帅气的路径描边动画效果直接上代码没有什么特殊含义,只是足够大变换路径,置换起始点用于描边时更换方向另外用时会导 stroke是比...

    mzloginmzlogin 评论0 收藏0
  • 开发H5时背景照片兼容不同手机屏幕处理的最佳实践

    开发H5时背景照片兼容不同手机屏幕处理的最佳实践

    摘要:翻页的背景图通常是要求全屏的。这里就存在一个问题,目前市面上的手机屏幕比例非常的不统一,这导致在背景图上的处理相当要注意。设置背景图的是生成图片会是这样的效果比例的手机裁切的是靠下的部分,而比例的手机裁切的是靠右的部分。 最近在重新做...

    MonoLogMonoLog 评论0 收藏0
  • vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览

    vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览

    摘要:暑假实习了几个月辞职后,闲着无聊自己开发的一个小说阅读器链接,里面的小说接口调用的是追书神器项目源码我已经上传到,想看源码搜索以下链接觉得可以的话点个共同进步技术栈由于目前是实习生缺少一些经验代码分格可能适合一些初学者所以此项目很适合...

    FleyXFleyX 评论0 收藏0
  • CSS图形绘制总结

    CSS图形绘制总结

    摘要:由张鑫旭大佬的几篇文章常见的图形绘制合集,小纯实现打字动画效果,分享三个纯实现个英文字母的案例,发现了,一些特殊用法,由此想到自己做个总结。 由张鑫旭大佬的几篇文章常见的CSS图形绘制合集,小tips: 纯CSS实现打字动画效果,分享三个纯CSS实...

    SQCSQC 评论0 收藏0
  • pointer-events

    pointer-events

    摘要:属性效果和没有定义属性相同,鼠标不会穿透当前层。在中,该值和的效果相同。元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。其它属性值为专用,这里不再多介绍了。 pointer-events属性 auto——效果和没有定义pointer-even...

    lufficclufficc 评论0 收藏0
  • CSS Flexbox 可视化手册

    CSS Flexbox 可视化手册

    摘要:应该把其中的每一行都视为多带带的弹性容器。这个空间被称为正自由空间。这项工作是在文件中完成的,它负责跟踪项目依赖及其版本。 翻译:疯狂的技术宅原文:https://medium.com/swlh/css-f... 本文首发微信公众号:jingchengyideng欢迎关注,每天都...

    AdolphLWQAdolphLWQ 评论0 收藏0
  • Vue基础之内部指令(下)

    Vue基础之内部指令(下)

    摘要:绑定事件监听器直接撸代码计数器是实例的挂在对象等同于,是的语法糖,在内定义好方法,指令监听事件来触发一些代码。 v-on绑定事件监听器 直接撸代码: 计数器 number:{{number}} + - var app = new Vue({ el: "#app", // a...

    maybe_009maybe_009 评论0 收藏0
  • Vue基础之内部指令(上)

    Vue基础之内部指令(上)

    摘要:以及条件指令类似于里的,这三个指令根据表达式的值对组件进行渲染销毁。如果想一次性判断多个元素,可以将他们包裹在之内,使用条件指令操作外层的,并不会包含在最终的渲染结果中。要是不希望被复用,需要在指定的元素上添加值,值存在且唯一。 v-if...

    BoYangBoYang 评论0 收藏0
  • FE.B-前端性能优化

    FE.B-前端性能优化

    摘要:缓存长缓存随机名字长缓存策略可并行请求数避免重定向,一次重定向至少浏览器缓存不超过数据不安全存取防止出错关闭浏览器失效合理减少视觉交互反馈节流,防抖视觉欺诈分页预加载资源图片,慎用编码响应式图像字体异步加载异步加载其他系列二 http 缓...

    AnshiiiAnshiii 评论0 收藏0
  • 一个div分上下两部分,上部分高度不固定,下面部分自动填满剩余高度

    一个div分上下两部分,上部分高度不固定,下面部分自动填满剩余高度

    摘要:自动填满剩余高度正常情况自上而下放要放的东西就行了,但是现在有一个需求是这样的,头部国定,下面的东西会很多要有滚动条我之前都是头部固定,给一个就行了但是现在又有一个恶心的需求,整个背景一样,而会有一些文字,而且没有背景,这样滚动的话会...

    刘玉平刘玉平 评论0 收藏0
  • text-fill-color:仿苹果官网介绍效果 CSS设置文字渐变效果 文字背景图遮罩

    text-fill-color:仿苹果官网介绍效果 CSS设置文字渐变效果 文字背景图遮罩

    摘要:发布的时候各种心动去官网看了一遍又一遍。闲着无聊发现里面的介绍很用大篇幅的有背景文字来介绍。看着挺酷炫的还不错就看了下实现方式。附上前端开发背景的铺排方式修改下效果更明显文字颜色渐变文字遮罩照片一下仅供参考欢迎更正补充 发布iPhone XR...

    LancerCometLancerComet 评论0 收藏0
  • CSS3常见技巧(一):如何禁止文本选择高亮

    CSS3常见技巧(一):如何禁止文本选择高亮

    摘要:根据显示,目前已经支持绝大多数浏览器了,不过如果想在或者更早之前使用,还需要使用浏览器前缀。代码如下没有前缀,目前支持和谷歌浏览器 根据 Can I use显示,目前user-select已经支持绝大多数浏览器了,不过如果想在IE9或者更早之前使用,还需要使...

    RaaabbitRaaabbit 评论0 收藏0
  • 使用webpack打包多页jquery项目

    使用webpack打包多页jquery项目

    摘要:虽然已经年了不过有一些项目还是需要用到的不过考虑到使用的一堆兼容性问题也为了可以顺利地使用来撸代码研究使用打包代码来发布几个重点为了将模块分割加载,不至于一个文件过大,一个页面中使用多个文件由于是多页项目多个,每个页面使用的文件都不一...

    darkerXidarkerXi 评论0 收藏0
  • 1-相对定位、绝对定位和固定定位的区别

    1-相对定位、绝对定位和固定定位的区别

    摘要:相对定位不影响元素本身的特性不使元素脱离文档流元素移动之后原始位置会被保留相对于其正常位置进行定位。 1、相对定位: a、不影响元素本身的特性; b、不使元素脱离文档流(元素移动之后原始位置会被保留); c、相对于其正常位置进行定位。...

    laymanlayman 评论0 收藏0
  • 利用styleSheets快速生成一个图标库界面

    利用styleSheets快速生成一个图标库界面

    摘要:需求需求实现一个图标库的选择界面,展示库中所有的图标并提供选择功能库共个实现思路思路从样式表中提取所有的的样式,并处理成数组利用实现循环渲染基本知识参考操作属性返回当前规则所属的那个样式块实例。 &01.需求 需求 : 实现一个图标库的选择...

    bbbbbbbbbbbb 评论0 收藏0
  • 巧用flex布局实现左侧文字溢出省略,右侧文字自适应。

    巧用flex布局实现左侧文字溢出省略,右侧文字自适应。

    摘要:想要实现一个左侧文字可以根据文字长短自动调整宽度,当一行显示不下时,不挤压右侧文字空间,左侧文字溢出省略。设计需求总结左侧宽度自动增长,右侧宽度自动增长并且不可溢出省略。当左侧文字长度超出的时候,左侧文字溢出省略。 想要实现一个左侧文...

    LycheeeeLycheeee 评论0 收藏0
  • 【前端】CSS盒子模型

    【前端】CSS盒子模型

    摘要:盒子模型及更早的版本使用的是盒模型。盒子模型组成为。盒子模型盒子模型的盒子模型的意味着盒子的和的大小是上述属性相加的最大总和。标准盒子模型盒子模型的盒子模型的盒子模型大小计算就简单多,设置的和就是内容大小。 盒子模型 IE5.5及更早的版本...

    KeaganKeagan 评论0 收藏0
  • 用VuePress来搭建一个极简的静态网站

    用VuePress来搭建一个极简的静态网站

    摘要:馨客栈前端导航享受的开发体验,在中使用组件,同时可以使用来开发自定义主题。馨客栈每日分享为每个页面预渲染生成静态的,同时在页面被加载的时候,将作为运行。 VuePress学习 全局安装前我们需要Git和node这两个软件,关于怎么安装可以我之前hexo的...

    BetaRabbitBetaRabbit 评论0 收藏0
  • 【前端芝士树】IE 静态页兼容指南

    【前端芝士树】IE 静态页兼容指南

    摘要:静态页兼容指南下的网页字符乱码问题原因这个可能是网页没有设置编码造成。图标会瞬间显示出来,但是却没有动画或者过渡效果。问题解析暂时理解为的不支持的改变,直接操作会破坏动画。如果在两个属性的操作中间插入操作,线程在处理的时候将会按顺序执...

    beitabeita 评论0 收藏0
  • 解决移动端一像素问题的Vue指令

    解决移动端一像素问题的Vue指令

    摘要:所以是不能用正常的方法来让安卓设备渲染一个物理像素的线。其他的指令自动处理。 最近公司项目要解决一像素问题,自己琢磨了一阵子并且网上搜索了一堆博客,总结出最好的办法应该是通过css的transform scale缩放1px的内容来模拟设备上1px的效果了。但...

    wing324wing324 评论0 收藏0

热门文章

<