Javascript
关注
分享
扫一扫
巽悟空
百年皆客，万事从人
展开
-
D3.js 力导向图模板代码
原文链接<html> <head> <meta charset="utf-8"> <title>力导向图</title> <style> .links line { stroke: #999; ...转载 2019-11-04 21:57:36 · 637 阅读 · 0 评论 -
一个简单的JS Table类
<div id="div1"></div><script>function $(id){ var el = document.getElementById(id); return { el:el, cTable:function(id){ var mtable = new Table...原创 2019-10-27 11:13:36 · 299 阅读 · 0 评论 -
基于JS面向对象创建分组网址簿类
分组网址下一步思路貌似就是创建增删改查的操作方法了。但是其实这其中是可以抽象出一个叫做集合的类，然后sitesGroups和sites都继承自这个类。/** Collection 抽象类-集合* */function Collection(){ this.arr = [];}Collection.prototype.add=function(item){ this....原创 2019-10-27 03:40:57 · 182 阅读 · 0 评论 -
尝试JSON格式简化
JSON格式其实存在很多冗余，但是没有人关心它的简化。此处略作尝试。var sites = [ { name:"", url:"", icon:"" }, { name:"", url:"", icon:"" },]通过编写类实现数据简化//Site类func...原创 2019-10-27 03:39:19 · 614 阅读 · 0 评论 -
JS模块化入门
JS模块化的基础增强的匿名函数自调用–依赖注入用JS原始的语法实现JS模块有两种方式，一种是通过闭包和原型链继承实现的JS（ES5）类。另一种是匿名函数自调用。现代JS模块化的库的基础在于增强的匿名函数自调用–依赖注入的语法。1.js(function(window,$){ function changeBg(color){ $("body").css("bac...原创 2019-10-19 22:02:47 · 87 阅读 · 0 评论 -
夯实JS基础系列之变量提升与函数提升
变量提升与函数提升实例1var a=3;function fn(){ console.log(a); var a = 4;}fn();输出undefined。因为上面的代码实际执行时相当于如下代码：var a=3;function fn(){ var a; console.log(a); a = 4;}fn();变量提升var a=2...原创 2019-10-19 17:59:29 · 224 阅读 · 0 评论 -
JS夯实基础系列之原型与原型链
本篇为网络教学视频自学做的笔记。视频地址：JavaScript高级–15.函数的prototype原型prototypeprototype是函数的属性，每一个函数内置（隐含）都有一个prototype属性，它默认指向一个Object空对象。测试1：打印内置的prototypeconsole.log(Date.prototype);打印结果（显示不全）：测试2：打印一个自定义函数的...原创 2019-10-19 16:55:28 · 122 阅读 · 0 评论 -
JS夯实基础系列之闭包
闭包此篇为学习网络视频所做的笔记。视频链接：Bilibili：JavaScript高级–30.闭包理解何时产生闭包？一个函数内部嵌套一个函数；内部函数引用了外部函数的变量（或函数）；function aa(){ var a = 12; function bb(){ console.log(a); }}aa();到底什么是闭包?错误...原创 2019-10-19 14:28:04 · 224 阅读 · 0 评论 -
SVG基础函数类化封装
本篇实现SVG基础函数封装的基础上，实现一个类Svg,用来更好的创建基础svg。//基类function baseClass(){ //矩形 this.rect = function(x,y,width,height,stroke,stroke_width,fill){ var m_rect = document.createElementNS("http://...原创 2019-10-18 22:45:22 · 265 阅读 · 0 评论 -
svg基础函数封装
虽然已经有成熟的svg操作库，但还是用自己的方式进行了svg基础函数封装。下一步，将会在这些函数的基础上封装一个ES5类，用于更人性化的创建svg图形。//返回指定宽高的svg标签function Svg(width,height){ var m_svg = document.createElementNS("http://www.w3.org/2000/svg","svg"); ...原创 2019-10-18 20:59:06 · 474 阅读 · 0 评论 -
JS类的创建
本篇通过ES5定义可以用关键词New创建实例的类。通过这个示例可以完成一个简单类的基础定义。function Aa(x,y){ this.x=x; this.y=y;}Aa.prototype.showXY = function(){ alert(this.x + "," + this.y);}通过下面的代码可以实现New关键字实例化和设定属性、调用方法。v...原创 2019-10-18 20:52:41 · 139 阅读 · 0 评论 -
js面板拖放排序初尝试
这是一个按照自己思路实现的面板拖放排序，当然部分代码“复制”于网上教程。笔者非专业人员，原生JS基础比较差。现在时不时的往回补基础。基本思路面板拖放排序，其实是要在面板的上下位置上，存在两个接收容器，然后面板拖放到这些容器中释放鼠标后，将面板使用appendChild()移动到容器中。——扩展思路：1.是面板拖放到这些容器中释放鼠标后，直接用面板取代这个DIV；2.面板上下的容器并不是“...原创 2019-10-17 20:51:58 · 133 阅读 · 0 评论 -
js高级写法尝试1
js高级写法尝试目标：实现一个参数形式十分灵活的的函数写法。测试arguments.length每一个javascript函数内部都可以通过arguments对象的length属性来获得传给函数的参数个数。同样的如果没有显式而又固定的定义函数的参数顺序和个数。那么其实是可以利用arguments对象来实现可变参数（个数和形式）的函数。function aFun(){ ale...原创 2019-10-17 20:51:28 · 246 阅读 · 0 评论 -
XML解析使用入门
XML解析使用入门本篇将主要讨论和学习从原生JS操作XML数据到jQuery方式等等，实现基础入门。XML文件a.xml<?xml version="1.0" encoding="utf-8"?><books> <book> <name>《流浪地球》</name> <author&g...原创 2019-04-09 23:15:10 · 185 阅读 · 0 评论