- 博客(71)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端常用词汇
1、HTMLheader 头部/页眉；body 身体；index 首页/索引；home 首页/家；logo 标志；navigation/nav 导航；menu 菜单；banner 横幅广告；main 主体；content内容；container/con 容器； wrapper/wrap 包裹（类似于container）； sub_menu/second_menu 子菜单/二级菜单；list 列表；item 项目；name 名字；section 分区/分块（类似于div）；children 孩子；art.
2020-12-03 14:00:04
2098
原创 vue使用中的小知识点
1、vue-cli的index.html中引入的资源要放置于static文件夹中2、vue属于数据驱动，使用vuex时，为了使数据更加规整，可以给每个页面都单独建立一个对象，这样在各个对象引入时，也只需要引入该页面的对象即可。const state={login:{},user:{}} ...mapState(['login'])3、引入的插件需要在main.js中定义后才能使用；...
2018-11-17 15:08:48
181
原创 项目中的常用小知识点
1、a标签代替button使用（鼠标状态自动为小手：cursor设置鼠标状态）,a标签清除样式 text-decoration: none;a标签禁用方法：href="javascript:"、href="javascript:void(0)"、href="#"(此方法可回到顶部)2、换行： 先设置宽度，然后使用 word-wrap: break-word，数字字母换行word-break...
2018-08-31 23:04:32
187
原创 vue-cli的样式初始化
清除多余样式，实现高度宽度自适应，放置App.vue中#app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:100%; height:100%;}...
2018-08-04 09:36:29
3890
原创 mysql的操作 （一）DDL
注意：1、sql语句不区分大小写，推荐关键字大写； 2、sql语句都以分号结尾，没有输入分号不会执行，只会显示箭头； 3、出现 Query OK 为操作成功； 4、字符集推荐使用utf8mb4，因为utf8字符集长度为3字节，但有些符号占4字节； 5、排序规则推荐使用utf8mb4_bin（区分大小写）或utf8mb4_general_ci（不区分大小写）DDL : 数据定义语言，用来定义数据库对象（数据...
2022-05-28 14:16:15
146
原创 swiper进行分组轮播（分组js）
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</titl.
2021-04-30 10:00:51
1026
原创 根据输入内容随机渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-03-30 13:33:54
131
原创 图片视差效果
需要引入jq库// parallax（插件）//调用方式<script type="text/javascript" src="//dfs.yun300.cn/group1/M00/1C/5D/rBQBHF7wX0GEKouDAAAAADaOm2Q3693.js"></script>//主题结构<ul class="nparallax-scene"> <li class="layer" data-depth=".20"> <...
2020-11-06 16:34:37
225
原创 图片弹窗放大
都需要引入jq库// lightGallery （插件）//调用方式<script type="text/javascript" src="//dfs.yun300.cn/group1/M00/1C/94/rBQBHF8H0iWEf5oBAAAAAK1aPmU3811.js"></script><link rel="stylesheet" type="text/css" href="http://dfs.yun300.cn/group1/M00/1A/5A/rBQBH
2020-11-06 09:38:29
196
原创 多个swiper的循环写法
<div> #foreach($pVO in $!proList) <div class="p_flex"> <div class="p_left"> <div class="p_content"> <div class="p_cn">$pVO.nameValue</div> <div class="p_en">$pVO.summaryValue</div&g...
2020-05-12 10:02:09
1362
原创 两块内容无缝滚动（纯css）
<style> @keyframes d_fu1{ 0%{transform:translateX(0)} 50%{transform:translateX(-100%)} 50.001%{transform:translateX(100%);display:none} 100%{transform:translateX(0);display:blo...
2020-03-26 11:20:49
248
原创 js的小知识点（二）
1、JavaScript 语言将函数看作一种值，与其它值（数值、字符串、布尔值等等）地位相同。凡是可以使用值的地方，就能使用函数。比如，可以把函数赋值给变量和对象的属性，也可以当作参数传入其他函数，或者作为函数的结果返回。函数只是一个可以执行的值，此外并无特殊之处。由于函数与其他数据类型地位平等，所以在 JavaScript 语言中又称函数为第一等公民。将一个匿名函数赋值给变量。这时，这个...
2019-01-18 17:45:29
168
原创 js小知识点(一)
1、console.log(x)； ReferenceError: x is not defined ；表示变量未找到，没有声明(var)，没有赋值undifined；表示已声明，但没有赋值；2、null与undifined的区别null是一个表示“空”的对象，转为数值时为0；undefined是一个表示"此处无定义"的原始值，转为数值时为NaN3、布尔值为false的六种...
2019-01-18 14:35:42
158
原创 前端开发的大小写问题
1、html大小写不敏感，建议坚持小写2、js大小写敏感，常使用驼峰的写法(第二个词的首字母大写)3、css较为复杂（1）id名和class名是区分大小写的，只有标签选择器不区分 （2）属性名和属性值是不区分大小写的，属性名中含有“-”的，在js中使用要变为驼峰的写法，或使用引号包裹4、总结：坚持使用小写，js的变量名为了不混淆可以使用a_b的形式，使用下划线（_）连接...
2019-01-17 15:06:45
1957
原创 jquery自制前端分页
1、项目中常用的简易分页，超过1页显示，使用/search接口传值为page,需要接收总条数data-sum,每页条数data-everyCSS.pages{width:100;height: 32px;margin: 15px auto;text-align: center;line-height: 32px;font-size:0;display:none;}.pages div{...
2019-01-17 11:42:47
523
原创 宽高自适应
来制作宽高自适应的容器,使用padding来代替高度，其子元素需要使用position:absoulte;3、高度自适应，父级position:relative，元素position:absoulte;1、在前端编程中，最常用的是宽度自适应，只需要body,html{width:100%}，元素宽度使用时都用百分比表示即可，padding,margin,left,right的参照对象都是其父级宽度。2、充满屏幕可使用特定的单位，宽度 100vw，高度 100vh，使用vw和vh即可按照屏幕自适应，
2018-12-11 17:55:35
213
原创 axios上传文件与koa接受文件
前端vuelet param = new FormData(); //创建form对象 param.append('img',state.banner.edi.pic);//图片文件 param.append('sort',state.banner.edi.sort);//正常内容let config = { headers:{'Content-Type':'m...
2018-11-26 17:51:19
1398
原创 vue点击空白处隐藏
提供两种常用方法1、方法比较简单，原理是需要隐藏的点击document使其show的值为false,点击需要出现的加上阻止冒泡即可。@click.stop="isShow" (推荐使用)mounted(){ var that=this;//this的指向问题 document.addEventListener('click',function(e){...
2018-11-19 11:48:54
3094
3
原创 vue省市区三级联动
组件可直接使用，（省市区已校对放心使用） <template><div class="container" ref="citySelect"><div class="select"> <input type="text" v-model="city.province" placeholder=
2018-11-17 17:26:03
1276
原创 vue中element-ui的按需引入（vuex）
由于element-ui的组件太多，vue的插件又不好寻找，所以采取按需引入，但按需引入时坑很多。。。下面介绍成功的方式和遇到的坑，下面会以引入弹框插件（MessageBox）为例1、按照官方文档下载安装 babel-plugin-component与element-uinpm install babel-plugin-component element-ui -D --save...
2018-11-17 10:18:50
1410
原创 laydate的使用
1、引入laydate.js，文件夹中要含有theme文件2、日期比较 //时间搜索渲染与验证 //日期组件 laydate.render({ elem: '#date1', theme: '#d43b2d', done:function(){ var date1=$('#date1').val()....
2018-11-09 10:27:28
513
原创 jsp前端常用
1、<% 语句 %>2、<%= 表达式 %>3、for循环<c:forEach items="${page.rows}" var="d" > <tr> <td>${d.d_id }</td&g
2018-11-08 17:06:32
470
原创 随机数的方法（正整数）
function random(min, max) { if (arguments.length < 2) { max = min; min = 0; } if (min > max) { var hold = max; max = min; min = hold; }...
2018-10-23 18:09:38
1385
原创 常用的正则表达式
1、百分数（1-100） /^([1-9][0-9]?|100)%$/2、手机号/^[1][3-9][0-9]{9}$/3、身份证号/^[0-9]{17}[0-9xX]$/4、e-mail/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/5、中文/^[\u4e00-\u9fa5]+$/6、10的倍数/^[1-9...
2018-10-20 14:49:02
723
原创 jquery.validate.js方法拓展
1.拓展名验证2.手机号验证3.身份证验证4.中文验证5.密码验证（数字字母._6-18位）6.确认密码（1）//图片拓展名 jQuery.validator.addMethod("subImg",function(value,element){ var fileName=element.files[0].name; ...
2018-10-20 11:28:50
257
原创 百度编辑器的前端使用
1、引入文件<!--百度编辑器--><script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.config.js"></script><script type="text/javascript" charset="
2018-10-05 11:47:17
613
原创 jquery.validate.js对 form表单的验证
1、引入jquery.validate.js；引入文件要在jQuery文件之后2、直接在js中验证，直接上实例：//内容验证 $().ready(function() { //图片拓展名 jQuery.validator.addMethod("subImg",function(value,element){ var ...
2018-10-05 11:04:47
772
原创 select2的使用
1、引入select2的js文件，引入的文件需要在jquery文件后<script type="text/javascript" src="__PUBLIC__/admin/js/select2.full.min.js"></script>2、引入select2的css文件，引入的文件最好在自己的样式文件之前（便于对select2的样式进行自定义修改）<l...
2018-10-05 10:28:30
524
原创 String的slice、split方法；Array的slice、splice方法
1、字符串的slice：用于从原字符串取出子字符串并返回，不改变原字符串。它的第一个参数是子字符串的开始位置，第二个参数是子字符串的结束位置（不含该位置）。var s="hello-word";var r=s.slice(6);console.log(s);//hello-wordconsole.log(r);//word2、字符串的split：按照给定规则分割字符串，返回一个由分...
2018-09-19 15:24:18
852
原创 js中取2-32间的随机数组成自定义数组
function f(n){ //大于数组长度时，取数组长度 if(n>31)n=31; var number=[]; while(n){ //随机数的选取方法31为所需的数组长度 var num=Math.floor(Math.random() * 31)+2; //数组查重的方法 if(...
2018-09-19 14:45:06
1474
原创 js中布尔值为false的六种情况
下面6种值转化为布尔值时为false，其他转化都为true1、undefined（未定义，找不到值时出现）2、null（代表空值）3、false（布尔值的false，字符串"false"布尔值为true）4、0（数字0，字符串"0"布尔值为true）5、NaN（无法计算结果时出现，表示"非数值"；但是tapeof NaN==="number"）6、""（双引号）或''（单引...
2018-09-17 11:06:49
4255
全国省市区数据（手工核对整理），内含一份json数组，一份js数组，原生select三级联动，手写jQuery自定义三级联动可查看我的博客
2018-08-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人