- 博客(21)
- 收藏
- 关注
RSS订阅转载 D3.js 力导向图模板代码
原文链接<html> <head> <meta charset="utf-8"> <title>力导向图</title> <style> .links line { stroke: #999; ...
2019-11-04 21:57:36
586
原创 一个简单的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
262
原创 基于JS面向对象创建分组网址簿类
分组网址下一步思路貌似就是创建增删改查的操作方法了。但是其实这其中是可以抽象出一个叫做集合的类，然后sitesGroups和sites都继承自这个类。/** Collection 抽象类-集合* */function Collection(){ this.arr = [];}Collection.prototype.add=function(item){ this....
2019-10-27 03:40:57
144
原创 尝试JSON格式简化
JSON格式其实存在很多冗余，但是没有人关心它的简化。此处略作尝试。var sites = [ { name:"", url:"", icon:"" }, { name:"", url:"", icon:"" },]通过编写类实现数据简化//Site类func...
2019-10-27 03:39:19
545
原创 JS模块化入门
JS模块化的基础增强的匿名函数自调用–依赖注入用JS原始的语法实现JS模块有两种方式，一种是通过闭包和原型链继承实现的JS（ES5）类。另一种是匿名函数自调用。现代JS模块化的库的基础在于增强的匿名函数自调用–依赖注入的语法。1.js(function(window,$){ function changeBg(color){ $("body").css("bac...
2019-10-19 22:02:47
59
原创 夯实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
193
原创 JS夯实基础系列之原型与原型链
本篇为网络教学视频自学做的笔记。视频地址：JavaScript高级–15.函数的prototype原型prototypeprototype是函数的属性，每一个函数内置（隐含）都有一个prototype属性，它默认指向一个Object空对象。测试1：打印内置的prototypeconsole.log(Date.prototype);打印结果（显示不全）：测试2：打印一个自定义函数的...
2019-10-19 16:55:28
99
原创 JS夯实基础系列之闭包
闭包此篇为学习网络视频所做的笔记。视频链接：Bilibili：JavaScript高级–30.闭包理解何时产生闭包？一个函数内部嵌套一个函数；内部函数引用了外部函数的变量（或函数）；function aa(){ var a = 12; function bb(){ console.log(a); }}aa();到底什么是闭包?错误...
2019-10-19 14:28:04
176
原创 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
227
原创 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
426
原创 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
111
原创 js面板拖放排序初尝试
这是一个按照自己思路实现的面板拖放排序，当然部分代码“复制”于网上教程。笔者非专业人员，原生JS基础比较差。现在时不时的往回补基础。基本思路面板拖放排序，其实是要在面板的上下位置上，存在两个接收容器，然后面板拖放到这些容器中释放鼠标后，将面板使用appendChild()移动到容器中。——扩展思路：1.是面板拖放到这些容器中释放鼠标后，直接用面板取代这个DIV；2.面板上下的容器并不是“...
2019-10-17 20:51:58
107
原创 js高级写法尝试1
js高级写法尝试目标：实现一个参数形式十分灵活的的函数写法。测试arguments.length每一个javascript函数内部都可以通过arguments对象的length属性来获得传给函数的参数个数。同样的如果没有显式而又固定的定义函数的参数顺序和个数。那么其实是可以利用arguments对象来实现可变参数（个数和形式）的函数。function aFun(){ ale...
2019-10-17 20:51:28
210
原创 Codemirror与vue结合创建代码编辑器
Codemirror与vue结合创建代码编辑器创建基础编辑器首先没有直接使用Codemirror的vue版本，而是采用原始的Codemirror。<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-10-07 19:07:38
770
原创 Vue2.0开发环境与脚手架项目搭建批处理脚本文件
Vue2.0开发环境与脚手架项目搭建批处理脚本文件在Vue基础语法的学习之后，开始了深入学习Vue2.0开发。Vue2.0相比之前引入CDN，直接撸前端代码的方式，需要安装NodeJS，以及进行一系列命令。为了偷懒，想着干脆做个批处理脚本。脚本代码如下：@echo off:start@title Vue2.0开发环境与脚手架项目搭建@color f0:startecho **...
2019-10-01 14:35:55
166
原创 Dokuwiki辅助功能开发-命名空间下页面导航
Dokuwiki辅助功能开发-命名空间下页面导航<php>$pinfo = pageinfo();//获取pageinfo函数返回的当前页面信息数组$mdir = dirname($pinfo['filepath']);//获取当前页面所在的目录名$mdir = str_replace("/","\\",$mdir);//替换斜杠为反斜杠$file = scandir($...
2019-09-28 06:30:38
3103
1
原创 ThinkPhp上手实践day002——模板布局layout
ThinkPhp上手实践day002模板布局layout开启模板布局从thinkPHP目录下拷贝LAYOUT相关的设置项考别到Home模块的配置文件中。TP的模板路径一直有点让人费解，直接控制器下index方法直接执行display()后，会报错提示模板文件不存在。必须手动创建文件夹Index，并在其中创建index.html才能正确对应。layout.html貌似必须位于...
2019-09-06 01:12:03
184
原创 ThinkPhp3.2.3上手实践Day001
TP3.2.3上手实践Day001数据库连接与数据操作测试数据库设计因为只是做学习练习，所以只新建一个表tp_websites。业余爱好不装逼，Windows环境+phpStudy，所以直接使用phpMyAdmin执行数据库创建和表的创建。表tp_websites：字段类型长度自增注释idint11是idnametext否网站名称u...
2019-09-05 17:02:18
142
原创 Node.js实践练习day001
这里写自定义目录标题Node.js实践day0011.hollo nodeJS2.回调函数带参数直接写匿名函数3.模块a.基础的模块成员暴露与引入b.暴露模块的多个成员exports简写4.文件操作a.同步模式读写b.异步模式读写c.其他文件系统操作函数（略）总结Node.js实践day0011.hollo nodeJS安装vscodevscode安装终端插件Terminalcon...
2019-09-01 20:33:29
219
原创 VB.Net练习day001
这里写自定义目录标题VB.Net练习day0011.欢迎界面设计代码改进版本：运行结果2.单击计数器3.浮点运算例子1 小数乘法运算器例子24.显示字符串长度VB.Net练习day001从今天开始，进行一系列的VB.Net基础编程练习。1.欢迎界面设计代码Public Class Form1 Private Sub enterBtn_Click(ByVal sender As...
2019-08-31 02:28:35
217
原创 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
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人