前端开发 - 飞燕前端网 - web前端开发工程师互动平台

前端开发

xhtml+css

CSS媒体查询 @media

PC端和移动端自适应，自动换行@mediascreenand(max-width:850px){/*以下代码在屏幕小于850的情况下执行*/.dsad{/*父类*/display:flex;/*flex布局*/flex-wrap:wrap;/*是否支持子类换行*/}.asdf{/*子类*/width:100%;...
作者：ryan2018-10-18
xhtml+css

input radio单选框样式优化

HTML代码：水果
作者：ryan2017-11-22
xhtml+css

input range样式优化

首先HTML代码：css代码：input[type="range"]
作者：ryan2017-11-22
xhtml+css

css字体更小 css比12px更小的方法

1、默认查询显示不达标的数据主要是利用了一个变形的原理吧。因为我当前是APP的，什么浏览器兼容代码那些就不写了，需要的同学自己加上！
作者：ryan2017-10-28
xhtml+css

CSS定义字体间距字体行与行间距

letter-spacing:像素（字母或中文字的左右间距）word-spacing:像素（两个单词之间的左右间距）line-height:像素（两行之间的间距）text-decoration:字体的装饰（如删除线等）vertical-align:垂直上的位置text-align:...
作者：ryan2017-10-28
xhtml+css

css修改滚动条默认样式

　　页面HTML：　　这是内容111这里是内容222这里是内容333　　css代码：　　1.inner
作者：ryan2017-03-02
xhtml+css

css文本超出隐藏显示省略号

pstyle="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览...
作者：ryan2016-12-21
javascript

canvas小tip–下载二维码、图片加水印

昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。一、下载二维码（查看如何生成二维码） HTMLCanvasElement提供了toDat...
作者：ryan2018-03-20
javascript

分享一个生成二维码的插件–QRCode.js

随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。1、引入插件/*html*//*js*/2、基本用法varqrcod...
作者：ryan2018-03-19
javascript

JS判断单、多张图片加载完成

在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备就绪，可以生成PDF了。试想...
作者：ryan2017-08-13