啾啾哒-CSDN博客

原创 Node.js学习笔记(1)

Node.js的模块加载 module.esports指定这个模块对外暴露的部分 require(path||moduleName)可引入其他模块exports的部分 module可以使nodejs的核心自带也可以引入第三方模块 . 当前目录 .. 上一级目录 / 系统根目录第三方模块的安装 node.js包管理器npm npm init :建立package.json npm

2017-11-06 15:42:53 271

原创 Vue+Echarts

先附上代码:<template> <div id="main" style="width:600px;height:400px"></div> </template> <script> import echarts from 'echarts' export default{ name:'', data(){ ret

2017-09-15 22:48:00 528

原创 node+mongodb建站攻略(1)

入口文件 var express=require(‘express’) var port=process.env.PORT||3000 var app=express()app.set(‘views’,’./views’) app.set(‘view engine’,’jade’) app.use(express.bodyParser()) app.use(express.static(

2017-09-15 21:59:28 477

Flexbox 实现了帮助我们脱离 CSS 苦海（例如垂直居中）的目标，但想精通它却需要你应对一些挑战。所以，我们将通过一些动画让你直观地了解 Flexbox 的工作原理，并使用它来构建灵活的布局。Flexbox 的基本原则是提供一种构建灵活、直观的布局方式。为了达成这一目标，它让容器决定如何分配容器成员的大小以及空间。这听起来相当不错，那么，让我们来看看实践中它是如何工作的。在本文中，我们将深入的

2017-09-12 16:59:13 391

原创 git版本控制工具学习笔记

Git是目前世界上最先进的分布式版本控制系统，版本控制是一种记录一个或若干文件内容变化，以便将来查阅待定版本修订情况的系统。工作区与版本库工作区就是你在电脑里能看到的目录版本库工作区有一个隐藏目录.git,就是Git的版本库创建版本库切换目录位置cd F:/task 显示当前目录位置 pwd 创建respository mkdir (在工作区生成文件夹) 初始化r

2017-09-11 16:47:30 323

原创弹性布局学习笔记

Flexbox 实现了帮助我们脱离 CSS 苦海（例如垂直居中）的目标，但想精通它却需要你应对一些挑战。所以，我们将通过一些动画让你直观地了解 Flexbox 的工作原理，并使用它来构建灵活的布局。Flexbox 的基本原则是提供一种构建灵活、直观的布局方式。为了达成这一目标，它让容器决定如何分配容器成员的大小以及空间。这听起来相当不错，那么，让我们来看看实践中它是如何工作的。在本文中，我们将深入的

2017-09-11 15:10:29 291

原创绿盟一面

1.谈谈cookie,session和localStorage的区别? 共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递；cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所

2017-09-09 19:33:30 462

原创谈谈两栏布局和三栏布局

1、左侧固定宽度，右侧自适应方法一：左侧设置float: left，右侧设置margin-left为左侧的宽度。注意：右侧不能设置float: left。<!doctype html> <html> <head> <style type="text/css"> #left{

2017-09-05 22:18:01 359

转载文章标题

本文来自：高爽|Coder，原文地址：http://blog.csdn.net/ghsau/article/details/17027893，转载请注明。 XSS又称CSS，全称Cross SiteScript，跨站脚本攻击，是Web程序中常见的漏洞，XSS属于被动式且用于客户端的攻击方式，所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码，当其它

2017-09-05 21:11:06 201

原创 vue+vuex+localStorage实现记事本

vue实现记事本vue数据双向绑定的原理实现简单版vue的过程，主要实现{{}}.v-model和事件指令的功能。实现数据绑定的做法: 数据劫持: vue.js采用数据劫持结合发布者-订阅者模式的方式，通过object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者，触发相应的监听回调。思路整理: 已经了解到vue是通过数据劫持的

2017-09-05 20:43:15 1281

原创 es6学习

1.let命令基本用法: es6新增了let命令，用来声明变量。它的用法类似于var,但是所声明的变量，只有let命令所在的代码块内有效。 { let a=10; var b=1; }a//ReferenceError:a is not defined b//1for(let i=0;i

2017-09-05 09:12:07 194

原创博客前端--插件

设置一个接受插件的方法 Base.prototype.extend=function(name,fn){ Base.prototype[name]=fn; };$().extend(‘drag’,function(tags){ };封装css选择器 //通过构造函数来传递节点 if(typeof args==’string’){ case ‘#’: this.

2017-09-01 18:10:07 263

原创事件绑定

一.解决非IE浏览器事件绑定的问题? 1.支持同一元素的同一事件句柄可以绑定多个监听函数。 2.如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略。 3.函数体内的this指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点） 4.监听函数的执行顺序应当是按照执行的顺序执行。 5.在函数体内不用使用event=event||window.event,

2017-09-01 16:45:56 208

转载面试准备三

1.在Javascript中什么是伪数组？如何将伪数组转化为标准数组?var guiseArr={‘0’:’AAA’,’1’:’BBB’,’2’:’CCC’,length:3}它虽然是个对象，但是也拥有数组的length方法，也可以通过索引取到里面的值，但是没有数组的pop,push方法。伪数组转化为数组(1)Array.prototype.slice.call(arr,0);(2)直接利用for循

2017-09-01 10:03:37 195

原创前端面试准备-2

1.一次完整的http事务是怎么样的过程? (1)通过域名寻找ip地址浏览器会首先搜索自己的浏览器缓存里面有没有DNS缓存，如果找到则结束，里面有域名对应的Ip地址。如果浏览器缓存没有找到，则会继续往操作系统中查找是否有DNS缓存，如果找到则结束，否则进行下一步。在操作系统中没有找到，就会尝试读取hosts文件，看看文件里面有没有对应的ip地址，否则继续下一步。浏览器会向本地的DNS服务提供商

2017-08-31 09:32:17 294

原创 BFC和overflow解决部分问题的原理

关于BFC 普通文档流的盒子属于一种格式化上下文，它可能是块状或者行内元素，但是不可能同时是二者。块状盒子属于块状格式化上下文(BFC)，行内盒子属于内格式化上下文。 1.创建BFC的条件: float的属性不是none; overflow的属性不是visible position的属性是absolute,fixed display的属性是:inline-block,table-cel

2017-08-29 18:07:16 2190

原创前端面试准备(1)

1.什么是盒子模型? 首先盒子模型包括分两种:w3c盒子模型和IE盒子模型标准盒子模型:总width=content+padding+border+margin IE盒子模型:总width=margin+border+padding+content-width 可以通过box-sizing:content-box（标准盒子模型） border-box(IE盒子模型)自定义采用哪一种盒子模

2017-08-29 17:39:28 387

原创 js--闭包

一.变量的作用域两种:全局变量和局部变量 var n=100; function f1(){ alert(n); } f1();//100 在函数外部无法读取到函数内 function f1(){ var n=22; } alert(n);//error 函数内部声明变量时要用var命令，不然，相当于声明了一个全局变量。 function f1(){ n=1; }

2017-06-12 16:03:51 200

原创 fullPage.js

fullPage.js是一个基于jQuery的插件，它能够很方便.很轻松的制作出全屏网站。主要功能有：支持鼠标滚动多个回调函数支持手机.平板触摸事件支持css3动画窗口缩放如何获取fullPage github地址:https://github.com/alvarotrigo/fullPage.js插件最新版本为2.6.7，需要先引入jQuery cdnjs网站插件的选

2017-06-11 19:34:40 269

原创星级评分原理和实现

知识点： 1.5-6种实现方式 2.snippets.css和script标签位置，使用jquery cdn的好处.事件委托 3。糟粕：全局变量的依赖.没有块级作用域 4.设计模式（代码易于维护.扩展和复用) 原理分析–html结构 <ul id="rating" class="rating"> <li class="rating-item" title="很不好"></l

2017-06-09 16:56:28 1093

原创 js实现字符串的查找和替换

#box{ width: 600px; margin: 0 auto; border: 10px solid #9632cc; } #span1{ display:block; width: 560px; overflow:hidden; background: #ccc; font-size: 20px; pad

2017-06-05 17:15:37 7328

原创 Javascript之字符串的基本操作

var 关键字 alert 弹出对话框 prompt 弹出输入框 console.log(a);//将结果在控制台输出 document.write();//输出到文档上 js变量命名规范: 1.不能以数字开头 2.不能使用js的关键字和保留字 3.以字母_$开头是允许的 4.变量命名有意义 5.变量严格区分大小写注意:当j

2017-06-05 17:04:25 400

转载 Javascript之数组的基本操作

一. 1.数组的创建 var arrayObj=new Array();//创建一个数组 var arrayObj=new Array([size]); var arrayObj=new Array(element1,element2...elementn); 2.数组的元素的访问 var testGetArray=arrayObj[1]; arrayOb

2017-06-05 17:03:36 298

原创 js实现排序

1.简单排序 function compare(a,b) { return (a>b)?alert("大于"):alert("小于"); } 2.冒泡排序 vararr= [12,5,3,8,0,15,6,1,9,4,27]; varlen=arr.length; functionbubbleSort(arr) { vartmp=0

2017-06-05 17:02:01 277

zj128548的博客

原创 Node.js学习笔记(1)

原创 Vue+Echarts

原创 node+mongodb建站攻略(1)

原创弹性布局学习笔记

原创 git版本控制工具学习笔记

原创弹性布局学习笔记

原创绿盟一面

原创谈谈两栏布局和三栏布局

转载文章标题

原创 vue+vuex+localStorage实现记事本

原创 es6学习

原创博客前端--插件

原创事件绑定

转载面试准备三

原创前端面试准备-2

原创 BFC和overflow解决部分问题的原理

原创前端面试准备(1)

原创 js--闭包

原创 fullPage.js

原创星级评分原理和实现

原创 js实现字符串的查找和替换

原创 Javascript之字符串的基本操作

转载 Javascript之数组的基本操作

原创 js实现排序

空空如也

空空如也