xuxiaoping1989-CSDN博客

原创 nodemon 安装 mac提示 -bash: nodemon: command not found

npm config set prefix /usr/localsudo npm i nodemon -g

2021-07-16 15:14:56 357

原创 react，vue单页应用刷新404报错, apache服务器配置

一、问题描述react单页应用使用了BrowserRouter 路由（HTML5 history API ），项目打包后，使用apache服务器访问http://www.ceshi.com/userinfo，能够正常显示，但是刷新后页面404了二、问题原因刷新页面时访问的资源在服务端找不到，因为react-router设置的路径不是真实存在的路径。如上的404现象，是因为在apach...

2018-11-14 18:26:56 2345

转载常用的HTTP协议

http协议：超文本传输协议方案，除了没有用户名和密码之外，与通用的URL格式相符，如果省略了端口，就默认为80基本格式：http://<host>:<port>/<path>?<query>#<frag>示例：http://www.baidu.com:80/index.html https协议：该方案与http方案是一对的，唯一的区别在...

2018-05-09 14:28:00 499

转载 npx 是什么

最近我在更新 npm 5.2.0的时候发现会买一送一，自动安装了 npx。一个月后 npx 就是前端必会的知识，相信我 ; )npx 是什么根据 zkat/npx 的描述，npx 会帮你执行依赖包里的二进制文件。举例来说，之前我们可能会写这样的命令：npm i -D webpack./node_modules/.bin/webpack -

2018-01-05 10:21:14 3276

原创 react 上下文(Context)

注意：从 React v15.5 开始，React.PropTypes 助手函数已被弃用，我们建议使用 prop-types 库来定义contextTypes。2.1首先你需要通过在终端npm install prop-types安装一个叫prop-types的第三方包getChildContext 定义在父组件中，指定子组件可以使用的信息childContextTypes

2017-11-08 17:07:41 2783

转载 Vue和React研究

