木子PZ-CSDN博客

原创 ECharts配置（一）

lineChart 配置项var myLineChart = echarts.init(document.getElementById(‘chart-id’)); var ChargeLineChartOption = { tooltip: { trigger: ‘axis’， //formatter 自定义tooltip...

2018-05-05 22:37:39 444

原创 HTML5 file API

HTML5新增了file API（IE10+），为文件的操作提供了更大的便捷性。一、File API的四大接口Blob 只包含原始文件的类文件对象，用来存储二进制类型的数据。属性：文件大小size，文件类型type<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>blob</tit

2016-11-03 23:16:42 609

原创 checkbox动态更新

解决jQuery动态获取checkbox的选取状态问题。一般情况下，我们使用prop()或者attr()来设置checkbox的选中状态$('#checkboxID').attr('checked','checked'); //jQuery1.5 below$('#checkboxID').prop('checked',true); //jQuery 1.6+使用$('#check

2016-10-28 23:18:49 2058

原创 Node核心模块之fs模块

一、同步与异步文件I/O是NodeJS的核心模块之一，主要岁文件进行读写操作。fs对文件的加载分为两种：同步和异步同步方式：执行完当前操作并返回结果后，才能继续执行后续代码var fs = require('fs');fs.unlinkSync('/targetUrl');异步方式：采用回调函数的方式，接收返回结果，可以立即执行后续的代码；回调函数的第一个参数是异常参数，如果方法成功执行，那

2016-10-28 22:37:44 651

注：本文是译文，难免有错误或理解不足之处，请大家多多指正，大家也可挪步原文。由于本文讲解十分精彩，非常推荐大家查看原文，由于原文内容十分丰富，所以将其分为2部分，这是Part 1（基础篇），戳这里查看Part 2（教程篇）。promise或deferred在异步编程中简单而又实用。维基上列了一些promise模式的实现要点。AngularJS根据Kris Kowal’s Q 定义了了自己的实现方式。

2016-10-18 23:07:52 2217

原创 Angular（四）内置服务$http

http服务是angula对ajax进行封装后的方法，它基于http服务是angula对ajax进行封装后的方法，它基于q服务，提供了Promise封装，几首一个配置对象作为参数，并返回一个promise对象，同时还提供了两个方法来定义promise回调（success和error）。$http$http({ method: 'GET', url: '/targetUrl'}).s

2016-10-14 23:31:55 2428

原创 Angular（三）路由ui-router

一、ui-router相对ngRouter的优点由于angular内置的路由机制那个ng-router存在一些缺陷，不能很好的实现多视图与嵌套视图，所以一般都会选择angularUI提供的ui-router来代替ng-router。ui-router中的一些指令：$urlRouterProvider：服务提供商，用来配置路由重定向$stateProvider：服务提供商，用来配置路由$stat

2016-10-12 22:38:40 1175

原创 Angular（二）服务

一、服务的概念及声明1.在angular中，服务是作为一种提供特定功能的方法而存在的，可以被其他程序调用。它是一个单例，可以是任意类型。一个服务在angular应用的生命周期内，只会被初始化一次，并被所有调用者所共享。服务通过依赖注入的方式被调用 2.依赖注入的三种方式（1）.隐式注入：没有明确的声明，angular会默认参数名称就是函数依赖，并使用$injector将这些参数注入到对象实

2016-10-07 16:46:59 1044

原创 AngularJS（一）指令

指令是AngularJS1.x的灵魂，它能将特定功能的操作封装起来，只在页面引用指令标签即可。在这里，只简单介绍自定义指令，不对内置指令进行总结。一、自定义指令在angular中使用directive关键字来定义一个指令。angualr.module('myApp',[]).directie('myDirective',function() { return { restr

2016-10-05 21:33:57 1082

原创浏览器兼容与优化

一、浏览器兼容问题1.IE条件注释书写规则：在条件注释中间，可以写任意的代码块，代表在该浏览器环境下才会执行。如： if lt IE6：表示低于IE6版本,less

2016-10-05 10:08:06 2432

原创图片懒加载

一、延迟加载的概念加载图片资源需要发送请求，如果一个网站的图片数量比较多，那么就会使页面加载时间变长，影响用户体验。二、懒加载的方式图片懒加载的方式可以分为三种： 1.纯粹的延迟加载。使用setTimeout来使图片的加载延迟具体时间，如果在该时间内关闭了网页则不会触发请求； 2.条件加载。只有满足某些条件或者是触发了具体事件的那些图片才会被加载； 3.可视区加载。只加载当前可视区域的图片。三

2016-10-02 22:21:47 1209

原创圣杯布局与双飞翼布局

圣杯布局与双飞翼布局都是利用元素的负边距来使元素排版在预定的位置。对于金典的三列布局，中间内容为主体部分（即最重要的部分），左右两侧不能遮挡主体内容。 1.圣杯布局：使三列元素成为浮动元素，再给它们设置负边距让其在预设位置，然后设置父级元素的padding值，给两侧元素留出放置空间，最后设置左右侧栏的左右位置，使其定位在主体内容的两边。<!DOCTYPE html><html lang="e

2016-10-01 22:26:58 1146

原创使用git（三）远程操作

整理自极客学院git教程系列地址一、主要命令git clone：获取远程仓库git fetch ：获取远程仓库的所有分支及数据git pull ：git fetch 和 git merge 的组合git push ：把本地数据推送到远程仓库二、获取远程仓库用github作为远程仓库。首先注册github账号，配置基本信息（略过），创建一个github仓库repository。 1.然后在

2016-09-28 17:12:51 1235

原创 javascript事件

一、事件绑定javascript的事件绑定可以有多种方式1.HTML事件处理程序直接在HTML元素中，显式地为元素绑定事件：<button onclick="func()"></button>这种方式的移除事件的处理程序方式是，将事件函数置空。func = function() {}2.DOM0级处理事件程序把一个函数赋值给事件处理函数。element.onclick= function() {

2016-09-27 23:23:48 1135

原创 javascript模块化编程

一、模块化的概念为了解决命名冲突和文件依赖等问题，提出了模块化的概念，即将一个实现特定功能的文件定义为一个模块，我们可以通过模块加载，轻松的使用已经写好的代码。二、CMD与AMD规范javascript模块化编程主要有CDM和AMD规范。 CMD：就近加载模块，当需要使用的时候才去加载； AMD：异步加载模块，依赖前置（需要按顺序把需要用到的模块都加载好），加载好的依赖包都被提前分析好，后面的程

2016-09-26 12:23:49 1430

原创 javascript中的数组方法

一、es5的数组方法概述在ES5中定了9个新的数组方法来遍历、映射、过滤、检测、简化和搜索数组。大所属数组的方法的第一个参数接收一个函数，并且对数组的每个元素（或一些元素）调用一次该函数。如果是洗漱数组，对不存在的元素不调用传递的函数。在大多数情况下，调用提供的函数使用三个参数：数组元素、元素的索引和数组本身。通常，只需要第一个参数值。大多数情况下，这些数组方法的第一个参数是一

2016-09-21 23:28:10 1294

原创 Ajax实现文件异步上传

总结自极客学院ajax文件上传地址一、异步上传的概念所谓异步上传，就是对比传统的表单提交，实现一种页面局部刷新的功能。传统的表单提交一般都是点击某个提交按钮，然后真个页面处于一种被锁定的状态，上传完成后，页面跳转到一个新的页面。而一部上传则是在整个上传过程中，页面都没有被阻塞，用户可以同时进行其他的交互操作，在上传完成后，在局部页面中给出提示信息，不对整个页面进行刷新。二、异步上传的实现方式1.

2016-09-20 09:22:57 4746

原创原型链与继承

一、普通对象与函数对象凡是通过 new Function()创建的对象都是函数对象（包括直接用function定义的函数对象和字面量定义的函数对象），其他的都是普通对象（Object、Function是JS自带的函数对象）。函数对象： function func1() {} var func2 = function() {}; var func3 = new Function();普通对象

2016-09-17 22:12:03 1509

原创使用git（二）分支切换与合并

本来总结自极客学院git系列视频教程地址本地分支与合并的主要命令：1.git branch：创建分支 2.git tag：用给定的一个commit做标记 3.git checkout：在不同分支间进行切换 4.git stash：在切换分支前保存本地的修改 5.git merge：合并分支一、分支切换的概念当我们有一些其他的工作，不想直接在master分支上做的时候（例如，增加一些新的特性，

2016-09-10 23:18:32 2866

原创 Ajax跨域（二）jsonp实现跨域

本文总结自极客学院跨域Ajax实现视频教程地址一、jsonp实现跨域原理1.本质并不是ajax，只是执行了跨域javascript脚本 2.html中，所有带有“src”属性的标签都可以跨域（如：img、script），它们的src都可以指向另一个域的资源，浏览器也可以把另一个域的资源加载进来。所以，可以通过<script>标签加载一段其他域的<script>标签或者一段可执行的动态脚本，这个脚本

2016-09-09 23:06:48 1597

原创 Ajax跨域（一）CORS跨域

本文总结自极客学院跨域Ajax实现视频教程地址常用的Ajax跨域请求有：CORS（跨域资源共享）、JSONP跨域和iframe跨域通信一、CORS原理：xhr level2支持的新标准，XMLHttpRequest随想原生支持ajax，支持xhr level2的浏览器就能发起ajax跨域请求。但是它也有一定的安全限制，并不是支持了xhr level2的浏览器就能直接发起ajax跨域请求，只是说，

2016-09-03 23:21:18 2655

原创使用git（一）git简介及基本工作流程

本文总结自极客学院git系列教程地址一.git简介git是一种分布式版本管理系统，相对于SVN等集中式版本管理系统来说，它没有“中央服务器”的概念，每个人的电脑都有一个完整的版本库，可以随时对文件进行修改，而集中式版本管理系统，需要从中央服务器获取最新的版本信息，然后才能对其进行修改。二.git基本工作流程git分为工作区（working directory）、暂存区（staging area）和

2016-09-03 22:44:53 1904

原创 SVG实现边框动画效果

用svg来实现当鼠标经过某个元素时，它的边框线条的一个动画效果（原文实例演示连接：http://tympanus.net/Tutorials/BorderAnimationSVG/）要用到的svg的一个属性是：stroke-dasharray，首先来看一张图中间黄色的矩形是svg(width: 300px; height: 460px;)，然后设置四个方向的line（图中红黑相间的线条）

2016-07-24 23:39:42 6014

原创 HTML5本地数据库

数据库类型HTML5的本地数据库有两种：sqlLite和IndexedDB (NoSQL类型)数据库操作创建访问数据库的对象 var db = openDatabase("mydb","1.0","test db",1024*100);第一个参数为”数据库的名称”，第二个参数为”数据库的版本号”，第三个参数为”数据库的描述”，第四个参数为数据库的大小。（回调函数可省略）！！返回的是访问数

2016-07-07 19:29:59 1658

原创（总结）flex-layout响应式布局

Flexbox布局简介CSS3引入了一种新的布局模型——flexbox布局(即为flexible box伸缩布局盒模型). Flefxbox布局的主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）。Flex容器会使子项目（伸缩项目）扩展来填满可用空间，或者缩小它们以防止溢出容器。 flexbox布局可以轻松实现屏

2016-06-22 22:56:36 6401

原创原生Ajax与jQuery中的ajax操作

一.基本实现 1.创建xmlHttpRequest对象 var xmlHttp = null;function ajaxFunction(the_request_url) { try{ //chrome，Firefox，Safari，opera xmlHttp = new XMLHttpRequest(); }catch (e) { tr

2016-06-19 00:01:19 1566

原创配置Apache虚拟目录

1.看默认端口是否被占用可以在conf/httpd.conf 文件中修改端口号（如： Listen 8080） 2.修改配置文件中的文档权限，将修改为以下形式：<Directory /> Options FollowSymLinks AllowOverride None Order deny,allow Deny from allow</Directory>在

2016-06-17 23:29:48 1707

原创闭包

闭包与函数有着紧密的联系，它是函数的代码在运行过程中的一个动态环境，是一个运行期的，动态的概念。下面来看一个例子：var name = "xiao A"; //定义一个全局变量var obj = { name: "xiao B", //定义一个局部变量 getName: function() { return function()

2016-06-17 21:15:55 1406

原创 call()与apply()简单介绍

call 和 apply 都是为了动态改变某个函数运行时的上下文而存在的，即改变函数体内部 this 的指向。call 和 apply 主要的区别在于他们的声明方式不同。call 需要参数分开传递，而 apply 需要传入由参数组成的数组。 ep:function people() {} people.prototype = { say: function() { alert

2016-06-13 23:14:47 1582

原创关于arguments对象的一些用法

arguments对象简介arguments 是一种类数组对象，它只在函数的内部起作用，并且永远指向当前函数的调用者传入的所有参数，arguments类似Array，但它不是Array。1.使用arguments来得到函数的实际参数。 arguments[0]代表第一个实参 ep:function test(a,b,c,d) { alert(test.length); //4

2016-06-13 22:44:50 1666

原创 canvas粗略绘制广东海洋大学图书馆，钟海楼...

寒假的时候刚开始学习canvas基本绘图，为了找点具体的东西来实践，便照着学校的图书馆照片开始模拟，绘制基本的外形。先上效果图（只是通过PS的标尺粗略计算出来的坐标，所以多少有些不那么对称...）主要代码实现：` var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d');

2016-04-04 10:52:50 3185 1

木子PZ的博客