自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 redux中各对象的说明

store store是一个数据仓库,一个应用中store是唯一的,它里面封装了state状态,当用户想访问state的时候,只能通过store.getState来取得state对象,而取得的对象是一个store的快照,这样就把store对象保护起来。 action action描述了一个更...

2019-09-27 07:46:00

阅读数 4

评论数 0

转载 移动设备分辨率

下面这张图看懂以后,至少上面2个问题就迎刃而解了,基本也就够了 这张图最关键的地方就是理解pt和px是什么,以及它们之间的关系  pt:逻辑像素或逻辑分辨率    相当于我们用浏览器模拟调试移动端时看到的各手机的像素,如下图iPhone6看到的宽高375*667,     这个...

2019-09-25 20:25:00

阅读数 26

评论数 0

转载 移动端二倍图三倍图的使用方法

转载于:https://www.cnblogs.com/yangjingyang/p/11587118.html

2019-09-25 20:13:00

阅读数 151

评论数 0

转载 rem与px换算的计算方式

rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(fontsizeoftheelement)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖...

2019-09-25 20:05:00

阅读数 6

评论数 0

转载 vue中scss配置

1 安装 npm install --save-dev sass-loader//sass-loader依赖于node-sass npm install --save-dev node-sass 2 配置: 在build文件夹下的webpack.base.conf.js的rules里面添加配...

2019-09-25 19:50:00

阅读数 3

评论数 0

转载 forEach map的区别

举例: 参数:value数组中的当前项,index当前项的索引,array原始数组; 数组中有几项,那么传递进去的匿名回调函数就需要执行几次 理论上这个方式是没有返回值的,只是遍历数组中的每一项,不对原来数组进行修改,但是可以自己通过数组的索引来修改原来的数组 ...

2019-09-25 19:46:00

阅读数 3

评论数 0

转载 在React中使用react-router-dom路由

在a标签下面添加一个按钮并加上onClick事件,通过this.props.history.push这个函数跳转到detail页面。在路由组件中加入的代码就是将history这个对象注册到组件的props中去,然后就可以在子组件中通过props调用history的push方法跳转页面。 很多场景...

2019-09-23 21:08:00

阅读数 7

评论数 0

转载 react中的组件嵌套

组件嵌套:将子组件以标签的形式写在父组件的模板中。 组件之间的通信 子传父 子传父 通过函数层层传递 点击h3 执行fn 而fn中去执行onlick函数而onlick是来自于props的,props中的onlick又是ff,转移去执行ff把参数赋给a 修改了a的值...

2019-09-23 21:02:00

阅读数 19

评论数 0

转载 react基础知识点

注意事项: 组件类的名称首字母必须大写,否则报错。组件类中的模板只能有一个顶层标签,否则报错。组件标签上class属性改成className for属性改成htmlFor 使用React.createClass({})生成组件类 组件标签上可以任意添加属性 在组件类中使用this.p...

2019-09-23 20:53:00

阅读数 5

评论数 0

转载 react中操作react-router-dom路由

在src里新建一个comsrctros再建两个两个文件夹,分别命名为“pink”和“red”。文件夹命名为 建一个路由组件文件夹,命名为“pink”,里面有一个rpink.js和pinkcss并编写如下代码 importReactfrom'react�...

2019-09-23 20:28:00

阅读数 6

评论数 0

转载 input 通过 from标签请求数据

也是直接上代码吧 <formaction="https://api.it120.cc/small4/user/m/login?deviceId=007&deviceName=monkey"method="post"> 账户:<...

2019-09-11 13:26:00

阅读数 4

评论数 0

转载 git 托管

码云 托管项目流程 1.git init 创建git 2.git status 查看状态 所有都是未提交 3.git add . 放到暂存区 4git status . 变成 newfile; 还没被提交 5 git commit - m “init my project” 提交成功...

2019-09-06 10:32:00

阅读数 5

评论数 0

转载 egg路由

通过app目录下的controller下的home.js 将 将本来是 index换为news 在写上 hi news 然后 在 router.js 添加 router.get('/news',controller.home.news); 然后 保存 刷...

2019-09-05 21:17:00

阅读数 34

评论数 0

转载 egg框架下载

通过npm i egg-init -g下载后 通过mkdir showcase 查看目录 cd showcase 进入showcase文件夹 npm init egg --type=simple 下载 在进行回车 npm insta...

