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 · 1333 阅读 · 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 · 368 阅读 · 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 · 177 阅读 · 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 · 1954 阅读 · 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 · 346 阅读 · 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 · 558 阅读 · 0 评论 -
vue数组 变异方法 非变异方法
Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。变异方法Vue 包含一组观察数组的变异方法，它们将会触发视图更新，包含以下方法： 变异方法:改变原数组,使视图更新push() 接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移除的项shift() 移除数组中的第一个项并返回该项，同时数组的长度减1unshift() 在数组前端添加任意个项并返回新数组长度.原创 2020-06-16 23:51:06 · 1187 阅读 · 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 · 1016 阅读 · 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 · 326 阅读 · 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 · 674 阅读 · 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 · 516 阅读 · 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 · 297 阅读 · 0 评论 -
移动端拖动元素
移动端拖动元素touchstart、touchmove、touchend可以实现拖动元素；拖动元素需要当前手指的坐标值 可以使用targetTouches[0]里面的pageX和pageY;移动端拖动的原理：手指移动中，计算出手指移动的距离。然后用盒子原来的位置+手指移动的距离；手指移动的距离：手指滑动中的位置减去手指刚开始触摸的位置；拖动元素三部曲：触摸元素touchstart：获取手指初始坐标，同时获得盒子原来的位置；移动手指touchmove:计算手指滑动距离，并且移动盒子；离开原创 2020-06-04 23:09:41 · 918 阅读 · 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 · 131 阅读 · 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 · 199 阅读 · 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 · 208 阅读 · 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 · 323 阅读 · 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 · 435 阅读 · 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 · 214 阅读 · 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 · 196 阅读 · 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 · 681 阅读 · 0 评论