- 博客(39)
- 收藏
- 关注
RSS订阅转载 每天都有新发现——如何优雅的用js动态添加html代码
body{ font-family: 微软雅黑,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;}html, body{ }h1 { ...
2015-07-18 16:18:00
268
转载 canvas拼出一只猫
url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/mac/mac.html（如果打开过慢，或者打不开，原因你懂得。）一、无聊之作利用canvas的一些属性。一维数组转换二维数组。字符串拼接。做出了这一个无聊之极的小玩野。顿时，感觉到浏览器性能的无力。也许是我方法不对把。日后总结来自为知笔记(Wiz)转载于:https://w...
2015-06-15 22:40:00
393
转载 jquery分析之文件
一、文件分析1、从github中把jquery的源码全部下载下来，其中的src文件夹，是jquery的所有功能文件夹，jquery现在开始把功能都进行模块化开发，支持amd和cmd。jquery-master>src2、分析文件ajax——ajax功能attribute——选择器功能core——核心代码css——css操作data——文档处理effect——特效event——事件e...
2015-06-09 22:37:00
236
转载 利用avalon+原生js来制作日历空间（一）
url:http://zjingwen.github.io/SetTimeOutGoBlog/funui/fundate/index.html（如果打开过慢，或者打不开，原因你懂得。）一、思路1、制作日历这种ui组件，我们第一步需要拿到的就是数据，我们需要知道例如今天属于，那一年、那一月、星期几。2、数据的呈现形式应该是什么样子的，以我制作的这个为例，理性分析，以图为例，6X...
2015-06-08 20:39:00
201
转载 页面中，如果因为ajax导致页面有一段时间的空白期，应该如何处理。
url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）一、ajaxStart效果的运用1、ajaxStar是指在ajax发送结束前，所需要执行的AIP2、具体用法$().ajaxStart(function(){//具体代码})3、我在demo中的使用...
2015-05-28 22:02:00
455
转载 无限轮播图的制作
url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）一、思路1、所有滑动效果的demo都是通过控制css里的left值，来控制滑动效果的。2、需要两个块，一个div块，一个ui。div块的position是relative，ui块的position是...
2015-05-24 21:49:00
183
转载 Kalendae——一款功能强大的日历插件
url：http://zjingwen.github.io/SetTimeOutGoBlog/kalendae/index.html（如果打开过慢，或者打不开，原因你懂得。）一、Kalendae——一款功能强大的日历插件，英文版的，我英文太渣，有没有找到，中文文档。只能自己慢慢翻译，鼓捣了。二、基本信息Kalendae支持多种日历样式，可双联、单联、多联，支持单选日期，多选日期、联排选择...
2015-05-20 22:39:00
344
转载 web页面制作-环游记（二）
url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）二、动手制作时发现的问题1、决定踢出bootstrap，还是手写css，后期再进行响应布局修改。2、列表布局新发现，原来可以这么简单。3、用json和avalon渲染重复数据，发现json如果有嵌套...
2015-05-20 00:23:00
146
转载 web页面制作-环游记（一）
url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）一、准备工作1、思考需要使用的技术（1）、jquery，使用其的ajax功能、Dom操作功能。（2）、avalon，使用其数据渲染功能。（3）、bootstrap，使用其栅栏布局。（4）、requi...
2015-05-14 22:53:00
185
转载 javascript数据类型（二）
一、字符串对象1、可以使用new运算符，来显式的生成一个字符串对象。var sobj = new string('abc');2、字符串能够被隐式转换为字符串对象var sobj =new string('abc');var s=sobj+'def';document.write(s);/*输出：abcdef*/3、判定字符串值和字符串对象，是否相等上是有差异的。对象的相等运算，判断的是...
2015-05-08 21:03:00
121
转载 用avalon和jquery做基础网页导航
url：http://zjingwen.github.io/SetTimeOutGoBlog/demoAvalon/navone/index.html（如果打开过慢，或者打不开，原因你懂得。）一、目录结构二、index.html部分<!DOCTYPE html><html><head lang="en"><...
2015-05-07 23:31:00
265
转载 javascript数据类型（一）
一、定义1、数据类型决定了一个数据的特征，限定了该数据类型必须按照一定的规则进行操作。2、特定的数据类型会有其想对应的行为模式。3、javascript中有6中数据类型Number --数值型boolean --布尔型string --字符串型Null --空undefined --未定义Object --对象型4、值和对象的区别，数据类型的实例被称为“值”，Obj类型的实例被称为“对象...
2015-05-07 22:13:00
175
转载 javascrip基本概念（三）
一、数组1、用于表达有顺序关系的值的集合的语言结构，在javascript中，数组并非是一种内建类型。javascript支持Array类，所以数组能够一Array类的实例的形式实现，一般情况下，只需要将其作为内建类型使用即可。2、数组书面量书写方法var arr=[1,100,7]3、数组内的各个值被称作元素，每个元素可以通过索引（下标）来获取var arr=[1,100,7];doc...
2015-05-06 21:58:00
138
转载 grunt学习笔记（一）
一、安装grunt1、grunt是一套基于node.js的前端自动化工具，集合了很多插件。例如：（1）、代码压缩（2）、代码合并（3）、代码效验2、安装grunt方法，并且安装好插件（1）、安装grunt的前提，需要先前安装好，node和npm。安装方法后续补充。（2）、grunt的安装方法 a、当安装好node和npm后，在命令行中输入...
2015-05-06 21:32:00
156
转载 前端项目目录管理-部署结构
一、人生第一次做规划项目，以前都是跟着前端的老大，他把一切都规划好了，我跟着做就可以了，这次要自己规划前端目录结构，好紧张，参考了众多文章，结果还是看不太懂，百度前端工具框架–fis，没怎么看得懂，所以没用，还是自己好好想把，我还是主要参考了，我上次做项目时，那个项目负责人是怎么规划项目的。二、前端结构 1、首先我想到需要的功能就是，把js、css、UI组件、库文件、grunt...
2015-05-05 23:15:00
511
转载 javascript基本概念（二）
一、对象的基础概念1、对象，是在内存中的实体，并保持着某种状态，用于编程操作的目标对象。2、对象是一个名称与值配对的集合，也被称为属性。3、对象也可以定义为属性的集合。4、对象的属性值可以由函数指定。5、具有一种原型链的构造。6、对象可以用作管理键值对的关联数组。简单粗暴的理解：一种实体，程序可以通过它来进行数据处理。二、对象字面量表达式1、通过对象字面量表达式来生成一个对象。2、用｛｝...
2015-05-05 22:45:00
147
转载 avalon学习笔记ui篇-如何将avalon默认的amd模型禁止，以及用require重写。
一、如何禁止avalon自带的amd模型1、采用avalon.shim.js这个文件，这个文件删除了原本自带的amd模型，不需要手动删除，修改。2、打开avalon.js这个文件，搜索avalon.config，将true改为false。二，下载text.js和css.js1、因为avalonUI依赖了html文件和css文件。2、并且将text.js和css.js，在配置中预加载pri...
2015-05-04 23:22:00
213
转载 avalon-ui篇datepicker：datepicker基本配置
url：http://zjingwen.github.io/SetTimeOutGoBlog/demoAvalon/datepicker/index.html（如果打开过慢，或者打不开，原因你懂得。）一、head块<head> <meta charset="UTF-8"> <title>datepicker基本配置</title>...
2015-05-04 01:51:00
386
转载 require学习笔记（一）
官网文档，看着有点云里雾里，个人写的文档又五花八门，好吧，我只能自己看遍各种文档，自己总结了。去粗取精的理解。一、概念，模块化的管理1、以module ID代替URL地址2、相对于baseUrl的地址来加载所有代码3、在<script>标签中有一个特殊属性data-main=""，requirejs使用data-main来启动js加载过程，baseUrl一般设...
2015-05-03 02:14:00
216
转载 require最简单粗暴的demo
一、文件目录：二、html代码<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>demo2</title></head><body></body>...
2015-04-30 11:36:00
290
转载 requirejs使用笔记
一、requirejs为何会多次加载两次data-main文件 文件目录： html页面：<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>require-demo第一章<...
2015-04-29 23:35:00
152
转载 avalon学习笔记ui篇-datepicker篇
一、介绍 首先avalon是我接触的第一个mvvm框架，angularjs也能实现基本同样的功能，但是老外的产物都是比较先进的，他们早已放弃在IE下摸爬滚打，作为大天朝的我们，还是必须要矜矜业业的伺候着IE6，这就是我为什么选择avalon，没用angularjs的原因。官方文档都是老写法，这让我忍不住深深的吐槽正美，好吧，维护一个框架是艰难的，正美加油吧。二、日历插件篇dat...
2015-04-28 21:48:00
342
转载 随心而记
<---2015/06/08 20:49--->顿时有种打脸的感觉，好吧肿肿的。<---2015/06/04 01:52--->其实很忙，但是喜欢忙里偷闲。不想打开电脑，一开电脑我就会想起我的那个组件还没开发好，我的那个app还没规划完成，我的网站还有各种毛病。躺着感觉很舒服。先躺着吧，不急，不要自卑，还是要给自己一点信心的。其实我很强。<...
2015-04-28 00:42:00
121
转载 ajax学习笔记一
一、ajax介绍 1、ajax=Asychronous JavaScript and XML（异步的javascript和XML）。 2、使网页在不重载的情况下与web服务器交换数据 3、ajax不是新的编程语言，而是一种使用现有标准的新方法二、XMLHttpRequest对象 1、XMLHttpReuqest是ajax的基础 2、所有浏览器都支...
2015-04-28 00:07:00
127
转载 javascript基本概念（一）
一、严格模式 1、 ECMAScript5中引入了严格模式（strict mode）的概念。本意是为javascript定义了一种不同的解析与执行模式。 2、严格模式下的不同： （1）、一些不确定行为将得到处理。 （2）、对某些不安全操作也会抛出异常。 要在脚本中启用严格模式，就在顶端添加代码：use strict 3、严格模式下，javascr...
2015-04-27 23:59:00
150
转载 生活不只有当下，还有路和远方。
小小前端菜鸡，什么都没学好，倒是东西用了一大堆，没什么专长，只是辛亏还年轻，希望可以用时间来弥补自己的不足，多多学习，心浮气躁看到什么好，就会去用什么，但是忘记了本质的东西，才是最原生最美的。多次想放弃当程序员，也会经常想想如果我不做程序员，我还可做其他的，咖啡厅小伙计、酒吧服务员、办公室小白领、跑腿推销员、电影院验票的，哈哈哈哈。年轻的迷茫，但是至少两年内，我还是会跟程...
2015-04-25 23:13:00
154
转载 seajs学习笔记一
一、模块化管理的重要性 1、解决冲突问题 2、解决性能问题 3、解决依赖问题二、为何选择seajs 1、有完整的中文文档 2、符合中国国情三、seajs如何使用 1、引入seajs库文件 2、如何变成模块 define/*引入好seajs后如何将js文件变成模块*/define(function...
2015-04-25 20:15:00
156
转载 avalon视频学习笔记（六）
一、数据缓存 1、绑定属性ms-data-* avalon的数据缓存功能与jquery的data()类似，但不同于jquery的是：avalon是直接将数据保存在元素节点上的data-*属性上。 在从data-*属性还原数据时，它会作简单的数据转换，再返回。 在ms-data绑定属性中，对象与数组是直接保存在元素节点上。 <head&...
2015-04-25 20:02:00
153
转载 avalon视频学习笔记（七）
一、属性操作 DOM操作之属性操作： 1、类名操作<div class="active"> ms-class （1）ms-class a、ms-class="active" 默认写法，为元素添加active样式 b、ms-class="active:isOk" ...
2015-04-25 20:02:00
172
转载 avalon视频学习笔记（五）
一、插入移除处理 1、绑定属性ms-if a、当ms-if的值为真（true）时，就将元素输出到页面里面。<div ms-controller="text"> <div ms-if="true"> 根据条件显示内容 </div></div><div avalonctrl="test"> <div&g...
2015-04-25 20:00:00
159
转载 avalon视频学习笔记（四）
二、显示隐藏处理 含义：效果类似于jquery的toggle，如果它后面跟着的表达式为真值时则显示它所在的元素，为假值时则隐藏。 <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="...
2015-04-25 12:32:00
169
转载 avalon视频学习笔记（三）
一、双向同步，双向绑定ms-duplex 含义：ms-duplex实现了双向数据绑定。双向绑定通俗说，除了负责将ViewModel中的应的值放到表单元素的value中，还对表单元素偷偷绑定一些事情，用于监听用户的输入从而自动刷新ViewModel。 使用场景一： 当元素为text、password、textaera时，要求prop为一个字符串，当我们改动它的内容...
2015-04-25 12:31:00
177
转载 avalon视频学习笔记（二）
一、数据填充含义：将数据打印到页面上，通过绑定属性，将页面变成动态模版 1、插值表达式 {{prop}}，{{prop | html}}定界符及自动配置 含义：{{prop}}是对某一文本节点的nodeValue进行修改，因此不会影响兄弟节点，{{prop}}只是表示这个地方可以被替换，在avalon中，它只在文本节点中有效，它不能替换属性节点里的名字，特性节点的名字...
2015-04-25 12:29:00
151
转载 avalon视频学习笔记（一）
一、禁用加载器 方法一：在js文件中书写avalon.config({ loader: false}) 方法二：在avalon源文件中添加avalon.config({ loader: false}) 方法三：在源文件中删除amd加载器二、作用域绑定含义：作用域范围圈定，在一个页面中需要形成多个模块，每个模块需要实现不同功能。 1、ms-controller 可以...
2015-04-25 12:27:00
200
转载 javascript学习路线
js dom编程艺术(2 version)->js高级程序设计 (3 version)-> js dom高级程序设计 -> js 语言精粹 -> 精通js -> 编写可维护的js -> 高性能js -> js面向对象编程指南 -> js模式 -> js权威指南(6 version) -> js语言精髓与编程实践来自为知笔记(W...
2015-04-25 11:54:00
304
转载 javascript学习笔记(一)
一、javascript能用来干什么？ 1、数据的验证 2、将动态的文本写入到网页当中 3、可以对事件做出响应 4、可以读写html中的内容 5、可以检测浏览器 6、可以创建cookies二、基于对象和事件驱动的松散型的解释性语言 1、javascript面向对象开发的 2、事件驱动 3、松散型，弱类型 4、解释性语言三、jav...
2015-04-25 11:52:00
100
转载 javascript学习笔记(二)
一、javascript的放置、注释、输出工具1、输出工具 a、alert（）；属于window中的全局函数。无论写入什么，都以字符串形式输出。 b、document.write（）；向网页输出内容。 c、var vlaue=prompt（“显示内容”，“文本框显示内容”）value为返回值；弹出一个输入框，接收参数。 <script> alert(123...
2015-04-25 11:51:00
100
转载 响应式布局
一、开发原则 1、移动优先，在设计初期，就要考虑页面如何在多终端显示 2、渐进增强，充分发挥硬件设备的最大功能二、如何实现相应布局方法 1、css3-Media Query，最简单 2、借助原生javascript，成本高 3、开源框架，可以更好的支持多终端三、CSS3-media Query 常见属性： device-width,dev...
2015-04-25 11:45:00
145
转载 关于css问题继承、权值问题
一、Css的继承.codeClass{color:#000000;}<p class="codeClass"><span>你好</span>世界</p> Span继承了，来自codeClass的color。也就是说，子元素会从父元素继承属性，当然不是所有的CSS属性都有继承性，文本属性（color、font、line-height...
2015-04-25 11:37:00
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人