- 博客(70)
- 收藏
- 关注
RSS订阅转载 redux中各对象的说明
storestore是一个数据仓库，一个应用中store是唯一的，它里面封装了state状态，当用户想访问state的时候，只能通过store.getState来取得state对象，而取得的对象是一个store的快照，这样就把store对象保护起来。actionaction描述了一个更新state的动作，它是一个对象，其中type属性是必须有的，它指定了某动作和要修改的...
2019-09-27 07:46:00
179
转载 移动设备分辨率
下面这张图看懂以后，至少上面2个问题就迎刃而解了，基本也就够了这张图最关键的地方就是理解pt和px是什么，以及它们之间的关系 pt：逻辑像素或逻辑分辨率 相当于我们用浏览器模拟调试移动端时看到的各手机的像素，如下图iPhone6看到的宽高375*667， 这个就是逻辑像素，也可以看做是一个长度单位 px：物理像...
2019-09-25 20:25:00
206
转载 rem与px换算的计算方式
rem（fontsizeoftherootelement）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（fontsizeoftheelement）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。所以这里总结一句，所谓依赖根元素来计算的方式，就是先给予h...
2019-09-25 20:05:00
305
转载 vue中scss配置
1 安装npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2 配置: 在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.sass$/,loaders: ...
2019-09-25 19:50:00
157
转载 forEach map的区别
举例：参数：value数组中的当前项，index当前项的索引，array原始数组；数组中有几项，那么传递进去的匿名回调函数就需要执行几次理论上这个方式是没有返回值的，只是遍历数组中的每一项，不对原来数组进行修改，但是可以自己通过数组的索引来修改原来的数组foreach无返回值var array = [10,34,57,43,76]; v...
2019-09-25 19:46:00
89
转载 在React中使用react-router-dom路由
在a标签下面添加一个按钮并加上onClick事件，通过this.props.history.push这个函数跳转到detail页面。在路由组件中加入的代码就是将history这个对象注册到组件的props中去，然后就可以在子组件中通过props调用history的push方法跳转页面。很多场景下，我们还需要在页面跳转的同时传递参数，在react-router-dom中...
2019-09-23 21:08:00
147
转载 react中的组件嵌套
组件嵌套：将子组件以标签的形式写在父组件的模板中。组件之间的通信子传父子传父通过函数层层传递点击h3 执行fn 而fn中去执行onlick函数而onlick是来自于props的，props中的onlick又是ff，转移去执行ff把参数赋给a 修改了a的值。父传子.使用props传值具体实现i...
2019-09-23 21:02:00
400
转载 react基础知识点
注意事项：组件类的名称首字母必须大写，否则报错。组件类中的模板只能有一个顶层标签，否则报错。组件标签上class属性改成className for属性改成htmlFor使用React.createClass({})生成组件类组件标签上可以任意添加属性 在组件类中使用this.props获取组件标签上的属性。This.props.children是组件...
2019-09-23 20:53:00
74
转载 react中操作react-router-dom路由
在src里新建一个comsrctros再建两个两个文件夹，分别命名为“pink”和“red”。文件夹命名为建一个路由组件文件夹，命名为“pink”，里面有一个rpink.js和pinkcss并编写如下代码importReactfrom'react';import"./pink.css"class Pink extends...
2019-09-23 20:28:00
149
转载 router知识点总结
链接导航<router-link tag="li"to="/about"><a>About</a></router-link>标签将会成为真实的链接 (并且可以获取到正确的跳转)编程导航<Button @click=”headleson1”></Button><button @clic...
2019-09-11 17:59:00
132
转载 通过vue router-link 点击事件请求
<span>用户登陆</span></div><formaction="https://api.it120.cc/small4/user/m/login?deviceId=007&deviceName=monkey"method="post"&g...
2019-09-11 13:31:00
216
转载 input 通过 from标签请求数据
也是直接上代码吧<formaction="https://api.it120.cc/small4/user/m/login?deviceId=007&deviceName=monkey"method="post">账户:<inputtype="text"name="mobile">密码:<inp...
2019-09-11 13:26:00
409
转载 axios执行多个请求参数
直接上代码吧两个数据一样 通过post请求的第一个请求的数据--------------------------functiongetUserAccount(){returnaxios({methods:"post",url:'https://api.it120.cc/small4/user/...
2019-09-11 13:20:00
1053
转载 git 托管
码云 托管项目流程1.git init 创建git2.git status 查看状态 所有都是未提交3.git add . 放到暂存区4git status . 变成 newfile; 还没被提交5 git commit - m “init my project” 提交成功6 git status 再次检查状态 on branch mas...
2019-09-06 10:32:00
137
转载 egg路由
通过app目录下的controller下的home.js将将本来是 index换为news 在写上 hi news然后 在 router.js 添加router.get('/news',controller.home.news);然后 保存刷新以后出来动态传值通过传值必须在后面填写对应值否则报错404...
2019-09-05 21:17:00
174
转载 egg框架下载
通过npm i egg-init -g下载后通过mkdir showcase 查看目录cd showcase 进入showcase文件夹npm init egg --type=simple 下载在进行回车npm install进行下载或cnpm install进行下载 建...
2019-09-05 20:05:00
220
转载 react的三大属性 state props refs
reactstate（存储数据）在class定义组件中添加state 直接添加在constructor构造器中 以this.state={}的方式添加修改通过this.setState（{}）进行state的改变访问 通过this.state.属性名props（组件标签属性的集合）访问通过this.props.属性名进行访问 （prop...
2019-09-05 19:24:00
107
转载 vue组件之间互相传值：父传子，子传父
一般页面的视图App.vue一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保...
2019-09-05 17:31:00
140
转载 VUE的路由器的总结
路由嵌套routes: [ { path: '/apple/:color',//为页面设置路由参数 component: Apple, //路由嵌套 children: [ { path: 'redapple', c...
2019-09-05 17:23:00
121
转载 react路由
快速开始首先安装create-react-appnpm i react-router-dom -S在app.js中引入import { BrowserRouter as Router, Route, Link } from "react-router-dom";下面是app.js里的内容。import React from 'rea...
2019-09-05 16:14:00
63
转载 react脚手架
第一步 ：npm i -g create-react-app下载 下载完成后再通过create-react-app reactapp 下载脚手架下载完后出现6个指令输入 cd reactapp再接着输入 npm start然后出来 界面进来后 查看 readme文件有一个指令 npm run ej...
2019-08-29 15:44:00
59
转载 快速创建一个node后台管理系统
第一步：文件夹以英文命名：右键进入 控制台后 npm init 回车 创建 package.json文件然后 我们需要一个框架 express框架下载这个框架npm install eapress --save然后 再编写一个js文件 <app.js>let express=r...
2019-08-29 11:36:00
200
转载 vue脚手架结构及vue-router路由配置
搭建vue环境之后，会生成一个文件夹，如图一级文件夹：1.build：主要是用来配置构建项目以及webpack2.config:项目开发配置3.node_modules ：npm或者cnpm或者yarm所下载的依赖包。4.src:你的源代码5.static:静态文件夹6test：测试，一般可以删掉。index.html ：最外层的页面一般title等...
2019-08-22 08:37:00
177
转载 vue动画
v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效，在 transition/animation 完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时生效，在下一个帧移除。v-leave-active: 定义离开过渡的结束状态。在离开过渡被触发时生效，在 trans...
2019-08-21 20:42:00
58
转载 组件--插槽：匿名插槽 具名插槽
单个插槽|匿名插槽1.1 <navigation-link> 子组件定义为:<a v-bind:href="url" class="nav-link"> <slot></slot></a>1.2 父组件向一下这样使用<navigation-link>子组件<navigation-lin...
2019-08-21 20:05:00
218
转载 vue组件的生命周期
beforecreate:实列创建之前。created:实列创建完成。beforeMount:挂载开始之前被调用。mounted:实列挂载到Dom上beforeupdate:响应式数据更新时调用updated:虚拟dom重新渲染和打补丁之后调用beforedestroy :实列销毁之前调用destroyed :实列销毁后调用四个执行 过程 create初始 Mount 加载 ...
2019-08-21 19:12:00
93
转载 vue组件
在vue中，可以使用props想子组件传递数据子组件部分 header.vue这是header.vue的html部分，logo是在data中定义的变量。如果需要从父组件app.vue获取logo的值，就需要在header.vue子组件中添加props: ['logo']在 props 中添加了元素之后，就不需要在 data 中再添加变量了在父组件app.v...
2019-08-21 17:28:00
53
转载 vue动态属性
v-bind 可以实现动态数据绑定。对于html标签的text，value等属性，Vue里面提供了v-text、v-model去绑定。但是对于除此之外的其他属性呢，这就要用到接下来要讲的v-bind指令了。博主的理解是v-bind的作用是绑定除了text、value之外的其他html标签属性，常见的比如class、style、自定义标签的自定义属性等。v-model。v-...
2019-08-21 14:55:00
170
转载 vue事件
1.v-on监听DOM事件，并在触发时运行一些javascript代码v-on：简写@v-on还可以接收一个需要调用的方法名称所有的方法都需要放到methods对象里面，再进行调用内联处理器中的方式除了直接绑定到一个方法，也可以在内联javascript语句中调用方法<button v-on:click="say('helli xiaobai !')"&...
2019-08-21 14:18:00
71
转载 vue指令
vue:vue里面为我们提供的常用的指令主要有一下一些v-textv-htmlv-ifv-showv-elsev-forv-onv-bindv-modelv-prev-cloakv-once下面将一些常用的指令以分组的形式分别结合demo来进行解释1.v-text，v-html第一个绑定文本 第二个绑定html使用...
2019-08-21 13:13:00
45
转载 vuex
在vuex开始之前 我们得 新建一个脚手架 通过 vue init webpack 名字 自己写然后 我们 可以在app.vue 来实现 vuex的操作指令 这里是一个案列在这里 我们先 说一下 vuex是什么 1 state：存储状态（变量）2 getters：对数据获取之前的再次编译，可以理解为state的计算属性，我们在组件...
2019-08-20 21:16:00
60
转载 es6数组的方法
reduce()接受一个函数作为累加器，数组中的每个值（从左到右）开始合并，最终一个值。array.reduce(callback.initialValue)4个参数 1.callback:执行数组中每个值的函数（也可以叫做reducer）,包括4个参数。2.previousValue：上一次调用回调返回的值，或者是提供的初始值 （initialValue）3.i...
2019-07-10 16:16:00
75
转载 es6 类
类的由来。ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用 ES6 的class改写，就是下面这样。上面代码定义了...
2019-07-09 14:58:00
62
转载 let和const命令
es6 新增了let命令。 用来声明变量，他的用法类似与var，但是所声明的变量，只在let命名所在的代码块内有效也就是 块级作用域这种就是块级作用域的写法for循环的计时器就很适合使用这个let命令上面代码中，计数器i只在for循环体内有效，在循环体外引用就会报错。下面的代码如果使用var，最后输出的是10。如果使用let，声明的变量仅...
2019-07-09 14:28:00
57
转载 前端模块化
模块华的操作模块化都是两个 方向 暴露模块接口 和引入模块。Module.exports={}暴露的是一个叫exports的对象require（）引入一个模块模块2调用模块1 调用模块1 写模块1声明一个变量a var a 浏览器往window上添加一个属性a‘谁都不依赖分析：定义一个MOKUAI1的模块 将其抛出去在里面有一个函数 ...
2019-07-04 18:27:00
54
转载 小程序注册
注册小程序账号：账号 密码 qq密码先熟悉小程序发布流程https://mp.weixin.qq.com/wxamp/home/guide?token=1004359632添加管理员学习小程序文档https://developers.weixin.qq.com/miniprogram/dev/framework/下载开发工具打开后查看appid...
2019-06-11 19:27:00
56
转载 Webpack
npm install [email protected] --save-dev 局部下载尽量全局和局部都安装webpack 入口文件 出口文件webpack js/a.js dist/bundle.js需要使用webpack指令 必须需要配置webpack.config.jswebpack会有一个默认的配置文件叫webpack.config.js指令就是简单的we...
2019-06-04 21:19:00
49
转载 npm总结1
Npm通常称为node包管理器。它的主要功能就是管理node包，包括：安装。卸载。更新。查看。搜索。发布等。需要了解：1.node的安装..卸载.升级。配置。2.npm的使用：package的安装，卸载，升级，查看，搜索，发布。3.npm包的安装模式：本地vs全局4.package.json:包描述信息5.package版本：常见版本声明形式。6.node包的...
2019-06-03 14:40:00
102
转载 js事件
SyntaxError: 语法错误Infinity 无穷大onload：当页面中的所有标签文档图片等资源加载完毕后会触发onload事件。 onclick：鼠标单击事件 ondblclick：鼠标双击事件 onmousedown：鼠标按下事件 onmouseup：鼠标按键抬起事件 ...
2019-05-23 09:55:00
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人