2019-09-05 20:05:00

阅读数 10

评论数 0

转载 react的三大属性 state props refs

react state(存储数据) 在class定义组件中添加state 直接添加在constructor构造器中 以this.state={}的方式添加 修改通过this.setState({})进行state的改变 访问 通过this.state.属性名 props(组件标签...

2019-09-05 19:24:00

阅读数 4

评论数 0

转载 vue组件之间互相传值:父传子,子传父

一般页面的视图App.vue 一.父组件向子组件传值 1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性 3.在App.vue中注册Child组件,并在templ...

2019-09-05 17:31:00

阅读数 3

评论数 0

转载 VUE的路由器的总结

路由嵌套 routes: [ { path: '/apple/:color',//为页面设置路由参数 component: Apple, //路由嵌套 children: [ ...

2019-09-05 17:23:00

阅读数 3

评论数 0

转载 react路由

快速开始 首先安装create-react-app npm i react-router-dom -S 在app.js中引入 import { BrowserRouter as Router, Route, Link } from "react-router-...

2019-09-05 16:14:00

阅读数 5

评论数 0

转载 react脚手架

第一步 : npm i -g create-react-app 下载 下载完成后 再通过 create-react-app reactapp 下载脚手架 下载完后出现 6个指令 输入 cd reactapp 再接着输入 npm start 然后出来 界面 进...

2019-08-29 15:44:00

阅读数 3

评论数 0

转载 快速创建一个node后台管理系统

第一步: 文件夹以英文命名: 右键 进入 控制台后 npm init 回车 创建 package.json文件 然后 我们需要一个框架 express框架 下载这个框架 npm install eapress --save 然后 再编写一个js文件 <app.js>...

2019-08-29 11:36:00

阅读数 9

评论数 0

转载 vue脚手架结构及vue-router路由配置

搭建vue环境之后,会生成一个文件夹,如图 一级文件夹: 1.build:主要是用来配置构建项目以及webpack 2.config:项目开发配置 3.node_modules :npm或者cnpm或者yarm所下载的依赖包。 4.src:你的源代码 5.static:静态文件夹 ...

2019-08-22 08:37:00

阅读数 6

评论数 0

转载 vue动画

v-enter: 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效,在 transition/animation 完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时生效,在下一个帧移除。v...

2019-08-21 20:42:00

阅读数 3

评论数 0

转载 组件--插槽:匿名插槽 具名插槽

单个插槽|匿名插槽 1.1 <navigation-link> 子组件定义为: <a v-bind:href="url" class="nav-link"> <slot></slot> </a...

2019-08-21 20:05:00

阅读数 17

评论数 0

转载 vue组件的生命周期

beforecreate:实列创建之前。created:实列创建完成。beforeMount:挂载开始之前被调用。mounted:实列挂载到Dom上beforeupdate:响应式数据更新时调用updated:虚拟dom重新渲染和打补丁之后调用beforedestroy :实列销毁之前调用dest...

2019-08-21 19:12:00

阅读数 8

评论数 0

转载 vue组件

在vue中,可以使用props想子组件传递数据 子组件部分 header.vue 这是header.vue的html部分,logo是在data中定义的变量。 如果需要从父组件app.vue获取logo的值,就需要在header.vue子组件中添加props: ['logo�...

2019-08-21 17:28:00

阅读数 3

评论数 0

转载 vue动态属性

v-bind 可以实现动态数据绑定。 对于html标签的text,value等属性,Vue里面提供了v-text、v-model去绑定。但是对于除此之外的其他属性呢,这就要用到接下来要讲的v-bind指令了。博主的理解是v-bind的作用是绑定除了text、value之外的其他html标签属性,...

2019-08-21 14:55:00

阅读数 4

评论数 0

转载 vue事件

1.v-on 监听DOM事件,并在触发时运行一些javascript代码 v-on:简写@ v-on还可以接收一个需要调用的方法名称 所有的方法都需要放到methods对象里面,再进行调用 内联处理器中的方式 除了直接绑定到一个方法,也可以在内联javascript语句中调用方法 &...

2019-08-21 14:18:00

阅读数 4

评论数 0

转载 vue指令

vue: vue里面为我们提供的常用的指令主要有一下一些 v-text v-html v-if v-show v-else v-for v-on v-bind v-model v-pre v-cloak v-once 下面将一些常用的指令以分组的形式分别结合demo来进...

2019-08-21 13:13:00

阅读数 2

评论数 0

转载 vuex

在vuex开始之前 我们得 新建一个脚手架 通过 vue init webpack 名字 自己写 然后 我们 可以在app.vue 来实现 vuex的操作指令 这里是一个案列 在这里 我们先 说一下 vuex是什么 1 state:存储状态(变量) 2 getters:对数据获取之前...

2019-08-20 21:16:00

阅读数 4

评论数 0

转载 es6数组的方法

reduce() 接受一个函数作为累加器,数组中的每个值(从左到右)开始合并,最终一个值。 array.reduce(callback.initialValue) 4个参数 1.callback:执行数组中每个值的函数(也可以叫做reducer),包括4个参数。 2.previousV...

2019-07-10 16:16:00

阅读数 8

评论数 0

转载 es6 类

类的由来。 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的 模板。通过class关键字,可以定义类。 基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编 ...

2019-07-09 14:58:00

阅读数 3

评论数 0

转载 let和const命令

es6 新增了let命令。 用来声明变量,他的用法类似与var,但是所声明的变量,只在let命名所在的代码块内有效 也就是 块级作用域 这种就是块级作用域的写法 for循环的计时器就很适合使用这个let命令 上面代码中,计数器i只在for循环体内有效,在循环体外引用就会报错。 下...

2019-07-09 14:28:00

阅读数 3

评论数 0

转载 前端模块化

模块华的操作 模块化都是两个 方向 暴露模块接口 和引入模块。 Module.exports={}暴露的是一个叫exports的对象 require()引入一个模块 模块2调用模块1 调用模块1 写模块1 声明一个变量a var a 浏览器往window上添加一个属性a‘ 谁都不依...

2019-07-04 18:27:00

阅读数 7

评论数 0

转载 小程序注册

注册小程序账号: 账号 密码 qq密码 先熟悉小程序发布流程 https://mp.weixin.qq.com/wxamp/home/guide?token=1004359632 添加管理员 学习小程序文档 https://developers.weixin.qq.com/mini...

2019-06-11 19:27:00

阅读数 5

评论数 0

转载 Webpack

npm install webpack@3.8.1 --save-dev 局部下载 尽量全局和局部都安装 webpack 入口文件 出口文件 webpack js/a.js dist/bundle.js 需要使用webpack指令 必须需要配置webpack.config.js webp...

2019-06-04 21:19:00

阅读数 3

评论数 0

转载 npm总结1

Npm通常称为node包管理器。它的主要功能就是管理node包,包括:安装。卸载。更新。查看。搜索。发布等。 需要了解: 1.node的安装..卸载.升级。配置。 2.npm的使用:package的安装,卸载,升级,查看,搜索,发布。 3.npm包的安装模式:本地vs全局 4.packa...

2019-06-03 14:40:00

阅读数 5

评论数 0

转载 js事件

SyntaxError: 语法错误Infinity 无穷大onload:当页面中的所有标签文档图片等资源加载完毕后会触发onload事件。 onclick:鼠标单击事件 ondblclick:鼠标双击事件 onmousedown:鼠标按下事件...

2019-05-23 09:55:00

阅读数 3

评论数 0

转载 js高级程序2

实列:实列对象 类型:类型对象 Person是构造函数 类型 是一个对象 函数是特别的对象 New一个person 根据类型创建的实列对象 构造函数也是函数 New的时候才是构造函数 Person p是大写 一般不这样调用 面试题 1答案 2答案 ...

2019-05-23 09:46:00

阅读数 6

评论数 0

转载 js高级程序

数据类型 整体有两大类: 基类(值)类型 String:任何字符串 Number:任何的数字 Boolean:true/fales Undefined/undefined Null:null 对象数据类型 Object:任意对象 Function:一种特别的对象(可以执行) ...

2019-05-23 09:44:00

阅读数 5

评论数 0

转载 索引

JS初学之-自定义属性(索引值)重点:1、添加索引值的作用:建立匹配、对应的关系。      比如:使每一个按钮对应数组里的每一张图,arrImg[this.index].    2、不要在for循环的函数里面使用i.    3、添加索引值的方法aBtn[i].index=i;//索引值 给...

2019-05-23 09:38:00

阅读数 4

评论数 0

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