自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Win10下安装MySQL5.7(msi格式)

目录在win10下安装SVN是出现报错mysql安装问题解决MySQL系统服务和密码修改MySQL连接客户端管理工具安装和使用在win10下安装SVN是出现报错 The installer has encountered an unexpected error installing this package.this may indicate a problem with package.the error code is 2502. The installe...

2021-04-03 10:11:01 426

原创 H5 canvas的globalAlpha属性

定义:globalAlpha 属性值必须是结余0.0(完全透明)与1.0(不透明)之间的数字JS语法:context.globalAlpha =number例如:var radious = 0; var draw = function () { context.clearRect(0, 0, 200, 200) context.globalAlpha = (context.globalAlpha - 0.01 + 1) % 1; radi

2020-07-20 11:22:13 509

原创 Nginx反向代理解决跨域

目录NginxNginx下载配置和使用默认配置配置跨域代理NginxNginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。其将源代码以...

2019-10-23 23:32:45 428

原创 命令行工具

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

2019-10-23 16:10:47 197

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

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

2019-10-22 14:51:33 152

原创 npm工具

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

2019-10-22 14:16:05 204

原创 nodejs安装

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

2019-10-22 13:54:32 173

转载 JS 实现图片的懒加载

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

2019-08-26 09:03:06 148

转载 VueJS中学习使用Vuex详解

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

2019-07-10 20:12:53 241

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

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

2019-07-03 20:57:48 225

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

1、数组①变异方法:会改变原有数组的状态:②替换数组:不会改变原数组,但是会返回一个新的数组:push() pop() shift() unshift() splice() sort() reverse() filter() concat() slice() <ul> <li v-for="(item,index) in ar...

2019-07-02 20:21:08 149

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

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

2019-07-02 19:39:04 212

原创 PS 快捷键

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

2019-07-02 08:19:20 136

原创 Cropper 图片裁剪并上传

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <link...

2019-07-02 07:54:51 255

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

方法一: <Link to='/home'> <Link to='/home'> <button>点击我去home页面</button> </Link>方法二: this.props.history.push('/home')<button onClick={this.click...

2019-07-01 20:57:27 1386

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

1、mock里面定义数据源:module.exports = { "GET/api/product":{name:'水稻'} } GET:请求的方式;/api/product:路径;{name:'水稻'}:返回的值;2、在.roadhogrc.mock.js里面将定义的数据引入:export default { ...require('./mo...

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

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

1、声明reducers; reducers:{ updateProductList(state,action){ var currentState=deepClone(state); currentState.productList.push(action.payload); //consol...

2019-07-01 19:52:23 1020

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

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

2019-07-01 08:09:11 178

转载 深拷贝与浅拷贝

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

2019-07-01 07:46:42 101

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

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

2019-06-28 17:32:55 2124

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

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

2019-06-28 16:45:17 741

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

React中生命周期函数的运行顺序:1、componentWillMount------------组件将要被渲染;2、render-------------------------------渲染函数,组件就可以添加页面;3、componentDidMount------------件渲染完成,进入运行状态,只运行一次;4、componentWillReceiveProps--当...

2019-06-27 16:02:04 131

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

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

2019-06-25 19:21:39 1013

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

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

2019-06-25 08:58:58 178

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

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

2019-06-25 08:54:57 274

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

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

2019-06-25 08:48:07 331

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

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

2019-06-25 08:37:39 147

原创 es6 箭头函数

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

2019-06-12 20:51:06 759

原创 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 10demo(2,3);//2 32、es5对象默认值// es5 obj默认值 {uname:'...

2019-06-12 20:13:50 560

原创 Nodejs 操作MySQL数据库

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

2019-06-11 19:52:49 8582 1

原创 Nodejs 跨域解决方案

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

2019-06-10 20:36:10 11338

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

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

2019-06-10 20:02:33 3240

原创 微信小程序 初始

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

2019-05-29 20:38:33 224

原创 Canvas 插入视频

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-05-27 20:28:02 1395

原创 Anguler route(路由)初始

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

2019-05-23 21:02:16 207

原创 Angular 过滤器filter

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

2019-05-23 20:27:11 844

原创 Angular 监听服务

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

2019-05-23 15:40:01 2378

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

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

2019-05-23 14:23:07 321

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

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

2019-05-23 13:23:42 297

原创 Angular 指令初始

1.ng-app 边界指令:规定了使用angular使用范围;在这个ng-app的范围里面 可以使用angular语法 ng-app 不赋值 ng-app='myApp'(ang创建模块的时候限制边界,使用) 创建angular模块 ng-app='名称' 一般都要名字<html lang="en" ng-app='myApp'>//赋值<html lan...

2019-05-22 20:41:35 944

空空如也

空空如也

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

TA关注的人

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