自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Agrass

零起点/自力更生

  • 博客(34)
  • 收藏
  • 关注

原创 vue练习,写游戏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <titl

2017-08-31 14:07:25 1544

翻译 jsonTree

把扁平化的数据转为成树形结构的Json数据。APIjsonTree(data, config)data: 数组,扁平化数据config: 配置对象 id 数据里的id string类型pid 数据里的父id string类型children 生成结果中子节点的字段名 string类型返回一个树形结构的对象方法var jsonTree = function (data,config) {

2017-08-14 09:08:16 2721

原创 处理 JSON 对象的小技巧

1.遍历处理json对象里面的key值var jsonData={"a":1,"b":2,"c":3};for(var key in jsonData){ console.log(key,jsonData[key])}返回结果:> a 1 b 2 c 32.把字符串或者数组转换成json对象var str="data:3"

2017-08-01 15:25:42 523

原创 vue.js,基础用法实例

vue的基础用法实例v-if , v-elsev-on ( 缩写 @ )v-bind ( 缩写 : )v-forv-modelmethodselwatchdata demo可直接复制使用,自行下载vue.js文件,助于熟悉基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit

2017-06-30 17:16:05 749

原创 vue-router.js,入门案例

理解vue-router的几个简单的概念<router-link to=''><router-view></router-view>定义路由组件创建router实例,并定义导航和组件的映射创建vue实例,注入路由router

2017-06-30 17:00:51 762

原创 jquery.webcam.js实现调用摄像头拍照兼容各个浏览器

jquery.webcam.js实现调用摄像头拍照兼容各个浏览器,demo 可直接复制使用,需要在环境里运行。

2017-06-22 15:09:13 32735 15

原创 js文字跳动特效

一.如何让字符串变成 一个个的字体,让我们去控制1获取字符串内容2清空字符串内容3遍历字符串, 然后一个个的切割出来。4给切割出来的文字添加定位5把添加好定位的文字,重新赋值到获取的 元素里面。二.鼠标滑动上去之后, 该怎么去实现 文字的跳动1 定义一个变量02 定义 定时器3让变量不断的 减少4改变元素的top == 变量5当 变量 达到一定高度的时候,让变量不断的 增加

2017-04-13 10:54:48 5949

原创 闭包、执行环境、作用域链

阅读《javascript 高级程序设计》第三版,有关闭包,执行环境,作用域链的理解。

2017-01-11 16:11:59 819

原创 继承及原型链解析

阅读《jvascript 高级程序设计》第三版,第六章面向对象程序设计的继承理解,学习记录。

2016-12-28 22:38:51 727 1

原创 创建对象及原型模式

阅读《javascript 高级程序设计》第三版,学习记录。

2016-12-28 16:52:14 415

原创 函数类型的理解

本章是阅读 《javascript 高级重程序设计》函数章节做的记录,对其中的代码片段写了注释,便于理解

2016-12-23 10:49:51 534

原创 数组类型的方法

为了避免阅读过后,转眼就忘记,习惯一边阅读一边记录,方便自己回忆查询,并学习总结。本章是针对 javascript 中的数组的方法的介绍,稍稍有点难看懂的的都加上了代码例子便于理解。

2016-12-22 16:47:33 681

原创 CSS3 box-reflect 倒影效果

今天看一个有趣的3D案例的时候,看见这样一串代码,可以做出倒影效果,刚开始我还是看不懂的。 -webkit-box-reflect: below 8px -webkit-linear gradient(transparent,rgba(0,0,0,0.7));

2016-12-15 16:14:54 633

原创 JSON语法及解析,序列化

1.理解 JSON 语法。2.解析 JSON 3.序列化J SON虽然一直都知道有 JSON 这个东西,了解大概语法,但没有认认真真去了解过,本内容是 javascript 高级程序设计 第二章内容,自己算是作为笔记使自己印象深刻吧,

2016-12-14 17:40:58 945

翻译 前端工程师的自我修养 live --记录总结

这是我参与的第一场前端 live ,主持人是知乎上的 Jasin Yip。谈论到了很多东西,我一条一条语音听,并在印象笔记做笔记,记录了下来,自己有一定的收获,现在分享给大家,本文观点也并非说一定正确,仁者见仁智者见智。

2016-12-14 11:09:12 1540

原创 vue.js 入门案例 my todos

学习笔记。<html><head> <title>project</title> <link rel="stylesheet" type="text/css" href="bootstrap.min.css"></head><body><nav class="navbar navbar-default navbar-static-"><div class="container" id

2016-12-12 22:09:45 2299

原创 vue.js 入门案例,双向绑定实现任务清单

vue.js 开发环境安装成功之后。http://localhost:8080/ 使用vue.js双向绑定实现类似这样一个任务清单页面。 下面是我的学习笔记。

2016-12-10 20:50:17 2012 1

原创 vue.js 开发环境搭建最简单攻略

更新:本篇文章是我很之前写的,对于一些没有工作,或者js基础不太好的同学,建议不必大费周章去搭建环境,可以直接引用 vue.js 就可以进行学习,练习,有些过程是水到渠成的,当初很多不懂的东西慢慢就懂了。

2016-12-09 19:10:58 13469 5

原创 javascript dom编程艺术网页案例

包含了五个页面,N多函数,完成工作有幻灯片,点击显示内容功能,图片库,表格优化,表单优化,我自己没有写最后表单的ajax 在博客上只放了 js 函数代码,是供自己温习,想要学习建议阅读书籍。 案例放在github,地址:https://github.com/UnaMaatin/javascript-dom

2016-12-04 23:44:34 2124

原创 第十章 用javascript实现动画效果

阅读《javascript dom 编程艺术》(第二版),第十章,用 jvascript 实现动画效果,学习理解。

2016-12-02 14:52:45 678

原创 第九章 CSS-DOM

阅读《javascript dom 编程艺术》(第二版),CSS-DOM,提到如何对函数进行抽象,学习,理解,运用。

2016-12-01 11:33:51 773

原创 第八章 充实文档的内容

阅读《javascript dom编程艺术》(第二版),第八章:充实文档的内容,学习,理解,运用。

2016-11-30 16:41:52 714

原创 第七章 动态创建标记 优化图片库

阅读《javascript dom 编程艺术》(第二版),学习,理解,运用

2016-11-29 17:36:50 553

原创 第六章 案例研究 图片库改进版

阅读《javascript dom编程艺术》(第二版),学习,理解,总结,运用

2016-11-28 16:46:59 617

原创 第四章 案例研究 javascript图片库

阅读《javascript dom编程艺术》(第二版),学习,理解,总结,运用...

2016-11-28 16:45:31 555

原创 文字跳动特效

1 如何让字符串变成 一个个的字体,让我们去控制1获取字符串内容2清空字符串内容3遍历字符串, 然后一个个的切割出来。4给切割出来的文字添加定位5把添加好定位的文字,重新赋值到获取的 元素里面。2:鼠标滑动上去之后, 该怎么去实现 文字的跳动1 定义一个变量02 定义 定时器3让变量不断的 减少4改变元素的top == 变量5当 变量 达到一定高度的时候,让变量不断的 增加

2016-11-27 10:56:29 2961

原创 jQuery框架的ajax理解运用

使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升了用户体验。

2016-11-15 21:07:59 488

原创 jQuery 动画效果

jQuery 的动画特效理解,操作。

2016-11-12 14:41:17 956

原创 jQuery 选择器引擎

jQuery 最核心的组成部分就是:选择器引擎。它继承了 CSS 的语法,可以对 DOM 元 素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容。

2016-10-25 11:40:14 595

原创 jQuery 基础核心

简单整理jQuery的基础知识点,对jQuery使用方法有个大概印象。

2016-10-22 19:29:41 445

原创 Javacript Ajax 理解运用

避免转眼忘记,简单的记录一下今天自己学习的Ajax,便于自己理解运用。

2016-10-21 22:34:05 418

原创 Javascript 事件入门

这是一份简单的 html 文档,只是作为我个人学习的笔记,不是技术博客。

2016-10-16 11:41:10 470

原创 Javascript Dom节点及操作

这是一份简单的 html 文档,只是作为我个人学习的笔记,不是技术博客。

2016-10-14 23:05:09 515

原创 Javscriot Dom基础

这是一份简单的 html 文档,只是作为我个人学习的笔记,不是技术博客。

2016-10-13 22:53:25 9716

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除