文章库ARTICLE COLUMN

  • 简解Css3 -  linear-gradient

    简解Css3 - linear-gradient

    摘要:简解概念函数创建一个表示颜色线性渐变的。简单的说,元素只要用了,它等同于一张图片。使用方式简单起见,只讲一种最通用的使用方式。时可以看作是上图垂直指向顶部的黑色虚线。示例蓝色起点红色终点蓝色起点红色终点参考 简解Css3 - linear-gradien...

    JerryZouJerryZou 评论0 收藏0
  • Parcel 打包示例 - React HelloWorld

    Parcel 打包示例 - React HelloWorld

    使用 Parcel 打包的 React HelloWorld 应用。GitHub 地址: https://github.com/justjavac/... 0. 新建目录 mkdir react-helloworld cd react-helloworld 1. 初始化 npm yarn init -y 或 npm init -y 此时会创建要给 package.json 文件,文件内容: ...

    K_B_ZK_B_Z 评论0 收藏0
  • 教你如何使用css隐藏input的光标

    教你如何使用css隐藏input的光标

    摘要:今天公司的突然跑过来问我一个问题如何在不影响操作的情况下,把的光标隐藏了。 今天公司的ui突然跑过来问我一个问题:如何在不影响操作的情况下,把input的光标隐藏了?。 我相信很多人会跟我一样,觉得这是个什么狗屁需求,输入框不要光标这不是...

    bingchenbingchen 评论0 收藏0
  • 学习小程序从“你”开始

    学习小程序从“你”开始

    摘要:说了这么多还没说自己做了什么,我做的是仿知乎,目的在于想通过这次学习对小程序有一个更好的认识,这次的学习也是在前辈的铺垫下进一步的学习,学习到了很多前辈的想法,感觉很不错。 最近的十几天中在接触小程序,从看别人的开源项目,到现在自己做...

    Steve_Wang_Steve_Wang_ 评论0 收藏0
  • 用两种不同的姿势来实现拖动排序

    用两种不同的姿势来实现拖动排序

    摘要:前言鲁迅说过如果你的技术不好,那么你的姿势要多。元素不是被拖动目标时。先实现拖动的效果,大概就是这样在的时候记下必要的信息将小强的改成在记录下鼠标在轴上移动的距离,横行的话就是这样基本的拖动问题是解决了,元素最起码是可以拖动起来了。 ...

    paney129paney129 评论0 收藏0
  • 自定义微信登录扫码样式解决办法

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

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

热门文章

<