- 博客(30)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS 实现加载效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>加载效果</title> <style type="text/css"> * { padding: 0; margin: 0; } #progressbar { position: fixed; left: 0; right: 0;.
2020-07-22 15:38:52
756
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 关键字搜素
在开发过程中,经常会遇到关键字查询功能,比如酒店列表,搜索酒店名称查询对应酒店,如果将查询交于后端实现的话,前端只需将关键字传递给后端接口,但是不断的请求服务器定然不是可行之举啊!所以最优的解决方案就是只访问一次服务器拿到所有的酒店数据,然后在前端去做筛选。具体怎么实现呢?watch: { hotel_name: function(newval,...
2020-01-09 17:55:27
326
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 个人头像修改
这篇小编要分享给刚踏出校园,进入职场的初级前端开发人员,让你们更快的在公司立足。。下图是用vue 开发的个人资料修改中头像上传部分,希望能帮到你,为了更好地帮助,小编就不放代码了 如需要评论小编 小编将发送给你...
2020-01-09 14:24:40
1812
4
原创 JS 验证码功能的实现
一图形验证码<div class="code"> <input type="text" value="" placeholder="请输入验证码(不区分大小写)" class="input-val"> <canvas id="canvas" width="100" height="30"></canvas> <butto...
2020-01-09 17:06:46
772
原创 Vue 项目环境搭建
第一步,安装node.js根据实际操作系统选择安装包下载地址:https://nodejs.org/en/download/ 打开Cmd命令行 输入 node–v检测安装是否成功第二步npm设置大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。npm install -g cnpm --registry=https://registry...
2020-01-09 13:50:31
275
原创 谈谈less与sass
介绍:less和sass都可以视为一种基于CSS之上的高级语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等,加快了css的开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用。sass的功能比less强大,基本上可以说是一种真正的编程语言了,less则相对清晰明了,易于上手。二者的区别:实现方式不同。less是基于...
2020-01-09 12:03:03
359
原创 前端精华集锦(一)
1. 布局框架: Bootstrap:http://getbootstrap.com/ Foundation:http://foundation.zurb.com/ Uikit:http://www.getuikit.com/ Web Components:http://css-tricks.com/modular-future-web-components/...
2020-01-09 11:47:38
175
原创 js字符串截取
字符串截取slice()方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下: 1 stringObject.slice(start, end) 参数说明:start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1指最后一个字符,-2指倒数第二个字符,以此类...
2020-01-09 11:40:42
163
原创 常用的Meta标签写法和作用
常用的Meta标签写法和作用 页面关键词 <meta name="keywords" content="your tags" /> 页面描述 <meta name="description" content="150 words" /> 搜索引擎索引方式 <meta name="robots" content=
2018-07-27 16:29:12
377
原创 HTML+CSS前端学习
HTML相关示例及代码: http://www.runoob.com/html/html-tutorial.html / http://www.runoob.com/html/html5-intro.html http://www.runoob.com/css/css-tutorial.html / http://ww...
2018-07-23 13:21:28
603
原创 CSS给超出去的文本隐藏并添加省略号
<!DOCTYPE html><html ><head><meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <meta name="viewport
2018-07-20 19:22:38
277
原创 ES6
<!DOCTYPE html><html ><head><meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <meta name="viewport
2018-07-20 19:17:40
158
原创 js拓扑图-vis插件
<html><head> <title>js拓扑图-vis插件</title> <link href="https://cdn.bootcss.com/vis/4.21.0/vis.min.css" rel="stylesheet"> <style type="text/css&
2018-07-20 19:11:59
1560
原创 陌上花开,可缓缓归矣
陌上花开,可缓缓归矣“陌上花开,可缓缓归矣。”含义:(夫人),田间阡陌上的花开了,你可以一边赏花,一边慢慢地回来。“陌上花开,如果没有悄然伫立阡陌并为陌上风情所陶醉的人,那么花开也寂寞,风情也苍白....”喜欢这句话,是因为看了忍冬的作品“陌上花开缓缓归“阳春三月,风和日暖,信步城外,看阡陌之上的杨柳依依,野花绚烂,身心不由得轻爽而浪漫。“三月风情陌上花”,古远的诗句似乎随风从天边飘来...
2018-07-17 16:15:18
1481
原创 用原生JS实现网上点餐功能
HTML:<table border="2px" rules="all" bordercolor="pink" width="300px" height="20px"><thead align="center"><tr><th><input type=&qu
2018-05-22 14:06:50
2980
1
原创 用原生JS实现的简单注册信息
HTML:<div class="warp" id="txt2"> 用 户 名:<input type="text" id="dome" onblur="func2()" autofocus required/><span id="text">输入4~8位数字或字母</span>
2018-05-07 11:35:22
682
原创 用JS实现把码去掉变成逗号
JS操作:<script>var x = "yes,she****is%%*my@love";var y=x.replace(/\W{1,4}/g,",");alert(y)</script>
2018-05-05 13:41:54
435
原创 用JS生成13位条形码
js操作:window.onload=function(){var x ="698394303457";var y=x.split("");var sum = 0;var sum1 = 0;for(var i=0;i < y.length;i++){if(i % 2 == 0){sum += Number(y[i]);}else{sum1 += Number(y[i]);...
2018-05-03 16:07:38
2783
原创 判断字符串中次数最多的,多少次
jsvar x = prompt("请输入");var json = {};for(var i= 0;i < x.length;i++){if(!json[x.charAt(i)]){json[x.charAt(i)] = 1;}else{json[x.charAt(i)]++;}}var number1='';var num=0;for(var i in json){...
2018-05-03 14:11:29
223
原创 统计字符串中的大小写字母个数
<textarea cols="20" rows="10" id="dome1"> </textarea><h2 id="dome2">剩余(100)个字符</h2><br /><button onclick="func1()"&g
2018-05-03 14:08:31
5079
原创 用原生JS实现字符串的反转
//定义一个变量并赋值;var x = "扎心了,我的作业";//变成数组var y = x.split("");//把数组反转var z = y.reverse(y);//弹出反转后的新值 alert(z.join(""));
2018-04-27 12:06:56
1333
原创 用原生JS判断用户输入的邮箱是否正确
JS操作:var x = prompt("输入格式");if(x.charAt(x.length-4) == "." && x.indexOf(".") == x.length-4 && x.lastIndexOf(".") == x.length-4){if(x.indexOf("@") == x.length-7 || x.indexOf
2018-04-26 10:12:42
1888
原创 用原生js判断用户输入的图片格式是否正确
JS操作:var x = prompt("输入格式");if(x.slice(-4) == ".jpg" || x.slice(-4) == ".png" || x.slice(-4) == ".gif"){if(x.charAt(x.length-4) == "."){if(x.indexOf(".") == x.length-4 && x.last
2018-04-26 09:54:48
720
原创 用JS来判断一个人数有没有小于给定的数,有就替换,并增加到新数组
JS操作: var arr=[170,182,178,169,176]; var laonian=[]; for(var i=0;i<arr.length;i++){ if(arr[i] <= 172){ var x = laonian.concat(arr[i]) laonian=[x]; arr[i]=...
2018-04-25 10:25:39
577
原创 用原生JS编写的类似轮播图特效(二)
JS部分: window.onload = function() {var oBtn1 = document.getElementById("btn1");var oBtn2 = document.getElementById("btn2");var oTitle = document.getElementById("title");var oImg = document.getEleme...
2018-04-24 21:37:08
150
原创 用JS实现简单的类似轮播图的特效(一)
JS部分:window.onload=function (){var Oleft =document.getElementById("left");var Oright =document.getElementById("right");var Onum =document.getElementById("tushu");var Owenzi =document.getElementByI...
2018-04-24 11:02:18
874
原创 用原生js实现反选与全选的小功能
HTML 部分:<form><input type="checkbox" name="che" onclick="selectAll()">全选<input type="checkbox" name="che" onclick="func1(this)"/>全选<input type=&
2018-04-24 09:21:14
242
原创 原生js判断一个数是否在数组中存在
function zhangyan(){//设置弹框,让用户输入var a=prompt("请输入数据:例如",1);var z=0;var arr=[11,22,33,44,55,66];//循环数组的值for(var i=0;i<arr.length;i++){if(a==arr[i]){z=1;breck;}}if ( z == 1){alert("不好...
2018-04-23 10:23:58
1886
原创 原生js求一个班的平均值(去掉最高分;最低分)
js 操作: function zhang(){var arr=[89,67,75,77,59,95,88,87];var sum=0; //排序arr.sort(function(a,b){return a-b});arr.pop();arr.shift();for(var i=0;i<arr.length;...
2018-04-23 10:05:49
3431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人