demo
昵称2-20个字符
这个作者很懒,什么都没留下…
展开
-
nodejs 静态资源访问
const http=require('http');//引入http模块 const url=require('url');//引入url模块 const path=require('path');//引入路径处理模块儿 const fs=require('fs');//引入处理文件的模块 const mime=require('mime');//引入mime模块 const app=http.createServer();//定义服务器 app.on('request',(req,res)=>{原创 2020-07-04 22:31:52 · 1292 阅读 · 0 评论 -
面向对象 tab tab的增删改
html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&原创 2020-06-23 17:40:58 · 327 阅读 · 0 评论 -
vue 购物车demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .container { } .container .cart { width: 300px; /*background-color: light原创 2020-06-20 17:37:09 · 146 阅读 · 0 评论 -
vue 兄弟组件间传数据 $on() $emit() $off() $once() 实例方法/事件
vm.$on( event, callback )vue API 用法: 监听当前实例上的自定义事件。事件可以由 vm.$emit 触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$on('test', function (msg) { console.log(msg) }) vm.$emit('test', 'hi') // => "hi" vm.$once( event, callback ) vue API 用法: 监听一个自定义事件,但是只触发一次。一旦触发之后,监听器就会被原创 2020-06-18 20:29:35 · 1917 阅读 · 0 评论 -
vue prop 向子组件传递数据
通过 Prop 向子组件传递数据 Prop 是你可以在组件上注册的一些自定义 attribute。当一个值传递给一个 prop attribute 的时候,它就变成了那个组件实例的一个 property。 //一个 prop 被注册之后,你就可以像这样把数据作为一个自定义 attribute 传递进来: <blog-post title="My journey with Vue"></blog-post> <blog-post title="Blogging with Vue"原创 2020-06-18 16:36:51 · 323 阅读 · 0 评论 -
vue图书管理 demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .grid { margin: auto; width: 500px; text-align: center; } .grid table {原创 2020-06-17 17:46:17 · 519 阅读 · 0 评论 -
vue数组 变异方法 非变异方法
Vue为了增加列表渲染的功能,增加了一组观察数组的方法,而且可以显示一个数组的过滤或排序的副本。 变异方法 Vue 包含一组观察数组的变异方法,它们将会触发视图更新,包含以下方法: 变异方法:改变原数组,使视图更新 push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度 pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项 shift() 移除数组中的第一个项并返回该项,同时数组的长度减1 unshift() 在数组前端添加任意个项并返回新数组长度.原创 2020-06-16 23:51:06 · 1106 阅读 · 0 评论 -
vue filter过滤器 时间过滤器
html结构: <body> <div id="app"> // 对date数据进行过过滤 调用时将时间形式传参给过滤器 <div>{{date | format('yyyy-MM-dd hh:mm:ss')}}</div> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text原创 2020-06-16 21:16:39 · 975 阅读 · 0 评论 -
vue watch侦听器案例 验证内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <div> <span>用户名:</span> <span> /原创 2020-06-16 21:02:28 · 284 阅读 · 0 评论 -
vue tap选项卡案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tab ul { overflow: hidden; padding: 0; margin: 0; } .tab ul l原创 2020-06-15 19:49:41 · 634 阅读 · 0 评论 -
判断一个数是否为素数 执行效率最高
<script> function odds(num){ // var num=9; var flag=true;//逻辑值 true为素数 false不是素数 var count=0;//循环次数 if(num==0 || num==1){ console.log(num+" 不是素数"); }else{ .原创 2020-06-08 19:55:04 · 489 阅读 · 4 评论 -
本地存储--记住用户名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.转载 2020-06-08 12:45:43 · 277 阅读 · 0 评论 -
移动端拖动元素
移动端拖动元素 touchstart、touchmove、touchend可以实现拖动元素; 拖动元素需要当前手指的坐标值 可以使用targetTouches[0]里面的pageX和pageY; 移动端拖动的原理:手指移动中,计算出手指移动的距离。然后用盒子原来的位置+手指移动的距离; 手指移动的距离:手指滑动中的位置减去手指刚开始触摸的位置; 拖动元素三部曲: 触摸元素touchstart:获取手指初始坐标,同时获得盒子原来的位置; 移动手指touchmove:计算手指滑动距离,并且移动盒子; 离开原创 2020-06-04 23:09:41 · 882 阅读 · 1 评论 -
传参小demo
login页面代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> &l原创 2020-06-03 16:13:01 · 109 阅读 · 0 评论 -
js倒计时demo setInterval() clearInterval()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> li{cursor: pointer;} .原创 2020-06-03 13:33:17 · 176 阅读 · 0 评论 -
节点操作 3种动态创建元素的区别 write() innerHtml createElement() 执行效率
三种动态创建元素区别 document.write(); element.innerHtml; document.createElement(); 区别: document.write() 是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘; <body> <div>我的内容将会被write()重绘会123</div> <script> document.write(123); </script> </原创 2020-06-01 23:54:20 · 177 阅读 · 0 评论 -
动态生成表格 createElement() 删除行数据 removeChild() parenteNode
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{margin:0;paddin.原创 2020-06-01 23:09:35 · 290 阅读 · 0 评论 -
js倒计时 日期对象
思路: 输入时间减去现在的时间就是剩余时间,即倒计时 用时间戳来进行计算,用户输入时间总的毫秒数减去现在时间的毫秒数。得到的就是剩余时间的毫秒数 剩余时间毫秒数转换为天、时、分、秒(时间戳转化成时分秒) 转换公式如下: d = parseInt(总秒数/60/60/24); //计算天数 h = parseInt(总秒数/60/60%24); //计算小时 m = parseInt(总秒数/60%60); //计算分数 s = parseInt(总秒数%60); //计算当前秒数 functi原创 2020-05-31 14:43:12 · 403 阅读 · 0 评论 -
多级导航菜单 二级导航菜单
html: <!-- 导航 --> <div class="nav"> <ul class="onceMenu"> <li><a href="javascript:;">首页</a></li> <li><a href="javascript:;">学校概况</a原创 2020-05-25 19:32:45 · 181 阅读 · 0 评论 -
select联动
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>select联动&l原创 2020-05-24 15:46:34 · 167 阅读 · 0 评论 -
动态渲染video视频
动态更改video播放视频 html <div class="nav"> <ul> <li class="navLi active">产品介绍</li> <li class="navLi">体验课</li> <li class="navLi">Vue3.0尝鲜&l...原创 2019-10-18 13:20:29 · 654 阅读 · 0 评论