文章库ARTICLE COLUMN

  • 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
  • React生态,dva源码阅读

    React生态,dva源码阅读

    摘要:下面会从浅到深,淡淡在阅读源码过程中自己的理解。分拆子页面后,每一个子页面对应一个文件。总结上面就是最早版本的源码,很简洁的使用了等其目的也很简单简化相关生态的繁琐逻辑参考源码地址   dva的思想还是很不错的,大大提升了开发效率,dva...

    bergwhitebergwhite 评论0 收藏0
  • 基础知识:css3核心知识整理

    基础知识:css3核心知识整理

    摘要:前缀浏览器兼容根据了解,属性大部分支持,部分支持,少部分支持前缀苹果谷歌火狐浏览器世界之窗例如兼容转换过渡关键帧动画转换及以上支持,需添加前缀属性的方法使用缩放轴缩放倍,轴缩放倍,只有一个值时为缩放倍数倾 css3前缀(浏览器兼容) 根据...

    kycoolkycool 评论0 收藏0
  • JS每日一题: 前端的缓存有哪些?都适用什么场景?区别是什么?

    JS每日一题: 前端的缓存有哪些?都适用什么场景?区别是什么?

    摘要:问前端的缓存有哪些都适用什么场景区别是什么参考回答前端缓存分为两部分缓存浏览器缓存缓存强缓存强缓存主要是采用响应头中的和两个字段进行控制的值理解指定设置缓存最大的有效时间单位为指定响应会被缓存,并且在多用户间共享响应只作为私有的缓存,...

    MockingBirdMockingBird 评论0 收藏0
  • Vue:scoped与module的使用与利弊

    Vue:scoped与module的使用与利弊

    摘要:一个应用是离不开与,其中充斥的整个项目中。下面我会分别对与解决方案进行说明,最后在分析它们的利弊与选择。不过一个子组件的根节点会同时受其父组件有作用域的和子组件有作用域的的影响。但它的局限性是适用于中小项目中。 showImg("https://segme...

    zhoutkzhoutk 评论0 收藏0
  • 在使用新的JavaScript库时需要考虑的12件事

    在使用新的JavaScript库时需要考虑的12件事

    摘要:您如何知道一项新技术是否值得投入时间对于今年的状态调查,我想深入挖掘一下,不仅知道人们正在使用哪些工具和库,还要为什么他们选择使用它们。经过一些研究,我提出了分制,涵盖了挑选和使用任何技术的主要方面。 您如何知道一项新技术是否值得投入...

    CoreDumpCoreDump 评论0 收藏0

热门文章

<