warn: 这是一篇没有一张图片的讲图片的文章 1. 图片格式 通常在网页中使用的图片有三种格式,jpg,png和gif。jpg是有损压缩格式,就算你在ps里用100%质量保存,保存多次会产生质量损失,而png和gif则…
标签:css
webpack把你的项目编译成了什么
webpack一般会帮我们把所有的文件(js,css,图片等)编译成一个js文件(webpack安装,使用),一般这个文件名为bundle.js。我们直接在html文件中用script标签引入就行了,就想下面这样: &l…
淘宝 rem 机制入门学习
一 移动设备尺寸多种多样,带来适配难度,有时甚至无从下手。1 移动设备上的Px 像素不等于设备的物理像素。iphone 6 作为开发标准设备不等于设备的物理像素。iPhone 5 物理宽度320iPhone6s 物理宽度…
不可变数组的范围求和
给定一个整数数组 nums,计算出从第 i 个元素到第 j 个元素的和 ( i ≤ j ),包括 nums[ i ] 和 nums[ j ]。例子: const nums = Object.freeze([-2, 0, …
【每日一包0004】array-slice
github地址:https://github.com/ABCDdouyae… array-slice 截取数组,同数组的slice方法一致 用法:array-slice(array, start, end)…
JD+XX金融的面试
好多记不得了,选了几个有映象的 1.盒模型 不想多说,太基础了 2.项目中的实现 针对性的问你一些做过的项目,但是dj这次面试基本问题都是从项目出发问的,很少问到基础,问性能优化相对多一点 3.jQuery经常用到那些方…
JS对象之封装(二)
JS 对象封装的常用方式 1.常规封装 function Person (name,age){ this.name = name; this.age = age; } Pserson.prototype = { cons…
Codepen 每日精选(2018-4-8)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 随机画出的树林https://codepen.io/ge1doot/fu… 纯 css 写的从空中俯视街道的效果https://cod…
前端面试每日3+1——第106天
今天的知识点 (2019.07.31) —— 第106天 [html] 除了音频和视频,HTML5还支持哪些媒体标签? [css] CSS中的calc()有什么作用? [js] 说说你对作用域链的理解 [软技能] Web…
html5之canvas
canvas是html5出现的新标签,主要用来画图,看见网上能用来实现各种图形,所以感觉很好玩,就学习了一下。canvas绘制图形有两种方法: context.fill() //填充 context.stroke() /…
深入理解 flex-grow & flex-shrink & flex-basis
前言 flex 有三个属性值,分别是 flex-grow, flex-shrink, flex-basis,默认值是 0 1 auto。 发现网上详细介绍他们的文章比较少, 今天就详细说说他们,先一个一个看。 flex-…
Write Css Codes Distinct From Different Pages
In rails, there is normally a view corresponding to an action. So if you want to do some special styles based …