- 博客(30)
- 收藏
- 关注
RSS订阅
原创 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
806
原创 关键字搜素
在开发过程中，经常会遇到关键字查询功能，比如酒店列表，搜索酒店名称查询对应酒店，如果将查询交于后端实现的话，前端只需将关键字传递给后端接口，但是不断的请求服务器定然不是可行之举啊！所以最优的解决方案就是只访问一次服务器拿到所有的酒店数据，然后在前端去做筛选。具体怎么实现呢？watch: { hotel_name: function(newval,...
2020-01-09 17:55:27
374
原创 vue 个人头像修改
这篇小编要分享给刚踏出校园，进入职场的初级前端开发人员，让你们更快的在公司立足。。下图是用vue 开发的个人资料修改中头像上传部分，希望能帮到你，为了更好地帮助，小编就不放代码了 如需要评论小编 小编将发送给你...
2020-01-09 14:24:40
1915
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
839
原创 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
307
原创 谈谈less与sass
介绍：less和sass都可以视为一种基于CSS之上的高级语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等，加快了css的开发效率，当然这两者都可以配合gulp和grunt等前端构建工具使用。sass的功能比less强大，基本上可以说是一种真正的编程语言了，less则相对清晰明了,易于上手。二者的区别：实现方式不同。less是基于...
2020-01-09 12:03:03
407
原创 前端精华集锦（一）
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
198
原创 js字符串截取
字符串截取slice(）方法可通过指定的开始和结束位置，提取字符串的某个部分，并以新的字符串返回被提取的部分。语法如下： 1 stringObject.slice(start, end) 参数说明：start（必需）：规定从何处开始选取。如果是负数，那么它规定从字符串尾部开始算起的位置。也就是说，-1指最后一个字符，-2指倒数第二个字符，以此类...
2020-01-09 11:40:42
192
原创 常用的Meta标签写法和作用
常用的Meta标签写法和作用 页面关键词 <meta name="keywords" content="your tags" /> 页面描述 <meta name="description" content="150 words" /> 搜索引擎索引方式 <meta name="robots" content=
2018-07-27 16:29:12
415
原创 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
636
原创 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
302
原创 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
172
原创 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
1594
原创 陌上花开，可缓缓归矣
陌上花开，可缓缓归矣“陌上花开，可缓缓归矣。”含义:(夫人），田间阡陌上的花开了，你可以一边赏花，一边慢慢地回来。“陌上花开，如果没有悄然伫立阡陌并为陌上风情所陶醉的人，那么花开也寂寞，风情也苍白....”喜欢这句话，是因为看了忍冬的作品“陌上花开缓缓归“阳春三月，风和日暖，信步城外，看阡陌之上的杨柳依依，野花绚烂，身心不由得轻爽而浪漫。“三月风情陌上花”，古远的诗句似乎随风从天边飘来...
2018-07-17 16:15:18
1536
原创 用原生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
3037
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
710
原创 用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
468
原创 用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
2839
原创 判断字符串中次数最多的,多少次
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
232
原创 统计字符串中的大小写字母个数
<textarea cols="20" rows="10" id="dome1"> </textarea><h2 id="dome2">剩余(100)个字符</h2><br /><button onclick="func1()"&g
2018-05-03 14:08:31
5141
原创 用原生JS实现字符串的反转
//定义一个变量并赋值；var x = "扎心了,我的作业";//变成数组var y = x.split("");//把数组反转var z = y.reverse(y);//弹出反转后的新值 alert(z.join(""));
2018-04-27 12:06:56
1363
原创 用原生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
2025
原创 用原生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
740
原创 用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
603
原创 用原生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
165
原创 用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
906
原创 用原生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
267
原创 原生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
1908
原创 原生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
3523
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人