自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

原创 Node.js中process.cwd()与__dirname

process.cwd() 是当前执行node命令时候的文件夹地址 ——工作目录 __dirname 是被执行的js 文件的地址 ——文件所在目录

2017-11-16 15:54:01 1263

原创 js的跨域

跨域 jquery跨域大致方法: jsonp document.domain window.name window.postMessage CORS

2017-11-07 23:20:01 214

原创 react.js相关帖子

react常见面试题 react-diff

2017-10-29 15:36:31 358

原创 PHP 单例模式连接数据库

<?php/* * 单例数据库连接 */class Db { private static $_instance; //static可以保存值不丢失 private static $_dbConnect; private $_dbConfig = array( 'host' => '127.0.0.1', 'user' => 'roo

2017-10-25 21:57:55 2120

原创 CSS预处理

LESS简单入门三大预处理器区别三大预处理器区别,逻辑性更好

2017-10-23 17:53:46 618

原创 CSS面试(简答)

1、简要描述CSS中content属性的作用 content属性与:before及:after伪元素配合使用,来插入生成内容,可以在元素之前或之后放置生成的内容。可以插入文本、图像、引号,并可以结合计数器为页面元素插入编号。2、过渡与动画的区别是什么? 过渡属性transition可以在一定的事件内实现元素的状态过渡为最终状态,用于模拟一种过渡动画效果,但是功能有限,只能用于制作简单的动画效果;

2017-10-23 16:49:22 1032

原创 sql中的join

讲join中的on和where区别图解join

2017-10-09 16:09:01 169

原创 Go小tips

1、不用以‘;’结尾。但若是多条语句写在同一行,还是需要‘;’ 函数用func而不是常规的function if、for、switch等语句的条件也没有‘()’啦2、变量声明 (1)var 变量名 变量类型 = 值 var a int = 10 (可以事后赋值) (2)var 变量名 = 值 var a = 10 (3)变量名 := 值

2017-10-08 14:22:32 246

原创 常见五种排序算法PHP

一、冒泡排序 稳定,O(n^2),设置了flag算是一种优化,避免了后续没必要的比较function BubbleSort($arr) { $len = count($arr); //该层循环控制 需要冒泡的轮数 for ($i = 1; $i < $len; $i++) { $flag = false; //本趟排序开始前,交换标志应为假

2017-10-06 16:59:48 302

原创 CSRF与XSS

http://www.cnblogs.com/hyddd/archive/2009/04/09/1432744.html 讲的CSRF不错,简单易懂http://www.cnblogs.com/easytools/archive/2012/06/01/2529350.html 讲CSRF和XSS区别,简单一段文字XSS 全称“跨站脚本”,是注入攻击的一种。其特点是不对服务器端造成任何伤害,而是通

2017-10-06 16:00:47 536

原创 Go的range

不是很懂,过后再看package mainimport "fmt"func main() { //这是我们使用range去求一个slice的和。使用数组跟这个很类似 nums := []int{2, 3, 4} sum := 0 for _, num := range nums { sum += num } fmt.Println(

2017-10-04 16:25:03 204

原创 Go的闭包——计数器

跟Js的闭包原理差不多,典型的用法,计数器。可以对比看看 主要注意写法!package mainimport "fmt"func getSequence() func() int { i:=0 return func() int { i+=1 return i }}func main(){ /* nextNumber 为一个函数,函数 i 为 0

2017-10-04 14:09:25 716

原创 js对象、数组深复制

一、数组的深浅拷贝 在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln("数组的原始值:

2017-09-29 21:54:55 436

原创 onclick绑定事件注意点

一、 自定义函数添加onclick事件写法注意。 错误写法:element.onclick = addclass(className); 正确写法:element.onclick = function(){ addclass(className); }二、括号问题 onclick事件是在html内写的,还是在script中写的,这是不同的。onclick事件如果在html内写的话,引号内代表

2017-09-21 17:03:54 1128

转载 WEB网站常见受攻击方式及解决办法

一.跨站脚本攻击(XSS) 跨站脚本攻击(XSS,Cross-site scripting)是最常见和基本的攻击WEB网站的方法。攻击者在网页上发布包含攻击性代码的数据。当浏览者看到此网页时,特定的脚本就会以浏览者用户的身份和权限来执行。通过XSS可以比较容易地修改用户数据、窃取用户信息,以及造成其它类型的攻击,例如CSRF攻击常见解决办法:确保输出到HTML页面的数据以HTML的方式被转义出错的

2017-09-05 20:35:25 556

原创 XSS攻击

跨站点脚本(Cross-site scripting,XSS)是一种计算机安全漏洞类型,常见于 Web 应用程序。XSS 能够使攻击者向其他用户浏览的网页中输入客户端脚本。小demo。假设我们的一张名为 “test_form.php” 的页面中有如下表单:<form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">这里的$_SERV

2017-08-30 16:43:53 208

原创 php面试(代码)

1、不用新变量直接交换现有两个变量的值1: list($a, $b) = array($b, $a);2: $a = $a . $b; $b = strlen( $b ); $b = substr( $a, 0, (strlen($a) – $b ) ); $a = substr( $a, strlen($b) );3:(必须用一个两个字符串都都不能出现

2017-08-30 15:04:24 432

原创 php面试(简答)

1、双引号和单引号的区别 双引号解释变量,单引号不解释变量 双引号里插入单引号,其中单引号里如果有变量的话,变量解释 双引号的变量名后面必须要有一个非数字、字母、下划线的特殊字符,或者用讲变量括起来,否则会将变量名后面的部分当做一个整体,引起语法错误 双引号解释转义字符,单引号不解释转义字符,但是解释’\和\ 能使单引号字符尽量使用单引号,单引号的效率比双引号要高(因为双引号要先遍历一遍,

2017-08-29 21:52:49 967

原创 php小tips

1.函数之外声明的变量拥有 Global 作用域,只能在函数以外进行访问。 函数内部声明的变量拥有 LOCAL 作用域,只能在函数内部进行访问。 若想在函数内访问函数外的变量,使用global关键词<?php$x=5;$y=10;function myTest() { global $x,$y; $y=$x+$y;}myTest();echo $y; // 输出 15?>PHP

2017-08-28 10:41:52 301

原创 js小Tips

1、数组插入/删除/替换 插入删除,最常想到的是push,shift 但splice效率会更高2、多层嵌套if 多层if,且判断是否为具体值时,可以改为switch 但最好用Object方法if (color) { if (color === 'black') { A(); } else if (color === 'red') { B(); } else if

2017-08-07 14:05:46 528

原创 项目总结

ssssss

2017-08-07 13:49:03 161

原创 变量提升与函数提升

变量提升var a = 5;function fafa(){ a==6;//false a==5;//false var a = 6; function test(){ a == 6;//true } test();};fafa();实际fafa里执行顺序是:var a;//变量提升 a=undefineda==6;//fals

2017-07-16 14:21:31 282

原创 jquery小tip

如果要在一个函数中访问一个全局变量,需要使用 global 关键字。 当一个函数完成时,它的所有变量通常都会被删除。然而,有时候您希望某个局部变量不要被删除。 要做到这一点,请在您第一次声明变量时使用 static 关键字SERVER[“PHPSELF”]变量有可能会被黑客使用!当黑客使用跨网站脚本的HTTP链接来攻击时,_SERVER[“PHP_SELF”] 变量有可能会被黑客使用! 当黑

2017-06-25 23:52:18 241

原创 jQuery中queue和dequeue

用queue把函数加入队列(通常是函数数组) 用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行) _____________________________________________________________________________________________________________________queue方法最常用于anim

2017-05-23 17:00:04 639

原创 jQuery中事件命名空间

常见的事件:$(#id).on('click',function(){.A处理..});加上命名空间后:$(#id).on('click.a',function(){.B处理..});$(#id).on('click.a.b',function(){.C处理..});注意,这种命名空间对jQuery是不可见的。也就是说,当#id被click后,三个处理程序都会被触发。$(“#id”).trigge

2017-05-20 18:22:31 165

原创 jQuery中以0/1编号

在jQuery中,基本都是以0开始编号的。如:eq()、odd、even这些。 有个例外,就是nth-child(),他是以1开始编号的。另外,JS的数组也是从0开始编号,但是CSS是从1开始编号的。

2017-05-20 17:22:34 189

原创 Bootstrap学习小小小小笔记

嗯,刚开始学,一点小tips,供 自己 回忆。 ——————————————————————————————————–(1)Bootstrap3已经是移动设备优先了。所以一般在head中添加 <meta name="viewport" content="width=device-width, initial-scale=1.0"> (2)Bootstrap 提供了一套响应式、移动设备优先的流式网格

2017-05-14 17:26:38 198

原创 npm安装

npm 要为每个项目单独安装一遍 node_modules。 也就是说,要在新项目中使用npm,那么要先进入项目所在的文件夹(终端进入),然后安装。可以安装淘宝的npm镜像,速度比较快。先执行下面这句:$ npm install -g cnpm执行后我们就可以使用 cnpm 命令来安装模块:$ cnpm install express执行成功后,该目录下就会生成一个 node_modules 目录

2017-05-13 19:34:02 312

原创 AngularJS学习笔记

1.指令 (1)ng-init 指令初始化 AngularJS 应用程序变量。不常用     HTML5 允许自定义属性以 data- 开头。而AngularJS 属性以 ng- 开头,所以可以使用 data-ng- 来让网页对 HTML5 有效。(2)ng-app 指令定义一个 AngularJS 应用程序。一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。(3)ng-mo

2017-05-13 17:47:05 364

原创 Flex布局

阮大神写的Flex一 设置方法:.box{ display: -webkit-flex; /* Safari */ display: flex;}设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结

2017-04-29 21:31:09 195

原创 用闭包实现计数器

如果我们需要一个计数器,一个会把计数器设置成全局变量,这样这个计数器会依次增加var counter = 0;function add() { return counter += 1;}add();add();add();//counter为3这样执行过3次add()后,因为counter是全局变量,所以此时counter为3,实现了计数器的功能。但这样有个问题就是,counter暴露

2017-04-27 17:34:12 4543

转载 Vue.js

朋友,这篇是写给自己看的。所以你们可以跳过了,不然可能会觉得莫名奇妙 =V= 推荐看这个 Vue.jsVue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。简单的Hello World实现:<!DOCTY

2017-04-22 18:12:06 644

原创 visibility:collapse

当一个元素的visibility属性被设置成collapse值后,对于一般的元素,它的表现跟hidden是一样的,但如果是table相关的元素,例如table行,table group,table列,table column group,它的表现跟display:none一样,也就是说,它们占用的空间会释放。<html><head><style type="text/css">tr.coll

2017-04-18 17:10:40 1031

原创 前端面试(简答)2

以下是需要知道的,加油吧朋友 T T HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、 HTML5、CSS3、FlexboxJavaScript: 数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、 DOM、BOM、内存泄漏、跨域、异

2017-04-18 16:52:34 466

转载 标准事件模型和IE事件模型

在浏览器解析事件的时候,有两种触发方式,一种叫做Bubbling(冒泡),另外一种叫做Capturing(捕获)。这里不做过多解释这里分析三种绑定事件模式1、 Traditional Module传统方式的事件模型即直接在DOM元素上绑定事件处理器,例如—window.onload=function(){…}obj.onmouseover=function(e){…}obj.onclick=func

2017-04-18 15:27:09 599

转载 原生ajax

1.创建XMLHTTPRequestfunction createXMLHTTPRequest() { //1.创建XMLHttpRequest对象 //这是XMLHttpReuquest对象无部使用中最复杂的一步 //需要针对IE和其他类型的浏览器建立这个对象的不同方

2017-04-12 10:21:14 230

原创 前端面试(计算机网络、数据算法、Linux)

1 HTTP常见状态码 200 OK 正常返回信息 302 Found 资源被暂时性转移 304 Not Modified 自从上次请求后,请求的网页未修改过。 304讲解 307 临时重定向 401 该请求需要用户验证 404 Not Found 找不到如何与 URI 相匹配的资源。 500 Internal Server Error 最常见的服务器端错误。 50

2017-04-10 19:18:18 488

原创 内存泄漏

关于这方面的文章太多,综合一下写个简单的方便自己理解,针对js的内存泄漏 1、什么是内存泄漏? 内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束。 2、出现情况(1) 当页面中元素被移除或替换时,若元素绑定的事件仍没被移除,在IE中不会作出恰当处理,此时要先手工移除事件,不然会存在内存泄露。<div id="myDiv"> <input type="button"

2017-04-08 20:25:13 2231

转载 【转】常见浏览器兼容

HTML对象获取问题 FireFox:document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idName”). 解决办法:统一使用document.getElementById(“idName”);const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量

2017-03-29 13:54:42 470

转载 ES6新特性简介

(1)箭头操作符:操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs。var array = [1, 2, 3]; //ES6 array.forEach(v = > console.log(v));(2)类的支持:引入了class关键字//类的定义class Animal { //ES6中新型构造器 constructor(name) {

2017-03-24 14:21:44 286

空空如也

空空如也

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

TA关注的人

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