文章库ARTICLE COLUMN

  • 自定义微信登录扫码样式解决办法

    自定义微信登录扫码样式解决办法

    摘要:微信扫码登录近期做一个端微信扫码登录的需求,微信扫码有两种方式,一种是新开一个二维码页面,另一种是内嵌入产品网页。幸运的是,微信留了一个给我们自定义样式的机会,在之前实例化一个二维码的时候,实例对象中属性,允许设置样式。 PC微信扫码登...

    meteor199meteor199 评论0 收藏0
  • 修改placeholder的样式

    修改placeholder的样式

    摘要:现阶段,的样式修改仍需要加前缀例如将的字体颜色设置为红色,代码如下占位符 现阶段,input的placeholder样式修改仍需要加前缀! 例如:将placeholder的字体颜色设置为红色,CSS代码如下: ::-webkit-input-placeholder { color: red; ...

    BaronZhangBaronZhang 评论0 收藏0
  • 盒马微信小程序

    盒马微信小程序

    摘要:功能介绍好奇微信小程序是如何制作的,也对盒马感兴趣,就尝试写了这个盒马小程序。微信的提供了很多样式,只要引入样式库,照着使用文档写,能少很多事。还有就是微信小程序的,里面有很多微信小程序自带的,很方便。 盒马app刚出现,就吸足了眼球。...

    kid143kid143 评论0 收藏0
  • vuejs实现图片放大镜效果

    vuejs实现图片放大镜效果

    摘要:原作者地址经测试,原插件在使用时有即在预览时进行鼠标滚动,导致遮罩层计算错误。我已修复该特分享出来。组件核心代码鼠标距离屏幕距离大盒子距离顶部的距离使用效果图 原作者地址:https://github.com/lemontree2...经测试,原插件在使用时有bug,即...

    lei___lei___ 评论0 收藏0
  • 边距重叠与BFC

    边距重叠与BFC

    摘要:边距重叠边界重叠是指两个或多个盒子可能相邻也可能嵌套的相邻边界其间没有任何非空内容补白边框重合在一起而形成一个单一边界。兄弟元素的边界重叠可以看到和和之间的间距不是,发生了边距重叠是取了它们之间的最大值。 边距重叠 边界重叠是指两个或...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • SpringCloud+quartz 定时提醒系统

    SpringCloud+quartz 定时提醒系统

    摘要:定时提醒系统之前通过做了一个定时查询系统,前几天通过编写了个升级版,功能和之前的差不多,现在来看看吧。将参数传递到类中创建事件成功,执行时间为创建时间后想要修改的话就需要这么写在实现类里面注入不了那么可以这么做这个就是模块的部分介绍了...

    SQCSQC 评论0 收藏0
  • 使用 flex 实现 5 种常用布局

    使用 flex 实现 5 种常用布局

    摘要:原文链接经典的上中下布局。左边是定宽,右边是上中下布局。还是上中下布局,区别是固定在顶部,不会随着页面滚动。左侧固定在左侧且与视窗同高,当内容超出视窗高度时,在内部出现滚动条。左右两侧滚动条互相独立。 原文链接 Sticky Footer 经典的上-...

    thursdaythursday 评论0 收藏0
  • [前端工坊]正则表达式-从模糊到清晰

    [前端工坊]正则表达式-从模糊到清晰

    摘要:作者京东商城成都研究院研发部卢兴元正则表达式从模糊到清晰什么是正则简单点,正则是一些用来匹配和处理文本的字符串或者叫工具,往往用于查找特定的信息搜索,或者查找并编辑特定的信息替换。 文章来自微信公众号:前端工坊(fe_workshop),不定期更...

    pigleipiglei 评论0 收藏0
  • 嘿~ 是时候学学栅格布局GRID了 概念篇

    嘿~ 是时候学学栅格布局GRID了 概念篇

    摘要:网格线网格线有横线和纵线,纵横交错的线就将网格容器切割成了最小的单元单元格。单元格图中绿色背景的块就是单元格,网格布局的最小计量单位,该容器一共有个单元格。 下一篇 grid 布局入门 Grid,真的布局神器。Css在引入Flex布局和Grid布局两个模块...

    sourcesource 评论0 收藏0
  • css+svg实现支付宝小鸡吃米

    css+svg实现支付宝小鸡吃米

    摘要:使用实现支付宝小鸡吃米效果图实现一部分场景与动画,剩下得有时间继续完善方面主要使用画不规则物体,连体山脉与草丛背景都是使用一笔画出,路径画法参考矢量绘图路径详解贝塞尔曲线曲线平滑直线及弧形剩下大部分都是由制作完成,不规则圆形等使用不规...

    CarterLiCarterLi 评论0 收藏0
  • 浏览器缓存机制

    浏览器缓存机制

    摘要:不访问服务器,直接从磁盘缓存中读取,进程退出之后依然存在。对于的图片,浏览器觉得渲染解析太麻烦,所以会第一次解析渲染之后放到内存当中。 首先,上图(借鉴的别人的图) showImg("https://segmentfault.com/img/bVZJfn?w=720&h=846"); 说明下fro...

    raledongraledong 评论0 收藏0
  • 探究position定位中absolute和relative的异同

    探究position定位中absolute和relative的异同

    摘要:总结一下定位相对于谁进行定位有点复杂就是找出定位元素父元素链上的所有父元素,由近到远哪个元素不是默认定位即定位的,那么就相对于它进行定位。当父元素链上所有父元素都是默认定位,那么定位就是相对于元素的,效果和定位差不多。 相信学过CSS的...

    NickZhouNickZhou 评论0 收藏0
  • 10行js代码搞定滚动公告

    10行js代码搞定滚动公告

    摘要:先初始化一下默认样式单行显示,超出隐藏固定公告栏显示区域的高度以下为了单行显示,超出隐藏封装函数使用方法改变列表的值来实现滚动效果知识点回调函数函数执行完之后,要执行的函数。 需求 最近项目中需要实现公告栏滚动显示效果如下 showImg("htt...

    TesterHomeTesterHome 评论0 收藏0
  • 一种局部固定表头的实现方案(横向可跟随内容一同滚动,纵向锁定表头)

    一种局部固定表头的实现方案(横向可跟随内容一同滚动,纵向锁定表头)

    摘要:将设置为将和的放入一个的中,设置横向轴可以滚动,轴不可滚动。表头和表内容的横向方向滚动能力其实是父级样式赋予的。 1.为了固定表头我们需要先把表格的head和tbody切分到两个table里: 和 里。 2.将table-body放在一个table-body-box的div里设置y...

    AlfredAlfred 评论0 收藏0
  • 基础练习-登陆界面

    基础练习-登陆界面

    摘要:登陆界面练习用到的雪碧图原理控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。 登陆界面练习 用到的: 雪碧图 原理:控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。 当子div和父div都没有设置padding和bo...

    Java3yJava3y 评论0 收藏0
  • 你不知道的css技巧

    你不知道的css技巧

    摘要:支持算法和是与这次宽度和高度的最大值或最小值有关,取决于哪个更大和更小。例如,如果浏览器设置为宽高,会是为。然而,如果宽度设置为,高度设置为,将会等于而将会是。禁用鼠标事件 css黑科技 currentColor当前颜色 返回 .icon { display: inlin...

    MyFaithMyFaith 评论0 收藏0
  • 移动端(手机端)页面自适应解决方案—rem布局篇

    移动端(手机端)页面自适应解决方案—rem布局篇

    摘要:移动端手机端页面自适应解决方案布局假设设计妹妹给我们的设计稿尺寸为。 移动端(手机端)页面自适应解决方案—rem布局 假设设计妹妹给我们的设计稿尺寸为750 * 1340。结合网易、淘宝移动端首页html元素上的动态font-size属性、设计稿尺寸、前端与设计...

    dinferdinfer 评论0 收藏0
  • 微信公众号的代码块插入,及一键排版

    微信公众号的代码块插入,及一键排版

    摘要:微信公众号颜家大少注因对一些自定义的样式不支持,可参考此文在其它平台的不一样的显示样式掘金的微信公众号的微信公众号的排版问题前段时间,准备在微信公众号上写文章时,却发现公众号居然连个最基本的插入代码块的功能都没有。 微信公众号:颜家大...

    1treeS1treeS 评论0 收藏0
  • rem和em的区别

    rem和em的区别

    摘要:关于和的区别表示根元素的字体大小通常为下面是一个动态设置字体大小的公式添加事件,当设备尺寸改变,就执行函数获取设备的宽度当前案例是以的设计稿为例,判断,若是设备尺寸超过,就不在执行这里的是在屏幕尺寸为的时候,字体大小为,之所以设置,是...

    happyhuangjinjinhappyhuangjinjin 评论0 收藏0
  • div宽度和高度固定,让图片铺满整个div而且不变形

    div宽度和高度固定,让图片铺满整个div而且不变形

    摘要:样式嗯嗯,是不是感觉超简单那,看完之后我也这么感觉的,之前的做法是把图片从标签引入,宽度和高度设置成,很明显图片会变形,后来从网上搜了好多方法试了都解决不了,最后请教了同事,原来这么简单,搜嘎。。下面是前后对比图 css样式:.photo...

    ObjectObject 评论0 收藏0
  • css3文字颜色动态渐变

    css3文字颜色动态渐变

    摘要:是因为动画的结束后的最后一帧的颜色为,立马会重新执行动画,颜色会初始到第一帧,所以会有明显的变化。的效果就是背景颜色被剪裁到文字上面,只有文字会显示背景颜色。用数字表达结合以上三个属性结合动画,最终实现文字渐变的效果。 浏览 Animate.c...

    CciradihCciradih 评论0 收藏0
  • 【呆萌の研究】圣杯布局引发对margin负值的研究

    【呆萌の研究】圣杯布局引发对margin负值的研究

    摘要:问题起源以前一直就听说圣杯布局,但是没有怎么去用过,然后这次偶然接触到了,就学习了一下。继续试验我们可以尝试改变的值,去看看位置的变化。为了方便我们计算,另外写了一个类似的布局,内容区的宽度是,三个的宽度也都是。 问题の起源 以前一直...

    zhangke3016zhangke3016 评论0 收藏0
  • 关于css 的垂直居中

    关于css 的垂直居中

    摘要:之前看了张大大的博客总结一下我对和的一些认知。站在巨人的肩膀上学习,再次谢谢张大大阮大大的各种分享。 对于元素的水平居中,我根据我自己之前的一些学习来进行一些总结,如果有不对的地方,欢迎指正~ 一、让大小不固定的元素垂直居中 因为:表...

    icattlecodericattlecoder 评论0 收藏0
  • SegmentFault 技术周刊 Vol.38 - 神奇的 CSS

    SegmentFault 技术周刊 Vol.38 - 神奇的 CSS

    摘要:层叠即表示允许以多种方式来描述样式,一个元素可以被渲染呈现出多种样式。可以让属性的变化过程持续一段时间,而不是立即生效。比如,将元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用后,将按一个曲线速率变化。 showImg("https://segme...

    elliott_huelliott_hu 评论0 收藏0
  • 关于flex-grow的陷阱

    关于flex-grow的陷阱

    摘要:前一阵在使用布局进行宽度处理时,发现了并不是按照预期的情况进行比例处理,顿时觉得有点懵逼。对于一个来说,它的初始空间并不是,而是另一个属性值元素内容占用的空间。于是修改代码如下这样设置的比例就如我们所愿的显示出来了。 前一阵在使用flex...

    zhaochunqizhaochunqi 评论0 收藏0

热门文章

<