文章库ARTICLE COLUMN

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

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

    因为部分需求(跟换头像,切换轮播图等等)改变图片或者本地上传新图片,会导致图片缓存问题,从而达不到预期效果,还是加载原图片查找了一些资料,总结出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
  • 你知道SVG Sprites是什么吗,还在用css sprite就太low了

    你知道SVG Sprites是什么吗,还在用css sprite就太low了

    摘要:它是基于,由联盟进行开发的。是一种采用来描述二维图形的语言这个大家都知道,那么元素是什么呢单纯翻译的话,是符号的意思,然我的理解是元素用来定义一个图形模板对象,它可以用一个元素实例化。 showImg("https://segmentfault.com/img/bVbhAl9?w=...

    fevinfevin 评论0 收藏0
  • 前端每日实战:140# 视频演示如何用纯 CSS 创作文本的淡入动画效果

    前端每日实战:140# 视频演示如何用纯 CSS 创作文本的淡入动画效果

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

    leo108leo108 评论0 收藏0
  • 前端开发学习笔记 - 1. Node.JS安装笔记

    前端开发学习笔记 - 1. Node.JS安装笔记

    摘要:安装笔记官网下载文件官网地址安装程序双击进行安装。点击下一步程序安装的一个好的习惯是,把程序安装到盘或者盘的目录下面。 Node.JS安装笔记 Node.js® is a JavaScript runtime built on Chrome"s V8 JavaScript engine. Node.js uses an event-d...

    BryanBryan 评论0 收藏0
  • 【Leetcode】72.编辑距离

    【Leetcode】72.编辑距离

    摘要:题目给定两个单词和,计算出将转换成所使用的最少操作数。这个题目比较为主要是,状态转换比较复杂。 题目 给定两个单词 word1 和 word2,计算出将 word1 转换成 word2 所使用的最少操作数 。你可以对一个单词进行如下三种操作: 插入一个字符 删除一...

    TZLLOGTZLLOG 评论0 收藏0
  • 【响应式布局】initial containing block、viewport以及相关尺寸

    【响应式布局】initial containing block、viewport以及相关尺寸

    摘要:影响着其中元素的尺寸和定位。在标准中,元素的称为。当的宽度高度使用百分数的值时,这个百分数的基准就是的尺寸。例子其中就溢出了的区域。造成以上不同的原因是,在桌面端的缩放和在移动端的缩放有不同的性质。这两个数值的单位是设备独立像素。 前...

    weknow619weknow619 评论0 收藏0

热门文章

<