- 博客(11)
- 资源 (3)
- 收藏
- 关注
原创 canvas理解曲线的绘制
弧度什么是弧度?弧度是一种长度的描述单位弧度怎么去描述?一个弧度就是一个半径的长度一个圆有多少个弧度 2∗π2 * π2∗π一个角度等于多少弧度?一个角度等于$ π/180$体验曲线的绘制1.体验曲线的绘制2.线是由点构成的3.曲线可以由数学公式得来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t
2020-07-31 19:12:35 601
原创 会用图表?那何不会做图表
canvas图表的绘制绘制网格<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> canvas { border: 1px solid #ccc; } </style> </head> <body> <c
2020-07-30 17:39:30 93
原创 轻松学会canvas
Canvascanvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。体验Canvas什么是Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布
2020-07-30 14:53:23 105
原创 JQ多库共存巧妙解决
多库共存问题页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body> <input type="button" value="按钮" id="btn" /></body></html>脚本: /
2020-07-27 11:34:40 197
原创 互不干扰的沙箱
var num=10; console.log(num+10); //沙箱---小环境 (function () { var num=10; console.log(num); })(); //沙箱---小环境 (function () { var num=20; console.log(num+10); }());各个变量之间的数据互不干扰,可独立运行同时沙箱也可以满足分别定义变量不冲突,同时在不同的沙箱内...
2020-07-23 19:49:08 117
原创 闭包案例实现点赞
点赞案例页面页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择心仪的</title> <style> ul { list-style-type: none; } li { float: left; margin-left: 10px; }
2020-07-09 22:34:57 578
原创 JS高阶函数把函数扔给你
函数作为返回值 function f1() { console.log("f1函数开始"); return function () { console.log("我是返回值的函数"); } } var ff = f1(); ff(); //获取某个对象的类型是不是你传入的类型 //[10,20,30] 是不是"[object Array]" //type---是变量----是参数----"[obj
2020-07-09 15:03:52 180
原创 JS高阶函数把函数传着玩儿
# 函数作为参数匿名函数作参数: function f1(fn) { console.log("f1的函数"); fn(); //此时fn当成是一个函数来使用的 } //fn是参数,最后作为函数使用了,函数是可以作为参数使用 //传入匿名函数 f1(function () { console.log("我是匿名函数"); });命名函数作参数: function f1(fn) { consol.
2020-07-09 13:58:14 232
原创 一步搞定函数外拿到函数内的变量值
//函数的自调用---自调用函数//一次性的函数--声明的同时,直接调用了(function () { console.log("函数");})();可以看出,在函数内部是可以打印出值的接着试着在函数外部打印函数内部的值: //页面加载后.这个自调用函数的代码就执行完了 (function (形参) { var num=10;//局部变量 })(实参); console.log(num);可以知道值的作用域的问题会影
2020-07-04 09:45:27 2528
原创 眼睛会了,手也会了之JS原生放大镜效果
实现照片放大镜页面样式<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>哈哈</title> <style> * { margin: 0; padding: 0; } .box { width: 350px; height: 350px;
2020-07-03 22:42:51 121
原创 让我们用原生JS来搞定元素的自由拖拽
JS原生实现元素的拖拽页面样式<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 30px; font-size: 2
2020-07-01 00:19:42 224
jaxen-1.1.1-patched-shani-1.4.17.jar
2021-07-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人