文章库ARTICLE COLUMN

  • 记一些css 3效果

    记一些css 3效果

    摘要:半透明边框规定背景的绘制区域效果如图平行四边形方法一平行四边形方法二平行四边形毛玻璃效果时间慢慢地带走了本不该留下的,我已经快要想不起来你笑起来的样子,你穿的什么衣服牵着谁的手,突然难过了。 半透明边框 background-clip: 规定背景的绘制...

    only_doonly_do 评论0 收藏0
  • 第三方的css并不安全

    第三方的css并不安全

    摘要:翻译一篇文章标题,第三方的并不安全文章源地址前几天,有很多关于的键盘记录器的相关的消息。第三方图像如果包括三方的代码,网站可以通过删除图片达到返回的目的,让网站出现显示不全的问题,或者是直接替换原图片文件。 翻译一篇文章 标题,第三方...

    CaizhenhaoCaizhenhao 评论0 收藏0
  • 推荐几个前端开发插件

    推荐几个前端开发插件

    摘要:提高开发效率简单的集成到了生成的项目上项目地址一集成管理团队的信息步奏安装添加规则根目录添加文件,并添加规则,必须为格式添加到中安装并添加命令在中添加查看详情二集成管理团队编写规范步奏安装 提高开发效率 简单的集成到了vue-cli生成的项目...

    techstaytechstay 评论0 收藏0
  • CSS 中重要的层叠概念

    CSS 中重要的层叠概念

    摘要:标签中的一切都被置于这个默认的层叠上下文的一个层叠层上物品放在桌子上。在层叠上下文中,其子元素按照上面解释的规则进行层叠。在中所有的盒模型元素都处于三维坐标系中。 最近在项目的过程中遇到了一个问题,menu-bar希望始终显示在最上面,而在之...

    sshesshe 评论0 收藏0
  • 前端面试题大集合:来自真实大厂的532道面试题(只有题,没有答案)

    前端面试题大集合:来自真实大厂的532道面试题(只有题,没有答案)

    答案自己谷歌或百度找。 一、来源背景 面试题是来自微博@牛客网发布的真实大厂前端面经题目,我一直在收集题目长期一个一个的记录下来的,可能会有重复,但基本前端的面试大纲和需要掌握的知识都在其中了,面试题仅做学习参考,学习者阅后也要用心钻研其中...

    joyvwjoyvw 评论0 收藏0
  • 关于浏览器缓存问题(图片更换后,页面仍优先读取缓存)

    关于浏览器缓存问题(图片更换后,页面仍优先读取缓存)

    因为部分需求(跟换头像,切换轮播图等等)改变图片或者本地上传新图片,会导致图片缓存问题,从而达不到预期效果,还是加载原图片查找了一些资料,总结出2个步骤: 1.在图片的路径的后面拼接 ‘?内容’ 解决,具体如下 (1)在图片src路径后面加上时...

    JasinYipJasinYip 评论0 收藏0
  • 遇到的几个浏览器兼容性问题

    遇到的几个浏览器兼容性问题

    摘要:背景解决浏览器的兼容性问题是一件很烦的事情,其中并没有太多高深的技巧,但是开发需要,也不得不去解决它,最近在开发项目中也遇到一些兼容性的问题,希望把这些问题的解决方式记录下来,下次遇到就直接拿过来用,也希望对他人有一些帮助。 背景解决...

    isLishudeisLishude 评论0 收藏0
  • 小程序开发中遇到的一些问题(。。。)

    小程序开发中遇到的一些问题(。。。)

    摘要:小程序中想要用问题小程序中想要用需要进行压缩,把字体文件转化成格式。小程序中的背景图片不能使用本地的路径,要么使用在服务器上的图片路径,要么编码成位。 1.小程序中想要用iconfont问题 小程序中想要用iconfont需要进行压缩,把ttf字体文件转化...

    PikachuPikachu 评论0 收藏0
  • stylus编码规范

    stylus编码规范

    详见 https://github.com/leeseean/stylus-style-guide,请多指教和issue。

    wyk1184wyk1184 评论0 收藏0
  • 前端每日实战:142# 视频演示如何用 CSS 的 Grid 布局创作一枚小鸡邮票

    前端每日实战:142# 视频演示如何用 CSS 的 Grid 布局创作一枚小鸡邮票

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbhqIw?w=400&h=300"); 效果预览 按下右侧的点击预览...

    NicolasHeNicolasHe 评论0 收藏0
  • 前端每日实战:143# 视频演示如何用 CSS 的 Grid 布局创作一枚小松鼠邮票

    前端每日实战:143# 视频演示如何用 CSS 的 Grid 布局创作一枚小松鼠邮票

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbhrie?w=400&h=300"); 效果预览 按下右侧的点击预览...

    caohaoyucaohaoyu 评论0 收藏0
  • 关于CSS的那些事

    关于CSS的那些事

    摘要:关于背景图片的那些小技巧背景图片太大没办法居中显示怎么办想完整显示图片如何按比例缩放想要在页面上显示两个空格,应该怎么写代码在代码里写才行。 CSS简介 想要制作出好看又高大上的网页,除了编写好HTML文件外,CSS的编写也必不可少。CSS的英文全...

    smallStonesmallStone 评论0 收藏0
  • 后端工程师必知必会的前端 css 知识

    后端工程师必知必会的前端 css 知识

    摘要:中全部元素都是盒模型,盒子会占用一定的空间,依次排放在中,形成了文档流。某个元素脱离文档流后,在文档流中的其他元素将忽略该元素并填补其原先的空间。设置属性为,脱离文档流,并不在页面展示了。 后端工程师虽然大部分工作都是跟服务器缓存数据...

    用户83用户83 评论0 收藏0
  • 巧用盒子模型

    巧用盒子模型

    摘要:一首先理一下盒子模型的基本概念默认盒子模型使用属性可以改变盒子模型,取值的盒子为默认盒子模型。所以我们可以利用边框盒子模型的特性,使用来调节大小。 一、首先理一下盒子模型的基本概念1)默认盒子模型使用box-sizing属性可以改变盒子模型,取...

    vibiuvibiu 评论0 收藏0
  • WebWork(在主线程创建子进程)

    WebWork(在主线程创建子进程)

    摘要:浅谈前言都知道是单线程语言,最让人头疼的莫过于在网络正常的情况下经常出现页面的假死,以及在进行大量的循环计算时会导致线程阻塞由于要进行大量的计算后面的运行会被阻隔在此处,使得性能较差,代码维护性差等一系列的问题发生。 WebWork浅谈 前言...

    scq000scq000 评论0 收藏0
  • 开发第一个VUE插件

    开发第一个VUE插件

    摘要:背景项目中用到里面用到了弹出组件,但是效果不太满意,于是自己就想写一个简单的弹出组件。 背景 项目中用到element-ui,里面用到了弹出组件,但是效果不太满意,于是自己就想写一个简单的弹出组件。目前已经发布到npm:可以通过npm i dialog-wxy -s ...

    GalenceGalence 评论0 收藏0
  • 利用CSS改变图片颜色的100种方法!

    利用CSS改变图片颜色的100种方法!

    摘要:前言说到对图片进行处理,我们经常会想到这类的图像处理工具。或者是的时候,对图片的对比度,阴影进行处理。过滤器通常被用于调整图片,背景和边界的渲染。最后,安利我们的公众号前端指南。 前言 说到对图片进行处理,我们经常会想到PhotoShop这类...

    pineconepinecone 评论0 收藏0
  • 前端每日实战:138# 视频演示如何用纯 CSS 创作一张 iPhone 价格信息图

    前端每日实战:138# 视频演示如何用纯 CSS 创作一张 iPhone 价格信息图

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。接下来设置左侧背景墙的横条样式。 showImg("https://segmentfault.com/img/bVbhdbh?w=400&h=300");...

    shiweifushiweifu 评论0 收藏0
  • 前端每日实战:139# 视频演示如何用 CSS 和 D3 创作光斑粒子交相辉映的动画

    前端每日实战:139# 视频演示如何用 CSS 和 D3 创作光斑粒子交相辉映的动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbheOE?w=400&h=305"); 效果预览 按下右侧的点击预览...

    AaronYuanAaronYuan 评论0 收藏0
  • 每天坚持一个CSS——社会人

    每天坚持一个CSS——社会人

    摘要:每天一个社会人实现效果想法之前看到一篇博客,使用绘制出了小猪佩奇,所以自己想试一试,采用纯绘制出低配版的小猪佩奇。在布局上,没有坚持嵌套,导致缩放时位置错位,如果想实行缩放一致,可采用小猪的头部嵌套布局实现。 每天一个CSS-社会人 实现...

    EidesenEidesen 评论0 收藏0
  • 星级评分

    星级评分

    摘要:代码的完善需要更多的人参与其中,我希望有更多优秀的编程者可以参与其中一起讨论可以继续优化的地方以方便之后的改善。结尾在编程的过程中,我慢慢的发现了代码带来的魅力,无穷的想象力总能靠代码来实现。 星级评分插件 直接上图先看为主: showImg(...

    xiaokaixiaokai 评论0 收藏0
  • svgtofont.js 自动生成图标字体和彩色图标文件

    svgtofont.js 自动生成图标字体和彩色图标文件

    摘要:使用说明图标字体只能被渲染成单色,不能生成彩色图标。自动生成预览网站,预览字体文件。创建最大输入图标宽度的等宽字体。输出的字体高度默认为最高输入图标的高度。自动生成样式和。 一般情况我通过 iconfont 或者 icomoon 来实现图标管理生成字体...

    ranwuranwu 评论0 收藏0
  • 前端每日实战:137# 视频演示如何用纯 CSS 创作一个抽象的水波荡漾的动画

    前端每日实战:137# 视频演示如何用纯 CSS 创作一个抽象的水波荡漾的动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbg3CU?w=400&h=301"); 效果预览 按下右侧的点击预览...

    rottengeekrottengeek 评论0 收藏0
  • Slog64_项目上线之ArthurSlog个人网站上线3

    Slog64_项目上线之ArthurSlog个人网站上线3

    摘要:掘金主页简书主页多言数穷不如守中开发环境需要的信息和信息源开始编码本篇配置服务端环境网站的源码已经传送至服务器我们使用运营商的端连接登陆服务器登陆某云控制台,找到服务器登陆选项登陆服务器这里的服务器环境是位,首先需要下载安装打开官网,...

    blairblair 评论0 收藏0
  • 手把手教你如何实现拍照功能

    手把手教你如何实现拍照功能

    摘要:实现手机拍照功能,纯书写先上图为主,再做详细讲解需要注意的是这里的摄像头是主要是通过浏览器中的一个叫做属性在代码运行时打开页面自动开启不明白直接上代码的提供了访问媒体的能力基于该特性开发者可以不依赖任何浏览器插件下去访问视频和音频等设...

    EasonTylerEasonTyler 评论0 收藏0

热门文章

<