自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Nginx反向代理解决跨域

目录 Nginx Nginx下载 配置和使用 默认配置 配置跨域代理 Nginx Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(...

2019-10-23 23:32:45 58 0

原创 命令行工具

1、打开cmd win+R 开始键,输入cmd 按shift键,再右键,选择‘在此打开命令窗口’ 2、切换盘符 盘符名称: 3、进入文件夹 cd 文件夹名称 cd 文件夹名/文件夹名 4、退出文件夹 cd ../ 退出一层文件夹 cd ../../../ ...

2019-10-23 16:10:47 37 0

原创 vue学习笔记(四):环境搭建

1、vue 3.0 版本 (1)全局安装 npm install -g @vue/cli (2)创建一个项目 vue create my-project 2、vue 2.x 版本 (1)全局安装 npm install -g @vue/cli-init (2) 创建一个项目 ...

2019-10-22 14:51:33 39 0

原创 npm工具

1、说明:npm是nodejs中内置的一个工具,这个工具的功能是下载模块,从npm官网上下载。npm还是一个官网,是国外的,这个网站上有很多功能模块。 2、镜像:淘宝网把国外的npm官网的数据全部同步到淘宝网的服务器上,宫内使用,所以速度比较快。 ①安装镜像 地址:https://npm...

2019-10-22 14:16:05 57 0

原创 nodejs安装

1、打开网址http://nodejs.cn/download/,根据电脑配置下载node; 2、打开cmd:win+r 或者开始键,输入cmd; 3、验证是否安装成功 在命令行工具cmd中输入 node -V 出现node的版本即为安装成功。 ...

2019-10-22 13:54:32 42 0

转载 JS 实现图片的懒加载

Demo地址:http://axuebin.com/lazyload 什么是懒加载 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示的时候再发送图片请求,避免打开网页时加载过多资源。 什么时候用懒加载 当...

2019-08-26 09:03:06 36 0

转载 VueJS中学习使用Vuex详解

在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的...

2019-07-10 20:12:53 55 0

原创 Vue 学习笔记:数据传递(三)

1、同级之间的数据传递:this.$emit("自定义事件","发送的数据"); <template> <div> child <button @click="sendMsg...

2019-07-03 20:57:48 81 0

原创 Vue 学习笔记:数组和对象的更新检测(二)

1、数组 ①变异方法:会改变原有数组的状态: ②替换数组:不会改变原数组,但是会返回一个新的数组: push() pop() shift() unshift() splice() sort() reverse() filter() concat() slice() &...

2019-07-02 20:21:08 57 0

原创 Vue 学习笔记:v-if和v-show的区别(一)

1、v-if是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建; 2、v-if是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 3、v-show:不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 ...

2019-07-02 19:39:04 74 0

原创 PS 快捷键

新建图形文件 【Ctrl】+【N】打开已有的图像 【Ctrl】+【O】关闭当前图像 【Ctrl】+【W】保存当前图像 【Ctrl】+【S】另存为... 【Ctrl】+【Shift】+【S】存储为Web所用格式 【Ctrl】+【Alt】+ 【Shift】+【S】 全部选取 【Ctrl】+【A】取...

2019-07-02 08:19:20 37 0

原创 Cropper 图片裁剪并上传

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" conten...

2019-07-02 07:54:51 60 0

原创 Dva 学习笔记:路由跳转(三)

方法一: <Link to='/home'> <Link to='/home'> <button>点击我去home页面</button> </Link> 方法二: th...

2019-07-01 20:57:27 710 0

原创 Dva 学习笔记:mock处理数据(二)

1、mock里面定义数据源: module.exports = { "GET/api/product":{name:'水稻'} } GET:请求的方式;/api/product:路径;{name:'水稻'}:返...

2019-07-01 20:44:28 199 1

原创 Dva 学习笔记:module解决异步问题(一)

1、声明reducers; reducers:{ updateProductList(state,action){ var currentState=deepClone(state); currentState.pro...

2019-07-01 19:52:23 343 0

转载 Js 中的堆内存与栈内存

在js引擎中对变量的存储主要有两种位置,堆内存和栈内存。 1、基本类型和引用类型 基本类型:存放在栈内存中的简单数据段。数据大小确定,内存空间大小可以分配。5种基本数据类型有Undefined、Null、Boolean、Number和String,它们是直接按值存放的,所以可以直接访问。 ...

2019-07-01 08:09:11 28 0

转载 深拷贝与浅拷贝

深拷贝和浅拷贝的区别 1.浅拷贝: 将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用 2.深拷贝: 创建一个新的对象和数组,将原对象的各项属性的“值”(数组的所有元素)拷贝过来,是“值”而不是“引用” 为什么要使用深拷贝? 我们希望在改变新的数组(对象)的时候...

2019-07-01 07:46:42 25 0

原创 Nodejs修改内容后,自动更新免重启 ,前后端合并运行

一、nodejs免重启 1、全局安装npm install -g nodemon; 2、在根目录下创建nodemon.json,输入信息: { "restartable": "rs", "ignore": [ ...

2019-06-28 17:32:55 650 0

原创 React 学习笔记:dangerouslySetInnerHTML属性(七)

回顾js中的innerHTML标签和innerText标签: 1、innerHTML:识别标签结构: 获取元素的内容:element.innerHTML; 给元素设置内容:element.innerHTML =htmlString; 2、innerText:只识别文本: 获取元素的...

2019-06-28 16:45:17 210 0

原创 React 学习笔记:生命周期函数及应用场景(六)

React中生命周期函数的运行顺序: 1、componentWillMount------------组件将要被渲染; 2、render-------------------------------渲染函数,组件就可以添加页面; 3、componentDidMount------------...

2019-06-27 16:02:04 31 0

原创 React学习笔记:点击 返回功能(五)

方法一: 路由的history对象:(前提是只对路由管理着的页面有效) 我们直接在页面中打印this.props, export default class City extends React.Component{ render(){ console.lo...

2019-06-25 19:21:39 316 0

原创 React 学习笔记:路由(四)

react-router 4.x 1. 安装:npm install --save react-router react-router-dom 2. 在页面中配置 1. 引入 import { Route,BrowserRouter,Switch } from &q...

2019-06-25 08:58:58 68 0

原创 React 学习笔记:网络请求(三)

1. fetch请求 1.Fetch API 提供了一个 JavaScript接口,用于访问和操纵HTTP管道的部分,该方法提供了一种简单,合理的方式来跨网络异步获取资源。 2.语法: fetch(url,{ ...

2019-06-25 08:54:57 79 0

原创 React 学习笔记:form表单(二)

1.表单分受控组件和非受控组件 受控组件:我们可以把两者结合起来,使 React 的 state 成为“唯一数据源” 非受控组件:非受控组件将真实数据储存在 DOM 节点中 2.受控组件 1.<input>、 <textarea> 和 <select> ...

2019-06-25 08:48:07 118 0

原创 React学习笔记:安装、组件、生命周期(一)

一、1、npm 默认配置成淘宝镜像 npm config set registry https://registry.npm.taobao.org 2、安装react环境 npx create-react-app 项目名称 3、启动项目:cd 项目文件夹 npm star...

2019-06-25 08:37:39 45 0

原创 es6 箭头函数

1、箭头函数一般定义匿名函数时使用: 2、写法简化: ① () => {} function (){ } ②(a,b) => a+b // 不加大括号,表示return返回值 function(a,b){ ...

2019-06-12 20:51:06 454 0

原创 es5和es6中函数的默认值

1、es5函数参数默认值 // es5函数参数默认值 function demo(x,y){ x=x !==undefined ?x : 5; y=y !==undefined ?y : 10; console.log(x,y); } demo();//5 10 d...

2019-06-12 20:13:50 97 0

原创 Nodejs 操作MySQL数据库

1、安装:npm install mysql --save 2、使用: (1)引入:var mysql = require('mysql') (2)创建数据库连接对象: var connection = mysql.createConnection({ host ...

2019-06-11 19:52:49 2020 0

原创 Nodejs 跨域解决方案

1、cors 后台解决跨域 res.header("Access-Control-Allow-Origin", "*"); // 允许所有路径跨域 res.header("Access-Control-Allow-Headers&...

2019-06-10 20:36:10 3480 0

原创 Nodejs中常见的接口定义(get、post)

一、get方式 1、问号携带参数形式: 定义接口:app.get('/all',function(req,res){ req.query 接收参数 }) 调用:localhost:3000/all?age=12 eg: var e...

2019-06-10 20:02:33 1126 0

原创 微信小程序 初始

小程序基础 1.目录结构 (1)根目录下有: app.js 小程序逻辑 app.json 小程序公共配置 app.wxss 小程序公共样式表 根目录下有一个文件夹 (2)page...

2019-05-29 20:38:33 40 0

原创 Canvas 插入视频

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-05-27 20:28:02 382 0

原创 Anguler route(路由)初始

1、路由: angular:vue react angular都是单页面应用程序, 利用a标签的锚点 功能,页面之前跳转都是通过路由实现 2、路由的实现: ①angular使用路由 需要引入js文件 ②注入依赖 var app=angular.module('app�...

2019-05-23 21:02:16 80 0

原创 Angular 过滤器filter

1、过滤器是对数据进行筛选/处理,在数据展示时使用;过滤器可以使用一个管道字符(|)添加到表达式和指令中。 语法: {{ data | filter名称:参数 }} {{expression | filter1 |filter2 |…}} <!--货币过滤器 ...

2019-05-23 20:27:11 53 0

原创 Angular 监听服务

监听服务 语法:$scope.$watch(‘要监听的数据',function(n,o){}) 说明:①.这个服务是$scope作用域对象上的一个方法,不需要单独注入 ②.这个方法能监听页面中任何数据的改变,监听时会保存监听对象的旧值和新值。 作用:监听数据改变后 触发事件...

2019-05-23 15:40:01 596 0

原创 Angular内置服务之跨域解决方案

和ajax跨域解决方式类似,可以对比着记忆; 相关连接https://blog.csdn.net/boonyaxnn/article/details/90286864 1、后台处理 core; 2、jsonp:$http.jsonp(),但是平时不用,如果需要使用jsonp请求,请使用jqu...

2019-05-23 14:23:07 125 0

原创 Angular 内置服务之网络请求 $http()

$http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。 有两种请求方式post和get 1、post请求方式; var app=angular.module('app',[]); //注入服务 ...

2019-05-23 13:23:42 85 0

原创 Angular 指令初始

1.ng-app 边界指令:规定了使用angular使用范围;在这个ng-app的范围里面 可以使用angular语法 ng-app 不赋值 ng-app='myApp'(ang创建模块的时候限制边界,使用) 创建angular模块 ng-app='名称...

2019-05-22 20:41:35 102 0

原创 Canvas 面向对象创建多个小球水平向右运动

1、首先创建页面上下文关联 var canvas=document.getElementById('canvas'); var ctx=canvas.getContext('2d'); ​ 2、面向对象,JavaScript不区分类和实例的概念...

2019-05-19 00:28:14 190 0

转载 JavaScript中数组元素删除的七大方法汇总

原文链接:https://blog.csdn.net/u010323023/article/details/52700770 在JavaScript中,除了Object之外,Array类型恐怕就是最常用的类型了。与其他语言的数组有着很大的区别,JavaScript中的Array非常灵活。今天我就...

2019-05-18 20:43:17 487 0

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