- 博客(21)
- 收藏
- 关注
RSS订阅
原创 下面笔记中所有引用的js外部文件都是下面这个
function my$ (id){return document.getElementById(id);}只是为了少写代码而已
2018-07-03 11:23:35
197
原创 Vue+Axios+Vue Router+node.js+Express+MongoDB实现第一个前后端分离的SPA项目
前端负责接口地址发送请求，写入或者获取数据。后台开放接口，给予接口文档，提供跨域支持。页面及功能展示：注册以及登陆首页2. 记账本首页3. 今日代办还没写4.费用明细5. 最后一个也不知道写什么，就用typora直接写完文档生成了html页面放了上去，想到好点子再慢慢增加功能吧。页面设计我觉得还挺可爱的，特别是我最爱的汤姆杰克，可惜小杰克我没有放上去，本来准备放个望远镜，子组件区域放个汤姆偷窥小杰克和表格说话的，可惜我太困了，那就今晚再弄吧。...
2020-05-17 11:55:22
518
1
原创 js实现课堂随机点名系统
js实现课堂点名案例style样式<style> .cor { background-color: #6083cd; } #box { width: 500px; border: 2px solid black; margin: 0 auto; height...
2018-11-12 20:43:13
12936
2
原创 js中的预解析小案例
<script> //什么是javascripr中的预解析： //一：预解析会把变量声明提前 //二：预解析在调用函数的时候，会把函数声明提前 //案例一： f1(); function f1(){ consol...
2018-11-11 22:57:42
459
原创 生成随机的背景颜色
<script> function getColor(){ var str = "#"; var arr = ["1","2","3","4","4","5","6","7","8","9",&quo
2018-09-05 15:50:06
3994
转载 js高级-组合继承
<script> //组合继承的优点在于属性跟方法都可以继承 //组合继承=原型继承+构造函数继承 function Person(name,age,sex) { this.age=age; this.sex=sex; this.name = name; } Person.prototype.SayHi=funct...
2018-07-14 15:53:04
1999
转载 js高级-借用构造函数来实现继承属性
<script> //继承的时候，不用改变原型的指向，直接调用父级的构造函数拿来 // 作为属性赋值就可以了。 //借用构造函数：构造函数名字.call(当前对象，属性，属性，属性.....) //解决了属性继承，并且值不重复的问题 //缺陷：父级类别中的方法并不能够继承 function Person(name,age,sex,weight) { ...
2018-07-14 15:52:12
383
转载 js高级-拷贝继承
<script> //拷贝继承：把一个对象中的属性或者方法直接复制到另一个对象中 //下面是简单的例子 /* var jk = { name : "我好帅啊！", age : 20, sex : "男", eat:function () { console.log("今晚吃烤羊腿！"); ...
2018-07-14 15:24:02
1375
转载 js高级-继承
<script> /*面向对象的编程思想：根据需求，分析对象，找到对象有什么特点和行为 用代码来实现需求，要想实现需求就得创造对象，要想创造对象就得有构造函数 通过构造函数来创建对象，通过对象调用属性和方法来实现需求。 首先js不是一门面向对象的语言，js是一门基于对象的语言，为什么学习js还要 学习面向对象？因为面向对象的方法最适合于人的思想，编程起来非...
2018-07-14 14:43:07
216
转载 jQuery函数入口的三种方式
因为jquery中的顶级对象就是他本身，所以$符号的意思代表的就是jquery这个英文，其实具体的可以查看jquery源码可以看到。下面是三种函数入口的方式：//页面加载的jquery方法$(function (){ $("#btn").click(function () { console.log("我是第三种jquery的第三种函数。"); }...
2018-07-12 10:28:55
844
转载 比较完整的轮播图，有箭头有小圆点点击，自动轮播
<style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all { width: 500px; height: 200px; padding: 7px; border: 1px s...
2018-07-03 11:26:56
9274
转载 左右焦点的轮播图
<style> body, ul, ol, li, img { margin: 0; padding: 0; list-style: none; } #box { width: 520px; height: 280px; padding: 5px; position: relative; ...
2018-07-03 11:20:45
580
原创 捕捉不到的小按钮
鼠标移动到按钮上就按钮就会跑开。 <style> #btn1 { position: absolute; margin-left: 150px; } #btn2 { margin-left: 250px; } #center { ...
2018-07-03 11:14:48
398
转载 变速动画函数封装增加任意多个值和回调函数及层级还有透明度
function my$(){ return document.getElemtneById(id);}下面的my$的意思是为了简写代码<style> * { margin: 0; padding: 0; } div { width: 200px; ...
2018-06-28 22:46:43
144
转载 变速动画函数封装增加任意多个值和回调函数
记得给div加上绝对定位 要不然走不了<style> * { margin: 0; padding: 0; } div { width: 200px; height: 200px; background-color:...
2018-06-28 22:43:16
200
转载 变速动画封装代码
记得给要移动的div加上绝对定位。function my$(id) { return document.getElementById(id);}function animate(element,target) { clearInterval(element.timer); element.timer=setInterval(function () { v...
2018-06-28 22:31:25
261
转载 匀速动画函数封装代码
function my$(id) { return document.getElementById(id);}function animate(element,target) { clearInterval(element.timer); element.timer = setInterval(function () { var step = 10; ...
2018-06-28 22:29:58
291
原创 生成随机数让星星动起来
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 4
2018-06-20 20:21:48
650
原创 斐波那契数列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am
2018-06-20 20:18:45
276
原创 js实现div颜色渐变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 3
2018-06-20 20:16:16
5805
转载 简单的轮播图实现
头部样式表<style> * { margin: 0; padding: 0 } ul { list-style: none } img { vertical-align: top } .box { width: 730px; h...
2018-06-20 20:08:42
1060
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人