![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 67
Chauncywu_fw
go
展开
-
基本JPEG(Baseline JPEG)和渐进JPEG(Progressive JPEG)
本文永久链接一、 JPEG介绍JPEG 是Joint Photographic Experts Group(联合图像专家小组)的缩写,是第一个国际图像压缩标准。JPEG图像压缩算法能够在提供良好的压缩性能的同时,具有比较好的重建质量,被广泛应用于图像、视频处理领域。1.1. JPEG不同场景的解释:作为委员会:是Joint Photographic Experts Group(联合图像...原创 2019-02-28 23:53:42 · 5848 阅读 · 0 评论 -
CSS自定义滚动条样式
本文原地址1. 代码 /*---滚动条整体样式--*/ ::-webkit-scrollbar{ width: 16px; height: 16px; } /*---滑块部分--*/ ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #555; } /*...原创 2019-01-07 23:51:16 · 140 阅读 · 0 评论 -
常用meta整理
本文原地址1. SEO优化页面关键字<meta name="keywords" content="your tags" />页面描述<meta name="description" content="150 words" />搜索引擎索引方式<meta name="robots" content="原创 2018-12-12 00:29:13 · 352 阅读 · 0 评论 -
前端获取各种宽高
本文原地址图片仅供参考,由于部分属性各个浏览器解释不一致,有些错误,等研究透后再修改。1. 获取浏览器宽高window.innerHeight:浏览器内页面可用高度;此高度包含了水平滚动条的高度(若存在)。可表示为浏览器当前高度去除浏览器边框、工具条后的高度。window.outerHeight:浏览器高度。window.innerWidth:浏览器内页面可用宽度;此宽度包含...原创 2018-12-10 23:20:24 · 2212 阅读 · 0 评论 -
切图技巧整理
本文原地址快捷键新建参考线:alt+V+E切图方式传统切图:手动切片参考线切片精准切图:文件->导出/脚本->将图层导出到文件(勾选“透明区域”、“交错”、“裁切图层”)自动切图使用PS CC版本集成的新功能:编辑->首选项->增效工具->勾选“启用生成器”文件->生成->图像资源在需要的组或...原创 2018-12-09 18:32:21 · 256 阅读 · 0 评论 -
css背景图撑开盒子高度
本文原地址需求:给定1980px*1080px背景图,在网页显示时,图片宽度等于浏览器宽度,高度根据原图比例显示对应高度,假设图片最小宽度设置为1024px,则最小高度为1024/(1980*1080)=576px问题:背景图,是作为容器的一个属性存在的,并不是作为容器的内容,除了宽高padding这类以外的属性,其他的一般不能撑开容器,想要用这张图撑开容器的话,在现有知识下只能想到用i...原创 2018-12-07 00:12:06 · 8355 阅读 · 0 评论 -
JS动态获取图片缓存问题解决
本文原地址问题场景·需求:用户修改商品图片,需要及时更新商品图片,以便用户确认修改图片成功。·问题:上传一张图片,通过js更新src属性刷新图片使其即时显示时,当img的src与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)仍显示原来的图片。·原因:当src的地址不变时浏览器不会重新加载图片仍从缓存里面读取。解决:通过前台处理,让JS每次生成一个随机数作参数放在sr...原创 2018-12-07 00:09:50 · 3833 阅读 · 0 评论 -
CSS动画
本文原地址1. transition(1)使用// 简写transition: height 1s 1s ease;// 具体属性transition-property: height; // 指定需要动画的属性transition-duration: 1s; // 动画执行时间transition-delay: 1s; ...原创 2018-12-12 23:20:55 · 115 阅读 · 0 评论 -
移动端Web自动播放音乐问题
本文原地址关于移动端Web音乐自动播放的问题,可以分为三种:支持audio的autoplay,大部分安卓机子的自带浏览器和微信,大部分的IOS微信(无需特殊解决)不支持audio的autoplay,部分的IOS微信 (解决ios下的微信打开的页面背景音乐无法自动播放)不支持audio的autoplay,部分的安卓机子的自带浏览器(比如小米)和ios safari(只能做用户触屏时触发播...原创 2018-11-25 15:52:26 · 1541 阅读 · 1 评论 -
腾讯云 + WordPress 搭建个人博客
本文原地址开始前了解自己适合那种方式搭建个人博客的几种高效方案教程一:手动搭建,过程比较麻烦,但可以学习搭建过程教程链接:【腾讯云的1001种玩法】如何使用腾讯云做博客记录下搭建过程遇到的一些问题关于域名与服务器若购买国内厂商提供的服务器,如腾讯云、阿里云,则域名需要是国内的并且需要备案,如果域名购买的是国外的,需要转入国内,由于各个域名厂商转入方式不同,自行搜索“域名转入...原创 2018-11-25 15:42:48 · 2892 阅读 · 1 评论 -
Github Pages + Hexo 搭建个人博客
开始前了解了自己适合那种方式搭建个人博客的几种高效方案前置知识GitHubGithub 官网廖雪峰教程- Git 教程个人 Git 笔记开始搭建阮一峰教程-搭建一个免费的,无限流量的 Blog---- github Pages 和 Jekyll入门至此你可以成功使用 GitHub Pages 搭建一个简单的个人博客了。阮一峰教程中提到域名绑定,如果需要的继续往下看。不需要的...原创 2018-09-23 17:20:18 · 226 阅读 · 0 评论 -
iOS光标错位以及微信页面不回弹问题
本文永久链接场景正常文档流中出现的input;fixed定位的模态框中含有input;问题微信iOS 6.7.4 —— 微信iOS 7.0.1?,在软键盘收回后,页面不回弹;iOS 11 —— iOS 11.3,输入框获取焦点后,弹出软键盘,而输入光标错位;Bug 176896原因微信iOS 6.7.4版本引入的bug,目前(7.0.1)未修复iOS 11 —— iO...原创 2019-04-30 11:18:54 · 763 阅读 · 0 评论