wannomore-CSDN博客

原创 Javascript高级程序设计读书笔记（三）

今天中秋假期的第二天，继续开始学习这本书咯~第6章:面向对象的程序设计constructor，prototype属性是不可枚举的创建对象工厂模式function createPerson(name,age){ var o = new Object(); o.name = name; o.age = age; o.sayHello = function(){

2016-09-16 20:14:11 308

原创 Javascript高级程序设计读书笔记(二）

我们更加青睐采用对象字面量的语法来作为对象语法书写。这样可以给人一种数据封装的感觉。实际上，对象字面量也是向函数传递大量参数的首选方式。例如下面是一个函数function test(args){ if(typeof args.name == "string"){ console.log(args.name); }}test({ name:"haha";

2016-09-14 15:12:24 358

原创 Javascript高级程序设计读书笔记

本博客应该会随着我看书的进度不定期更新吧，加油！应该只会记录自己认为自己不熟悉的点，比较简单的就不做记录啦。纯属自身学习帮助用的~数据类型一共有五种简单数据类型： - Boolean - Number - String - Null - Undefinedtypeof可以获取变量类型。Undefined一般来说声明了变量然而没有初始化的话会返回undefined。一个比较奇怪

2016-08-30 21:30:27 341

原创 Javascript高级程序设计温故而知新

Array类的length是可读可写的量。通过length可以裁剪数组 Array.prototype.push将会返回Push之后的长度 Array.prototype.concat()可以接收多个参数。并把这些都全部加在一个数组里，不过不会修改原数组splice方法。提供两个参数。第一个参数是要删除元素的起始位置，第二个是要删除的元素的个数。提供多个参数，进行删除插入。前两个参数负责

2016-11-01 23:11:24 301 1

以前看到SASS之类的工具觉得应该比较难，今天接触了之后发现挺好用的，主要是方便了CSS的编写。在编写比较大的项目的时候，由于内容很多，因此样式表也会比较繁杂，如果要修改其中某一个的名字，就会维护起来很麻烦。因此才需要用到SASS这样的工具来优化CSS结构。一般有SCSS和SASS两种，这两种的文件后缀名是不一样的，编写起来也会有差异。由于SCSS的写法更接近CSS，因此我比较喜欢SCSS的写法。

2016-10-23 15:24:47 327

原创 DOM查漏补缺

使用getAttribute()方法只能获取属性的文本内容，比如script或者style就不方便了，因此建议使用属性的方法来获取，即eleNode.attr这种形式但是自定义的标签属性必须使用getAttribute()方法来获得。属性的方法会返回undefined 修改class通过属性名的方法是eleNode.className ID的话使用eleNode.id就可以了childNod

2016-10-23 12:38:29 300

原创第二章

arguments是一个字面量用arguments可以实现未知参数数目的函数function addAll(){ return _.reduce(arguments,function(left,right){ return left+right; },0)}console.log(addAll(1,2,3,4,4,5));_.bindAll也是这个方法实现的

2016-10-12 16:44:28 288

原创电力电子技术基础

常见二极管快恢复二极管特点就是反向恢复速度很快，但是缺点就是反向耐压不高,一般就是1200V以下。肖特基二极管优点就是就是反向回复时间短，电压过冲小，而且在反向耐压低的时候正向压降一般很低。缺点就是如果想提高反向耐压的话，正向压降就会提高很多。因此一般用于200V以下。而且温度太高了，反向的损耗会很大的哟~晶闸管几种情况下晶闸管会导通：阳极（A）电压升高太多导致雪崩效应阳极电压变化率太高（关

2016-10-06 11:13:33 1962

原创小点

Javascript中的键（Key）只能是字符串类型，不可以是其他！！！ bind不会修改原来函数的作用域，只是会返回一个被限制了作用域的函数，而且这个函数没办法修改作用娱咯。 setTimeout是非阻塞型的函数。也就是说不会阻碍后续工作进行。按照书上所说，nodeJS是采用了先注册事件然后不断去查询事件是否被分发（即应该被执行了）。也就是说不会影响后续事件执行。这就是非阻塞型，异步的。 N

2016-10-06 09:47:52 366

原创 UnderscoreAPI阅读笔记

Collections部分今天来看一下underscore的API，总之这是一个非常强大的库，用起来非常优雅~_.each(list,iteratee,[context])forEach只适用于Array对象，当然也可以使用_.each(arr,func)来实现但是如果是引用类型的话，就必须使用_.each(obj,func)，而且传递给func的参数是(value, key, list

2016-10-04 23:21:53 373

原创 Promise解决回调函数的问题

再次跟大家推荐scott老师的教程，感觉能学到很多东西javascript回调函数的反人类写法在javascript中如果要先执行fun1，然后执行fun2，一般采用回调函数方法，方法如下var a = 0, b = 20function add(num,callback){ setTimeout(function(){ if(num==10||nu

2016-10-02 00:06:51 2947 2

原创 NodeJS实现网站评论

今天在scott老师的带领下学习了一下nodeJS基础的一些东西，更激动的是学习了简单的灌水小程序，于是记录如下。首先我们需要调用http模块var http = require('http')接着需要使用把请求内容转换成发送的内容码，需要用到querystring 模块var querystring = require('querystring')因为我们需要用到http模块的request。因

2016-10-01 22:24:43 2652 1

翻译 flex布局介绍

本文翻译自A complete Guide to Flexbox可能有一些翻译的不太好望指正。背景Flexbox旨在提供一种更加有效的方式进行布局，对齐、在容器内的元素间适当的分配排列空间（子元素的大小也可能是未知的，会动态调节，因此叫flex）。 flex布局的主旨是让容器具有自动调节子元素的款高的能力，这样就可以更好地填充空间（主要还是为了让网页在不同的设备和不同的分辨率上有更好的显示）。一

2016-09-25 23:58:21 387

原创 Javascript高级程序设计读书笔记（五）

各路浏览器的兼容问题真的是前端的一大坑啊！！能力检测基本格式如下：if(Object.function){ //如果这个功能存在的话就执行相应的操作}else{ //不存在的话用其他方式解决}更可靠的能力检测function isFuncExist(obj,func){ return typeof obj[func] == "function";}但是这样的代码放在某

2016-09-24 10:16:30 343

原创 Javascript高级程序设计读书笔记四

BOM对象window对象先看window对象。这实际是浏览器的一个实例。window是一个全局的对象。因此定义全局变量可以有两种方式直接在全局环境中定义变量给window对象添加属性变量但是有一定区别。就是如果采用方式一，那么[[Configurable]]特性将是false。意味着不能够delete。var a = "red";window.b = "blue";delete win

2016-09-21 16:51:36 243

原创写代码的时候遇到的BUG小结

关于类对象的访问在学习一个示例的时候，用到利用函数参数访问函数属性的。如下var a = [{ "name":"Bob", "age":12},{ "name":"Jelly", "age":1}];function createComparitionMethod(property){ return function(obj,obj2)

2016-09-14 15:22:19 676

原创关于javascript垃圾回收机制

javascript中最常见的垃圾收集方式是标记清除看完书我的理解是，当垃圾收集器运行时，会给内存中所有变量加上标记，然后对每个环境检查环境中的变量，以及环境中的变量引用的变量去掉标记，接着删除掉还有标记的变量，这样实现了垃圾回收。另外由于浏览器可用的内存空间比较少（这样的目的是为了方式运行javascript的网页耗尽所有内存导致崩溃），因此一般当某些变量不再使用时，我们需要进行解除引用

2016-09-08 15:53:39 305

原创 Javascript一些语法总结

var y = undefined; console.log(!y);//true var x = false; var a = 0; var b = null var text = !!x;//false console.log(test);//false console.log(!!a);//false console.log(!!

2016-09-08 13:53:10 325

原创 CUMCM学习

取整运算常见的取整运算有两种： [x]=不大于x的最大整数，x的整数部分 r(x)=[x+1/2]按四舍五入规则的取整。我们可以分别表示按照向下取整和四舍五入的取整的小数部分为： x=x−[x],f(x)=|x−r(x)|{x}=x-[x],f(x)=|x-r(x)|距离概念横纵距离考虑给定两点P(a,b)P(a,b)以及X(x,y)X(x,y)的距离 d(P,X)=max|x−a|

2016-09-02 10:30:43 555

原创 JS动画

设置循环刷新帧有三种方法：requestAnimFrame(function(){});setTimeoutsetInterval 其中第一种方法可以根据电脑性能来调节每一帧的时间，更加科学

2016-08-30 14:35:30 289

原创 CSS3实现3D方块旋转

本文是在学习一篇博文后进行总结和一定的修改的，原博文链接这里写链接内容先贴代码 HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>animation</title> <link rel="stylesheet" type="text/css" href="css/

2016-08-25 15:57:13 4022

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-08-25 15:38:10 180

原创 CSS3布局相关

column布局语法：columns：<column-width>, <column-count> column-width单位用px。也可以单独设置column-width和column-count。注意这时没有s。column-width:auto|length//如果设置为auto，lenght由column-count决定column-gap设置多列布局的列边距column-gap:n

2016-08-25 12:23:35 233

原创 CSS3动画

transition属性一般是在hover,click,getFocus等事件发生时进行的动画。创建简单的过渡效果有下面几步：写明元素的初始状态样式写出过度元素的最终状态样式，比如hover样式在默认样式中添加过渡函数，添加一些不同的样式。 transition是一个复合属性，主要包括属性含义 transition-property 指定过渡或动态模拟的CSS属性 tra

2016-08-24 20:36:04 257

原创 CSS3学习

圆角效果语法：border-radius:? ?可以填一个参数、两个参数、四个参数： - 两个参数，代表左上右下和右上左下。 - 四个参数，代表左上、右上、右下、左下。利用圆角效果画半圆div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;

2016-08-23 20:32:23 376

原创 JS链式运动

在学习链式运动的时候遇到了一个问题，在此记录下来。由于链式运动是有一个回调函数singleAttrMove(this,'width',400,function(){ singleAttrMove(this,'height',300);});经过测试，如果回调函数里面的Element参数传this的话会报错，因此，需要先定义一个that来保存thisvar that = this;然后

2016-08-23 09:29:50 225

原创 CSS学习笔记

CSS学习心得CSS语法：只用冒号“:”不用“=”，每一行行末需要加分号“；”选择器标签选择器用tagName来表示，比如p{}类选择器用.className来表示，比如.login{}ID选择器用#idName来表示，比如#login{}子选择器 selector>childSelector 。比如#login>li。注意只会选择第一代元素包含选择器 selector childS

2016-08-18 17:38:14 248

转载 DOM事件

DOM事件学习学习慕课的DOM事件探秘课程做的笔记。事件流：：描述的是从页面中接受事件的顺序： 1.事件冒泡流：IE的事件流，事件最开始由事件最具体的元素，然后逐级向上传播事件。 2.事件捕获流：跟冒泡相反。不太具体的节点应该更早接收到事件。推荐使用事件冒泡。使用事件处理程序HTML事件，直接写在html中的事件。缺点是HTML和JS混合在一起了，不好维护。DOM0级处理程序。把一个

2016-08-17 22:41:23 330

转载 JS事件绑定的代码

<!DOCTYPE html><html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> window.onload = function

2016-08-17 21:57:36 303

原创 JS学习笔记

以下是在学习JS的中的一些笔记事件鼠标事件onclick()单击onmouseover()鼠标悬浮onmouseout()鼠标离开焦点事件onfocus()获得焦点onblur()失去焦点文本框事件onselect() 选中了某些文字，一般是文字输入框或者文字域中的文字被选中的时候触发onchange()文本框内容改变事件窗体事件onload()窗体装载事件onunload(

2016-08-14 16:01:30 284

原创 canvas学习

绘制路径先获取canvas对象：var canvas = document.getElementById('canvas');if (canvas.getContext){ var ctx = canvas.getContext('2d'); //进行绘画操作 }ctx.beginPath()开始画路径ctx.arc(x坐标，y坐标，半径，开始弧度，结束弧度，true

2016-08-13 18:16:33 203

原创层次分析法

层次分析法这是第一次写博客，经验不足，希望各位看客多多包涵。最近在准备数学建模比赛，希望把学到的东西都写下来以便日后翻看。由于时间原因，只记录自己认为重要的一些部分。层次分析法（AHP）的原理在决策过程中往往面临的是多个互相关联互相约束的系统，如何在这个系统中选择最佳的选项就是层次分析法所解决的问题。运用层次分析法一般有四个步骤进行： 1、建立递阶层次此结构模型； 2、构造出各个层次中所

2016-08-13 10:50:53 8155 3

u013096194的博客