- 博客(18)
- 收藏
- 关注
原创 前端高频面试总结(HTML篇)
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式(可通过document.compatMode获取,比如,语雀官网的文档类型是。
2023-04-11 11:24:17
114
原创 自定义select
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatib...
2021-03-31 16:10:37
619
原创 form表单验证封装
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=...
2020-08-13 16:45:33
351
原创 原生js实现from表单验证
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.c..
2020-06-09 21:04:24
2471
原创 mescroll实现移动端上拉加载下拉刷新
html<!DOCTYPE html><html lang="en" style="background:#f7f7f7 "><head> <meta charset="UTF-8"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,use.
2020-06-09 17:07:53
501
原创 原生js实现懒加载
效果如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-11-18 19:15:06
121
原创 vue实现滚动加载
//template:<template><ul class="Prolist"> <li v-for="(item,i) in commrecommend" :key="i"> <router-link :to="'/Detaiils/'+item.commId" class=...
2019-05-13 15:48:10
7409
原创 vue使用bootatrap简单分页
html: <link rel="stylesheet" type="text/css" href="bootstrap.css"/> <script type="text/javascript" src="js/vue.js"></script> <script type="
2019-02-26 09:53:06
276
原创 VUE简单tab切换
html:<div id="my"> <ul class="title"> <li v-for="(item,index) in title" @click="tab=index" :class="{'active':tab==index}">{{item}}</
2019-02-20 15:33:29
208
原创 formdata上传多张图片并显示
jsfunction upImg(){ formData.append('state', 0); formData.append('type', 0); $.ajax({ url: "http://192.168.1.61:8080/WeMallManage/shopcommodity/uploadImg", type: 'PO...
2018-11-13 13:38:01
7312
1
原创 jq的ajax简单查询应用
var url="http://192.168.1.61:8080/WeMallManage";//商品列表$.ajax({ url:url+"/shopcommodity/findCommdityMessage", data:{}, type:"POST", dataType:"json", success:function(data){ var data=data; ...
2018-11-08 13:28:06
267
转载 jq动态创建表格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;
2018-10-31 16:20:38
967
转载 jquery 通过url 进行地址传参(中文乱码处理)
一、传递参数页面.html<script type="text/javascript"> var name = 'abc'; //字符串英文 var num = 998; //数字 var cla= '电脑'; //中文 var _t = encodeURI(encodeURI(cla)); //中文需要进行两次encodeURI...
2018-10-31 10:17:50
999
原创 css实现垂直居中的3种方法
方法一这个方法吧一些div的显示方式设置为表格,因此我们可以使用表格的vertical-align property属性html:<div id="wrapper"> <div id="cell"> <div class="content">Content goes 你好</div>
2018-06-27 11:36:44
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人