- 博客(280)
- 收藏
- 关注
RSS订阅
原创 对太极的感悟
对于思想体系，在很长一段时间内，我不知道其为何意。总觉得自己的思想很零散，每次想起这个，就忘记了那个，像一张被撕碎后的纸片，散落一地，不知该如何去拼凑。 基于对太极的喜好，我尝试着将自己的思想建立在太极的基础之上。很多人觉得，一提到太极，总觉得它玄而又玄，太深奥，晦涩。在我个人看来，如果单纯的从理论上去讲解太极哲学，它显得太深奥，太刻板，不容易领会。我个人对太极的理解，是将其
2015-08-21 22:31:01
720
原创 安装Thinkphp6时，composer插件报错 Content-Length mismatch解决办法
[Composer\Downloader\TransportException] Content-Length mismatch, received 28935 bytes out of the expected 1871484require [--dev] [--prefer-source] [--prefer-dist] [--no-progress] [--no-suggest] [...
2019-11-13 23:20:48
748
原创 Vue 父组件与子组件
为了搞清楚父组件与子组件，下面我们先来搞清楚组件的创建与注册的图示过程：看完过程后我们再来看看菜鸟教程中的vue组件实例，实例越简单越好，这是菜鸟教程中的全局组件实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="javascri
2017-08-07 11:10:02
5011
转载 字符串模板
对于字符串模板的概念，在vue官方文档中的组件中提到这样一段文字： 当使用 DOM 作为模版时 (例如，将 el 选项挂载到一个已存在的元素上), 你会受到 HTML 的一些限制，因为 Vue 只有在浏览器解析和标准化 HTML 后才能获取模版内容。尤其像这些元素 <ul>，<ol>，<table>，<select> 限制了能被它包裹的元素，而一些像 <option> 这样的元素只能出现在某些其它
2017-08-01 18:31:57
3149
原创 Vue 由单个复选框引发的联想
关于复选框，我想只要会点html的，大多数会用，但今天在Vue的实例中遇到一个小小的问题引发了我的思考。在此我先把Vue的实例代码贴出来，再来探讨一下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="javascript/vue.m
2017-07-31 22:37:51
2402
原创 vue v-model
对于v-model指令，一开始并没有引起我的注意，看到这个命令我仅仅只是在vue官网上查了一下,简单的就几个字。在表单控件或者组件上创建双向绑定。于是我找到菜鸟教程中的一个实例，如是照着它的样子粗劣的写了一下如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
2017-07-31 19:57:41
1473
原创 html5 placeholder与value的区别
定义首先我们来看一下placeholder在html5中的定义：placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。注意：placeholder是ht
2017-07-31 11:24:04
4941
原创 Vue method与computed的区别
为了说明method与computed的区别，在此我想先来看看computed属性在vue官网中的说法：模板内的表达式是非常便利的，但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。下面我们来看看一个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title
2017-07-28 23:05:44
46946
原创 DOM 中文档节点，文本节点之间的关系
在《javascript高级程序设计》一书中的第十章开篇讲到节点层次。在此我把它的例子拿过来讲一下（按照书中的原文）<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World!</p> </body></html>文档节点书中有这样一段原话：文档节点是每
2017-07-21 17:05:56
5011
原创 window 下vue.js的环境搭建
vue.js这两年非常火，下面我们来看看vue在window下的环境搭建：1.安装node.js我用的是64位window10专业版，在此我说一下node的下载与安装。进入node官网：https://nodejs.org/en/ ，网站会自动判断你的电脑位数，我用的64位，根据情况下载64位node安装包，如下图：2：下载完后，直接点击下一步，下一步就好，安装好node.js后，安装基于淘宝的np
2017-07-19 21:54:12
4806
原创 javascript 原型链
对于原型链，在《javascript高级程序设计》中有讲解，但有些词汇太过于专业，对于新手来讲，有些难以理解。在讲解原型链之间，在此我们要先搞清除原型的搜索机制。在《javascript高级程序设计》中有这样一段话很重要：虽然可以通过对象实例访问保存在原型中的值，但却不能通过对象实例重写原型中的值。如果我们在实例中添加了一个属性。该属性将会屏蔽原型中的那个属性。来看下面的例子。<!DOCTYPE
2017-07-10 22:21:42
514
原创 javascript Object.keys()方法
Object.keys() 返回对象的可枚举属性和方法的名称。语法Object.keys(object)参数 参数 定义 Object 必需。包含属性和方法的对象。这可以是您创建的对象或现有文档对象模型 (DOM) 对象。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title
2017-07-06 16:54:08
12742
原创 javascript hasOwnProperty()，in操作符
hasOwnProperty（）方法确定某个对象是否具有带指定名称的属性。语法object.hasOwnProperty(proName)参数object必需。对象的实例。proName必需。一个属性名称的字符串值。使用hasOwnProperty()方法可以检测一个属性是存在于实例中，还是存在于原型中。这个方法只在给定属性存在于对象实例中时，才会返回true。结合之前讲的代码实例，我们再来看一下
2017-07-06 15:16:22
518
原创 javascript isPrototypeOf()与getPrototypeOf()方法
关于isPrototypeOf()方法，在此我把前面讲的原型模式图中的代码直接拿过来用。我们先来看看isPrototypeOf()方法的语法：语法isPrototypeOf()函数用于指示对象是否存在于另一个对象的原型链中。如果存在，返回true，否则返回false。 function.prototype.isPrototypeOf(object)参数列表 参数 描述 functi
2017-07-06 09:55:36
1549
原创 原型模式
为了理解《javascript高级程序设计》第六章中的原型对象中的关系图。在此我把它直接给拍下来了，没有画图。看到上图就可以写出代码了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascri
2017-07-06 09:32:56
265
原创 javascript constructor属性
前面讲到原型属性与实例属性，在此我不得不提constructor属性，为了更深入了解constructor属性，我查了一些资料，下面我们来看看一个实例。function Person() {// some code}javascript内部会自动执行如下几个动作：1.为Person()函数添加一个原形（即 prototype）属性 ；2.为 prototype 对象额外添加一个 constru
2017-07-05 09:11:40
347
转载 javascript 原型属性（prototype 属性）与 实例属性（自身属性）
讲到原型属性，prototype属性，实例属性，自身属性，首先我们要明白这四者之间的关系。我查了一些资料，原型属性又叫prototype属性，实例属性又叫自身属性。只是叫法不同。下面我要引用他人写的一段代码来加以说明：1：实例属性指的是在构造函数方法中定义的属性，属性和方法都是不一样的引用地址例如：function CreateObject(name,age){ this.name=name
2017-07-03 22:41:08
4102
原创 javascript 中的get()与set()
在《javascript高级程序设计》中的第六章讲到访问器属性，其中讲到get()与set()方法。在此我只是把其中的例子拿出来看一看。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script type="text/javascript">
2017-07-03 15:34:37
878
转载 javascript this的用法
关于javascript的this,一开始我是有些困惑的，与java,php中的this有点不一样。首先我们先看一下下面这段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script type="text/javascript">
2017-07-02 22:13:00
346
原创 javascript getOwnPropertyDescriptor()方法
对于getOwnPropertyDescriptor方法，我们先来它的定义：定义获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义（而非从对象的原型继承）的描述符。语法Object.getOwnPropertyDescriptor(object, propertyname)参数列表 参数 描述 object 必需。包含属性的对象。 propertyname 必
2017-07-02 20:35:17
12032
转载 javascript 对象描述符
对于操作系统中的文件，我们可以驾轻就熟将其设置为只读、隐藏、系统文件或普通文件。于对象来说，属性描述符提供类似的功能，用来描述对象的值、是否可配置、是否可修改以及是否可枚举。本文就来介绍对象中神秘的属性描述符描述符类型 对象属性描述符的类型分为两种：数据属性和访问器属性数据属性 数据属性(data property)包含一个数据值的位置，在这个位置可以读取和写入值。数据属性有4个特性【1】C
2017-07-02 20:12:31
346
原创 javascript中的Object.defineProperty()与getOwnPropertyNames ()方法
定义Object.defineProperty()函数是给对象设置属性的。Object.defineProperty(object, propertyname, descriptor); 参数 描述 object 必须，要在其上添加或修改属性的对象。 propertyname 必需。 一个包含属性名称的字符串。 descriptor 属性描述符。 它可以针对数据属性或访
2017-06-30 22:55:15
753
原创 javascript apply()与call()方法
对于apply()与call()方法，先看其定义：apply()语法： functionObject.apply([thisObject,[,argArray]]); 参数 描述 thisObject 可选/Object类型指定执行functionObject函数时，函数内部this指针引用的对象。 argsArray 可选/Array argumens对象调用function
2017-06-28 11:39:41
315
原创 javascript callee()属性
要想了解callee属性，我们先得了解javascript中的arguments对象，在《javascript高级程序设计》的第三章中，讲到了arguments对象，arguments对象有以下属性：定义 属性名 定义 length属性 返回实际传入的参数个数。 callee属性 返回当前函数的引用(匿名函数可以使用该属性实现递归调用)。 0…n属性 以顺序索引访问传入
2017-06-27 11:56:27
1585
原创 javascript 中的index()属性与lastIndex()属性
为了记录index()与lastIndex()属性，在此我特意做了个简单的测试。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> var t="hellowor
2017-06-26 17:21:12
2484
原创 javascript concat(),slice(),splice()方法
废话不多说直接上代码，至于它的定义说明，可以通过网W3school这些网站查看。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascript"> var colors=["r
2017-06-24 09:52:28
468
原创 关于javascript中的sort()方法的使用
关于sort()对数字与字母的排序，首先看一下语法: arrayObject.sort(sortby) ； //其中arrayObject是数组对象，也就是数组名 首先我们来看一串代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title
2017-06-23 21:41:34
369
原创 全局环境与局部环境的访问比较
关于javascript的全部环境与局部环境的访问比较，一下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> var color="red";
2017-06-20 22:33:34
700
原创 javascript中的数值转换与逻辑非的比较
在《javascript高级程序设计》中的第三章中分别讲到：数值转换 与 逻辑非。 书中是这样讲的：如果操作数是一个对象，返回 false;如果操作数是一个空字符串，返回true；如果操作数是一个非空字符串，返回false;如果操作数是数值0，返回true;如果操作数是任意非0数值，返回false;如果操作数是null,返回true;如果操作数是NaN,返回true;如果操作数是u
2017-06-18 17:04:44
537
原创 利用canvas对图片进行灰度色处理，图片只有一半变成灰度色
在对图片进行灰度色处理时，图片只有一半出现灰度色。代码如下：grayscale.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>grayscale example</title> <script src="scripts/modernizr.js" type="text/jav
2017-06-11 19:52:11
3931
翻译 《JavaScript DOM编程艺术》第十章 用javascript实现动画效果
list.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>web Design</title> <link href="css/layout2.css" rel="stylesheet" media="screen" /></head><body><p id="messag
2017-06-10 18:47:01
695
原创 javascript nextSibling属性
对于nextSibling属性，在W3school中的定义为： nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。注意所返回的节点必须是与上一个节点是同级关系，且彼此之间不能有空格，否则将会返回：undefined<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl
2017-06-07 16:47:26
1187
原创 利用phpStrom启动github代码仓库的托管
github就不用说了，众所周知，全球最知名的代码仓库托管平台，废话不多说，下面我们来看看怎么利用phpStrom启动代码仓库的托管。1：首先需要注册github的账号，账号自己注册。安装phpstrom就不废话了，自己安装。2：创建仓库本来不想废话，但在此还是讲一下，毕竟我也是从那一步走过来的。注册好自己的github账户并登录后，进入如下界面：3：点击后进入，如下图,我创建了一个名为testP
2017-05-31 20:42:48
566
原创 typeof（）的用法实例
说到typeof，我们先来看一下它的定义：typeof 运算符返回一个用来表示表达式(的)数据类型(的)字符串。 *可能(的)字符串有：”number”、”string”、”boolean”、”object”、”function” 和 “undefined”。 下面我们来看看实例，在《javascript Dom编程艺术》一书中有这样的一个例子： window.onload=funct
2017-05-31 10:30:39
6132
1
原创 setAttribute()与getAttribute()
在《JavaScript Dom 编程艺术》中定义了两个函数，getAttribute()与setAttribute(),下面我还是通过前面讲的getElementById等中的一个实例来加以说明，在此我并没有将它的理论定义，具体看实例：<!DOCTYPE html><html><head> <title>shopping list</title> <meta http-equi
2017-05-29 11:25:30
675
原创 getElementById,getElementsByName,getElementsByTagName,getElementsByClassName四者之间的区别
在《Javascript DOM 编程艺术》与 W3school 中是这样定义的： getElementById():这个方法将返回一个与那个有着给定id属性值的元素节点对应的对象。下面这个案例我是想通过触发test()函数后，给一个id为“div1”的div层添加背景色为黄颜色。<!DOCTYPE html><html><head> <title>shopping list</t
2017-05-28 20:05:22
6163
原创 关于对javascript的局部变量以及全局变量作用域的追踪
今天看了一段关于require.js的AMD规范中的shim的使用方式和实现原理，但开局讲到javascript中对全局变量的定义方法，其方法有三种： eg1: 直接利用var申明 var a="hello world1"; function A(){ alert(a); } eg2: 不使用var，直接给定义变量，隐式的声明了全局变量 b=
2017-05-26 22:25:40
618
原创 javascript模块化中的AMD规范
对于一个刚接触javascript模块化编程的人来讲，需要的是一手好资料，javascript模块化编程的前提是需要有javascript基础。在下接触的更多的是关于PHP服务器端的，对于javascript,我只是一个新手，不像老司机那般驾轻就熟。前两天我在github上download了一段程序下来，慢慢开始研究别人写的code,以前我不大喜欢看别人写的东西，总觉得看起来费劲，于是就找了一段简单
2017-05-24 10:33:58
428
原创 CI框架 Call to undefined function base_url()解决办法
打开application/config/autoreload.php设置： $autoload[‘helper’] = array(‘url’);
2017-05-22 12:01:05
3922
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人