JavaScript
关注
分享
扫一扫
Supreme_lwl
这个作者很懒，什么都没留下…
展开
-
浅析JS原型与原型链
一、原型原型的出现，就是为了解决构造函数只能添加属性而不能添加方法的缺点。通过构造函数可以动态地给对象添加属性，但是却不能添加方法，其实是有点不合理的。原型对象：在声明了一个函数之后，浏览器会自动按照一定的规则创建一个对象，这个对象就叫做原型对象。这个原型对象其实是储存在了内存当中。二、prototype构造函数：通俗的一句话说，就是你在script标签里面声明的那个函数。prototy...原创 2020-03-31 12:56:23 · 223 阅读 · 0 评论 -
使用html5的canvas绘制网格（详细注释，一看就会）
效果图：代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./arrow.js"></script></head>...原创 2020-03-27 22:10:21 · 3108 阅读 · 0 评论 -
深入理解JavaScript闭包以及应用场景
一、什么是闭包？闭包就是一个函数，它处于另一个函数中，并且可以访问它的外部函数中的变量。function fun(){ var n=0; return function(){ //这就是一个闭包，它可以使用变量n n++; console.log("n="+n); }}var f=fun(); f(); //输出：n=1 f(); /...原创 2020-03-26 11:54:28 · 455 阅读 · 0 评论 -
html5实现商品拖拽到购物车效果/drag
描述：从商品列表拖动商品到购物车之后，购物车将会增加一个商品，同时这个商品在商品列表中不会消失。如果购物车列表已经存在这个商品，则此次操作无效。主界面：代码：<!DOCTYPE html><html><head> <title>购物车</title> <style type="text/css"> .dra...原创 2020-03-11 23:42:03 · 3702 阅读 · 0 评论 -
html5 localstorage模拟数据库+js实现表格增删改操作
界面：html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>学生信息基本操作</title> <link href="css/index.css" rel="stylesheet" type="text/css"/&g...原创 2020-03-05 14:43:54 · 766 阅读 · 1 评论 -
Vue-cli项目中用js实现表格滚动(超简单)
问题描述：在table中每次滚动一行数据，循环滚动。首先写一个table<table > <tr> <td> 编号</td> <td>时间段</td> <td>人数</td> </...原创 2020-03-03 20:45:59 · 1591 阅读 · 0 评论 -
JavaScript高级程序设计
一、JavaScript简介组成一个完整的Javascript应由下列三部分组成：核心（ECMAScript）文档对象模型（DOM）浏览器对象模型（BOM）二、在HTML中使用Javascriptscript元素HTML5为script定义了下列6个属性async：可选。表示应立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本（异步执行...原创 2020-02-13 21:45:12 · 1164 阅读 · 0 评论 -
JavaScript基本操作
1.JS输出1>. 使用 window.alert() 弹出警告框。window.alert(5 + 6);2>. 使用 document.write() 方法将内容写到 HTML 文档中。document.write(Date());3>. 使用 innerHTML 写入到 HTML 元素。document.getElementById(“demo”).innerH...原创 2019-04-08 17:49:52 · 152 阅读 · 0 评论