随笔分类 -  H5

h5 jq实现瀑布流
摘要：<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl 阅读全文

posted @ 2019-11-19 16:39 旺仔小裤头 阅读(388) 评论(0) 推荐(0)

jQuery省级联动
摘要：百度网盘demo 阅读全文

posted @ 2019-11-15 15:17 旺仔小裤头 阅读(107) 评论(0) 推荐(0)

js jquery 常用函数集合
摘要：getAttribute:根据属性值，获取到属性名querySelector:返回匹配指定选择器的第一个元素addEventListener:事件委托，事件冒泡(一般是在js中的写的html，需要触发事件时使用) ，，，，，，，，，，，，，，，，，，，，，，，，，，， 1.appendTo:动态创建 阅读全文

posted @ 2019-11-14 11:07 旺仔小裤头 阅读(249) 评论(0) 推荐(0)

h5 富文本编辑器
摘要：第一种：wangEditor（地址：https://www.kancloud.cn/wangfupeng/wangeditor3/332599） 首先需要引入js <script type="text/javascript" src="https://unpkg.com/wangeditor@3.1 阅读全文

posted @ 2019-11-13 16:58 旺仔小裤头 阅读(6845) 评论(0) 推荐(1)

向上取整，向下取整，四舍五入等
摘要：1.只保留整数部分（丢弃小数部分）parseInt(5.1234);// 5 2.向下取整（<= 该数值的最大整数） 需注意当有16位小数,且数字偏向与+1时，自动加一Math.floor(5.1234);// 5 Math.floor(5.11111111111111111111111111111 阅读全文

posted @ 2019-11-13 15:05 旺仔小裤头 阅读(577) 评论(0) 推荐(0)

前端常用的三大缓存
摘要：1.cookie(客户端，数据不能超过4k,关闭浏览器后缓存失效) ①原生js document.cookie="name" + "=" + '张三' + ";" let con=document.cookie.split(";")[0].split('=') console.log(con); / 阅读全文

posted @ 2019-11-12 15:30 旺仔小裤头 阅读(525) 评论(0) 推荐(0)

jquery 跳转，刷新，返回,判断浏览器型号
摘要：第一步引入jquery <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 跳转到其他页面： 第一种方法.$(location).attr('href','1.html')//在需要跳转的地方放入 第二种方法.wind 阅读全文

posted @ 2019-11-12 10:38 旺仔小裤头 阅读(210) 评论(0) 推荐(0)

百度地图使用
摘要：百度地图生成ak地址：http://lbsyun.baidu.com/apiconsole/key 1.根据位置获取到经纬度 ①第一种方法：(ak必须要是服务端) http://api.map.baidu.com/geocoding/v3/?address=地址名&output=json&ak=自己 阅读全文

posted @ 2019-11-12 09:58 旺仔小裤头 阅读(317) 评论(0) 推荐(0)

jquery随机数生成
摘要：Math.random().toString(36).slice(2,8)//r07yxl 结果举例 阅读全文

posted @ 2019-11-11 17:22 旺仔小裤头 阅读(794) 评论(0) 推荐(0)

H5 es6 foreach使用
摘要：数组.foreach(数组中的每一项,下标)=>{} 例如： let arr=[ {id:1,name:'张三'}， {id:2,name:'李四'}， {id:3,name:'王五'} ] arr.foreach(item,index)=>{ console.log(item.id) //1,2, 阅读全文

posted @ 2019-10-14 09:18 旺仔小裤头 阅读(905) 评论(0) 推荐(0)

H5 textarea高度自适应
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文

posted @ 2019-09-19 14:53 旺仔小裤头 阅读(798) 评论(0) 推荐(0)

radio 使用css修改默认单选样式
摘要：使用伪元素 阅读全文

posted @ 2019-08-30 10:58 旺仔小裤头 阅读(941) 评论(0) 推荐(0)

MVC与MVVM区别
摘要：mvc:Model=>View=>Controller 当用户在Model上有输入时，会通过Controller去更新模型，并且通知View进行更新 mvvm:model=>view=>viewmodel 提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可 阅读全文

posted @ 2019-08-20 16:20 旺仔小裤头 阅读(120) 评论(0) 推荐(0)

原生ajax请求的步骤
摘要：//第一步，创建XMLHttpRequest对象var xmlHttp = new XMLHttpRequest();function CommentAll() { //第二步，注册回调函数 xmlHttp.onreadystatechange =callback1; //{ // if (xmlH 阅读全文

posted @ 2019-08-20 15:06 旺仔小裤头 阅读(110) 评论(0) 推荐(0)

H5前端学习之路第4天--前端面试题 js
摘要：1.js的数据类型,null 和 undefined的区别，原始数据类型和引用数据类型的对比 (1).String,Object,Number,Boolean,Undefined,Null (2).undefined:表示缺少值,在使用var 声明变量但未对其加以初始化时，这个变量的值就是undef 阅读全文

posted @ 2019-08-19 19:04 旺仔小裤头 阅读(168) 评论(0) 推荐(0)

H5前端学习之路第3天--前端面试题 css
摘要：今天没有学习其他的,还是决定刷一些面试题看看 1. CSS 盒子模型，绝对定位和相对定位 盒子模型:一个元素是有content(内容),padding(内补白),border(边框),margin(外补白)四部分组成,而这四个部分就组成了css中的盒模型 绝对定位:position:absolute 阅读全文

posted @ 2019-08-15 11:49 旺仔小裤头 阅读(137) 评论(0) 推荐(0)

H5前端学习之路第2天--生成图表
摘要：第一种：Echarts GitHub链接:https://github.com/apache/incubator-echarts 如果想要查看所有的属性，可查看：https://www.echartsjs.com/zh/cheat-sheet.html || https://blog.csdn.ne 阅读全文

posted @ 2019-08-14 14:35 旺仔小裤头 阅读(215) 评论(0) 推荐(0)

H5前端学习之路第1天--css预处理器
摘要：预处理器包括:less,sass,stylus stylus 1.安装命令:npm install -g stylus 2.保存并自动编译命令:stylus -w demo.styl -o dist -w 是自动监视文件 -o 是将编译后的CSS文件输出到指定文件中 相同之处:都可以进行父子级之间的 阅读全文

posted @ 2019-08-13 18:30 旺仔小裤头 阅读(284) 评论(1) 推荐(0)

css3简单旋转
摘要：<style type="text/css"> .img{ width:1200px; height:300px; border:1px solid red; margin:auto; } li{ list-style:none; float:left; margin-left:15px; -web 阅读全文

posted @ 2018-09-30 13:10 旺仔小裤头 阅读(131) 评论(0) 推荐(0)