入口&根实例 Vueconst app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件}).$mount('#app') ReactReactDOM.render( , // App为根组件 document.getElementById('app'))组

2017-11-08 10:52:39 371

转载 git恢复被修改的文件

恢复到最后一次提交的改动：git checkout -- + 需要恢复的文件名但是，需要注意的是，如果该文件已经 add 到暂存队列中，上面的命令就不灵光喽需要先让这个文件取消暂存：git reset HEAD -- + 需要取消暂存的文件名然后再使用第一条命令。如果感觉命令多了记不住，那就做一两个匿名呗，比如：git config --global alias

2017-10-18 11:20:19 337

转载 insertAdjacentHTML方法详解

添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和 insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。insertAdjacentText方法与 insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同insertAdjacent

2017-08-08 11:02:52 657

转载 console对象

console对象是JavaScript的原生对象，它有点像Unix系统的标准输出stdout和标准错误stderr，可以输出各种信息用来调试程序，而且还提供了很多额外的方法，供开发者调用。它的常见用途有两个。显示网页代码运行时的错误信息。提供了一个命令行接口，用来与网页代码互动。1.浏览器实现console对象的浏览器实现，包含在浏览器自带的开发工具之中。

2017-08-08 09:56:29 318

转载 VUE目录结构介绍

目录结构介绍bulid:最终帆布的代码存放位置config：配置目录，包括端口号等node_modules:npm加载的项目依赖模块src:z这里是我们要开发的目录，基本上要做的事情在这个目录里面。：assets：放置一些图片，如logo等；components:目录里面存放一个组件文件，可以不用。App.vue;项目入口文件，我们可以直接将组件写在这里。而不使用com

2017-04-06 16:31:26 534 1

转载 Package.json配置相关知识

一、Package.json中dependencies依赖包中^符号和~符号前缀的区别版本号 x.y.z ：其中z 表示一些小的bugfix, 更改z的号， y表示一些大的版本更改，比如一些API的变化 x表示一些设计的变动及模块的重构之类的，会升级x版本号在package.json里面dependencies依赖包的版本号前面的符号有两种，一种

2017-02-27 13:57:50 463

转载 caller和callee的区别

caller返回一个函数的引用，这个函数调用了当前的函数;callee放回正在执行的函数本身的引用，它是arguments的一个属性callercaller返回一个函数的引用，这个函数调用了当前的函数。使用这个属性要注意:1 这个属性只有当函数在执行时才有用2 如果在JavaScript程序中，函数是由顶层调用的，则返回nullfunctionName.caller: fu

2017-01-05 15:07:43 225

转载谈谈encodeURI和encodeURIComponent以及escape的区别与应用

encodeURI和encodeURIComponent以及escape，这三个都是用来编码的，本篇文章给大家介绍encodeURI和encodeURIComponent以及escape的区别与应用，感兴趣的朋友一起学习吧首先，我们都知道这三个东西都是用来编码的先来说encodeURI()和encodeURIComponent()，这两个是在转换url时候用来编码解码用的。有编码就会有解码

2016-12-27 16:00:37 385

原创 if("\v"=="v")来判断IE浏览器

if(!+"\v1"){IE代码}else{其他浏览器代码}，请问这个条件判断的依据是什么？我在IE8及以下浏览器中测试是true，在firefox/chrome/opera中测试是false.。其实就是利用各浏览器对转义字符"\v"的理解在ie浏览器中，"\v"没有转义，得到的结果为"v"而在其他浏览器中"\v"表示一个垂直制表符（一定程度上相当于空格）所以ie解析的"\

2016-12-26 16:01:12 1188

转载 JavaScript location对象用法详解

location基础知识BOM（浏览器对象模型）中最有用的对象之一就是location，它是window对象和document对象的属性。location对象表示载入窗口的URL，此外，它还可以解析URL：href 设置或返回完整的 URL。protocol 设置或返回当前 URL 的协议,即双斜杠（//）之前的部分。host 设置或返回主机名和当前 U

2016-12-06 16:43:57 5523

转载 iscroll.js的上拉下拉刷新时无法回弹的解决方法

使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题：在iOS的浏览器中，上拉或下拉刷新时，当手指划出屏幕后，页面无法弹回。很多人因为解决不了这个问题，干脆就那样不解决了，还有的直接就不用HTML了，使用原生代替HTML页面。相信很多朋友也有自己的解决办法，只是没写出来，所以网上都搜不到解决方案。在很多QQ群里面也有很多人在问该怎么解决这个问题，所以我写这篇文章记录一下我的解

2016-12-05 10:29:22 1338

转载 Underscore.js 1.3.3 源码分析收藏

2016-10-17 10:08:32 473

转载 Backbone.js 0.9.2 源码分析收藏

Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API；视图可以声明事件处理函数，并通过RESRful JSON接口连接到应用程序。源码分析转之网上它人的备注，特收藏一下，以免方便阅读。// Backbone.js 0.9.2// (c

2016-10-17 10:06:12 339

转载巧用cssText

IE6/7/8下cssText值与IE9/Firefox/Safari/Chrome/Opera不同1,IE6/7/8下cssText下返回值结尾没有分号，且属性名四十大写TEST var div = document.getElementsByTagName('div'); alert(div[0].style.cssText);IE6/7/8下 IE9/F

2016-10-13 10:45:20 934

原创 Event对象的坐标及距离

screenX:鼠标在显示屏幕上的坐标，此时的参照点是屏幕的左上角。clientX:鼠标在页面显示区域的坐标，参照物是浏览器内容区域的左上角。注：以上两个都是各浏览器通用的。 pageX:鼠标在页面上的位置，从页面DOCUMENT左上角开始定位，这个可以很方便在整个页面上进行定位。只是IE678不支持，IE9支持。 layerX:鼠标相对于“最近的定位父级”的边界的位置，从bord

2016-09-27 15:57:21 3366

转载 JavaScript中getBoundingClientRect()方法详解

getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById('box'); // 获取元素alert(box.getBoundingClientRect().top); // 元素

2016-09-27 15:47:15 1566

转载 requirejs：模块加载(require)及定义(define)时的路径小结

接触过requirejs的童鞋可能都知道，无论是通过define来定义模块，还是通过require来加载模块，模块依赖声明都是很重要的一步。而其中涉及到的模块路径解析，对于新手来说，有的时候会让人觉得很困惑。假设我们的目录结构如下：demo.html js/require.js js/main.js js/lib.js

2016-08-31 15:52:32 4202

转载 JavaScript中逗号运算符介绍及使用示例

这篇文章主要介绍了JavaScript中逗号运算符介绍及使用示例,本文讲解了逗号运算符的定义、使用例子及实际使用的一些技巧,需要的朋友可以参考下有一道js面试题，题目是这样的：下列代码的执行结果是什么，为什么？复制代码代码如下:var i, j, k;for (i=0, j=0; i<10, j<6; i++, j++) { k = i+j;}document.write(

2016-08-29 11:10:42 478

转载 flex布局

一、Flex布局是什么？Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{ display:

2016-08-16 17:14:25 259

转载 AngularJs遇到的小坑与技巧

1. templateURL和路由之类的要在web server下运行。2. 使用模板replace设为true，模板里也要有相应的标签，否则不出现任何数据。3. 1.2版本之后，ngRoute模块独立。4.空的controller不定义会出错。5.Directive的link参数是有顺序的:scope,element,attrs,ctrl6.ng-repeat不能循环重复的对

2016-07-06 10:03:53 393

转载 angular的内置过滤器及自定义过滤器

一、内置过滤器angular内置了九种过滤器，使用方法都非常简单，看文档即懂。不过为了以后不去翻它的文档，我在这里还是做一个详细的记录。　　1. currency (货币处理)　　使用currency可以将数字格式化为货币，默认是美元符号，你可以自己传入所需的符号，例如我传入人民币：{{num | currency : '￥'}}　　2. date (日期格式化)　　原生的

2016-07-05 16:11:57 784

转载职场职位缩写 PM,TM,PL,TL,SE,PG,CEO,CFO

职位缩写你知道几个? GM(General Manager)总经理 VP(Vice President)副总裁 FVP(First Vice President)第一副总裁 AVP(Assistant Vice President)副总裁助理 CEO(Chief Executive Officer)首席执行官，类似总经理、总裁，是企业的法人代表。 COO(Chief Ope

2016-07-05 09:33:47 63929

转载 $_FILES函数详解

新建form.html文件，html文本文件名: 新建upload.php文件，文件内容<?phpheader("Content-Type: text/html; charset=utf-8");if ($_FILES["file"]["error"] > 0){ echo "错误：" . $_FILES["file"]["error"] . "";}

2016-06-29 15:33:13 695

转载理解ThinkPHP中的CBD“核心+行为+驱动”中的行为 Behavior

可以理解为一个函数的指针指向了别的地方的函数。如果学过C++可以用这个一个例子来解释：#includeusing namespace std;void fun_behavior_1(){cout}void fun_behavior_2(){cout}class A{private:void (*behavior_1)();void (*behav

2016-06-27 17:12:46 762

转载 git log显示时间修改

//默认git的日志时区是 UTC +0000 //中国的时区是 UTC +8000 git log --date=local //临时生效 //或者 git config --global log.date local //全局生效 //查看 git config --list

2016-06-27 13:59:31 1303

转载 PHP中的魔术方法总结 :construct, destruct , call, callStatic,get, set, isset, unset , __sleep

PHP中的魔术方法总结 :__construct, __destruct , __call, __callStatic,__get, __set, __isset, __unset , __sleep, __wakeup, __toString, __set_state, __clone and __autoload1、__get、__set这两个方法是为在类和他们的父类中没有声明

2016-06-27 11:14:41 260

转载 php 变量定义方法

1.定义常量define("CONSTANT", "Hello world."); 常量只能包含标量数据（boolean，integer，float 和 string）。调用常量时，只需要简单的用名称取得常量的值，而不能加“$”符号，如：echo CONSTANT；注: 常量和（全局）变量在不同的名字空间中。这意味着例如 TRUE 和 $TRUE 是不同的。 2.普通变

2016-06-26 09:14:22 384

转载利用Access-Control-Allow-Origin响应头解决跨域请求

传统的跨域请求没有好的解决方案，无非就是jsonp和iframe，随着跨域请求的应用越来越多，W3C提供了跨域请求的标准方案（Cross-Origin Resource Sharing）。IE8、Firefox 3.5 及其以后的版本、Chrome浏览器、Safari 4 等已经实现了 Cross-Origin Resource Sharing 规范，实现了跨域请求。在服务器响应客户端的时候，

2016-06-14 16:31:08 439

转载 php数据类型转换

转自：http://www.tianzhigang.com/article.asp?id=280PHP的数据类型转换属于强制转换，允许转换的PHP数据类型有：（int）、（integer）：转换成整形（float）、（double）、（real）：转换成浮点型（string）：转换成字符串（bool）、（boolean）：转换成布尔类型（array）：转换成数组

2016-06-09 10:11:02 486

转载模块化开发及requireJS

一、模块化基本写法var module1=(function(){ var _count=0; var m1=function(){ alert(this._count) }; var m2=function(){ }; return { m1:m1, m2:m2 };})(); module1._count=1; module1.m

2016-06-03 15:27:48 397

转载 php变量详解

一、PHP 变量规则：变量以 $ 符号开始，后面跟着变量的名称变量名必须以字母或者下划线字符开始变量名只能包含字母数字字符以及下划线（A-z、0-9 和 _ ）变量名不能包含空格变量名是区分大小写的（$y 和 $Y 是两个不同的变量）PHP 是一门弱类型语言，不必向 PHP 声明该变量的数据类型。PHP 会根据变量的值，自动把变量转换为正确的数据类型。

2016-05-20 17:51:38 278

转载 PHP语法

PHP（全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器"）是一种通用开源脚本语言。这一节需要掌握PHP语言标记、分号、注释和空白的使用 phpinfo() ?>phpinfo()函数可以查看php的运行环境！1、PHP 脚本可以放在文档中的任何位置。PHP 脚本以结束；// PHP 代码?>

2016-05-20 16:34:13 252

转载谈谈MVC模式及 MVP 和 MVVM 的图示

1.如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architectural pattern），属于编程的方法论。MVC模式就是架构模式的一种，它对我的启发特别大。我觉得它不仅适用于开发软件，也适用于其他广泛的设计和组织工作。下面是我对MVC模式的一些个人理解，不一定正确，主要用来整理思路。2.MVC是三个单词的首字母缩写，它们是Model（模型）、View

2016-04-20 14:24:35 769

原创 arguments的callee属性

例子一中输出值是

2016-04-18 11:41:29 327

原创 try catch与new Error()的使用

var array=[1,2,3,4,5];for(var i=0; iif(array[i]%2==0){throw new Error('chucuole ');}else{alert(1);};}在上述代码中只会弹出一次1，因为throw new Error('chucuole '); 报错了会影响后面语句的执行！var array=[1,

2016-04-14 11:57:55 2655

空空如也

空空如也