- 博客(12)
- 资源 (37)
- 问答 (2)
- 收藏
- 关注
原创 ES6学习之路3----rest参数与扩展运算符
什么是rest参数(…rest) ES6引入rest参数(形式为“…变量名”),用于获取函数的多余参数。rest参数之后不能再有其他参数(即只能是最后一个参数)。函数的rest参数ES5写法:function fn(){ for(var i = 0; i<arguments.length ; i++){ console.log(arguments[i]); }
2017-11-30 16:17:55 2938
原创 ES6学习之路2----变量的解构赋值
什么是解构 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。简单的解构赋值实例:let [a,b,c] = [1,2,3];等同于:let a = 1,b = 2,c = 3;数组的解构赋值 数组的元素是按次序排列的,变量的取值由它的位置决定。1.只要等号两边的模式相同,左边的变量就会被赋予对应的值。 2.如果解构不成功
2017-11-29 16:20:10 317
原创 ES6学习之路1----变量的声明
1、var 它是variable的简写,可以理解成变量的意思。在ES6之前,JS声明变量都是采用的var。实例1:var str = "Hello World!";console.log(str);//Hello World!实例2:var a=2;if(true){var a=3;}console.log(a);//3实例3:for(var i=0;i<10;i++){console
2017-11-28 17:41:36 474
原创 双飞翼布局----利用float和margin实现双飞翼布局
圣杯布局实现两边定宽,中间自适应的三栏布局,中间栏要放在文档流前面以优先渲染。 这里改进只是对布局进行改进,会将中间栏放到最后渲染!HTML代码<div id="main-content"> <div id="main-left">left容器</div> <div id="main-right">right容器</div> <div id="
2017-11-24 15:17:21 493
原创 双飞翼布局的原理
双飞翼布局的起源双飞翼布局介绍-始于淘宝UED双飞翼布局解决的问题 两边定宽,中间自适应的三栏布局,中间栏要放在文档流前面以优先渲染。其实双飞翼布局就是在圣杯布局的原理上进行完善,实现相同效果的完美布局!双飞翼布局原理HTML代码<div id="content"> <div id="main-wrap"><div id="main"></div></div> <
2017-11-24 14:51:34 1903
原创 圣杯布局的原理
圣杯布局的起源In Search of the Holy Grail圣杯布局解决的问题 两边定宽,中间自适应的三栏布局,中间栏要放在文档流前面以优先渲染。圣杯布局的原理HTML代码<div class="content"> <div class="center col"> </div> <div class="left col"> </div>
2017-11-24 13:54:25 3653
原创 前端自适应----单位rem
下边是大神对《移动前端自适应解决方案和比较》的链接: 移动前端自适应解决方案和比较通过使用,自我感觉网易的解决方案是最方便我们使用时候的计算。 代码:(function(factory){ factory(); window.addEventListener('resize',factory,false);}(function(){ var width = documen
2017-11-21 15:37:34 1353
原创 神奇的position:sticky
sticky定义position:sticky定义, eg:CSS中position属性介绍(新增sticky) 设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。sticky特点sticky属性有以下几个特点:
2017-11-21 13:54:08 2000
原创 使用showdown.js将Markdown文档转换为HTML
引入showdown.js<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script>通过showdown转换var converter = new showdown.Converter();//转换为HTMLvar html = converter.makeHtml(markdownText);/
2017-11-16 10:47:58 2405
原创 Markdown在线编辑器
使用showdown.js实现的Markdown在线编辑器DEMO效果图引入showdown.js<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script>HTML代码<div class="editor-box"> <p class="head-name">Markdown编辑器</p&g
2017-11-15 11:09:23 983
原创 MUI导航栏透明渐变----原生JS实现
首先声明:由于backgroundColor的值采用的是RGBA,IE8及以下不支持,所以此效果不支持IE8及以下的浏览器css代码body,p,h1{margin: 0;}.module-layer{ width: 100%; position: fixed; top: 0; left: 0; z-index: 100000;}.module-laye
2017-11-07 11:27:47 4196
原创 MUI索引列表自定义----添加热门、最近等多个模块
先看一下我们要实现的效果图首先我们需要引入的文件<link href="../css/mui.min.css" rel="stylesheet" /><link href="../css/mui.indexedlist.css" rel="stylesheet" /><script src="../js/mui.min.js"></script><s
2017-11-03 19:04:37 3822 6
uniapp 基于 vue3 开发的【验证码输入框】
2024-04-11
批量修改文件名和将txt转excel
2022-06-08
python 批量将xlxs文件中的base64转成png图片
2022-05-07
python ---- 批量图片压缩工具
2021-02-24
原生js ---- 九宫格和转盘抽奖插件
2018-12-05
微信小程序----高德地图API实现的DEMO
2018-02-07
原生js ---- showdown制作的Markdown在线编辑器
2017-11-15
微信小程序 ---- 导航栏随滚动透明渐变
2017-11-08
mui ---- 搜索列表自定义
2017-11-03
原生js ---- ueditor富文本编辑器实例
2017-10-17
原生js ---- 二维码生成器demo
2017-09-19
原生js ---- 二维码解析器和移动端长按识别二位码demo
2017-09-19
原生js ---- HTML5中canvas制作的在线取色器
2017-09-11
通过sql筛选excel数据
2022-11-15
jquery的滚动监听事件
2017-06-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人