- 博客(18)
- 收藏
- 关注
RSS订阅原创 React事件处理
绑定事件采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法，然后在render里直接使用onCli...
2019-07-18 20:15:32
112
原创 React数据
React中数据分为两个部分属性状态经验： 频繁变化的就写成状态Vue中数据只有状态这一种类型一.属性(props)props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的，组件自己不能随意更改。之前的组件代码里面有props的简单使用，总的来说，在使用一个...
2019-07-18 14:35:01
151
原创 React的入门操作
一：编写第一个react应用程序1.全局安装create-react-app$ npm install -g create-react-app如果不想全局安装，可以直接使用npx$ npx create-react-app your-app 也可以实现相同的效果2.创建一个项目$ create-react-app your-app 注意命名方式Creating a new Re...
2019-07-18 14:32:08
259
原创 前后端文件渲染
mkdir 创建文件夹vim 简写 vi 创建文件的rm -rf 文件名称 删除递归删除find ./ -name ‘文件名称’ -print -exec rm -rf {} ;举例： find ./ -name ‘node_modules’ -print -exec rm -rf {} ;cat 文件名称 查看某个文件的内容前端渲染 vs 后端渲染前端拿到数据之后， 前端来渲染...
2019-07-18 10:12:51
134
原创 React基础知识
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式；React 构建页面 UI 的库。可以简单地理解为，React 将将界面分成了各个独立的小块，每一个块就是...
2019-07-18 10:12:14
109
原创 Webpack前端工程化工具
一.现在市面上有哪些前端工程化工具？1. grunt2. gulp ( 4.x )3. Browserify ( Webpack 前身 )4. Webpack 【 主流行 】5. rollup.js https://www.rollupjs.com/guide/zh6. parcel7. FIS https://fis.baidu.com/二.前端工程化工具的发展历史1. ...
2019-07-02 19:58:32
207
原创 vue-filter过滤器
1.什么是vue过滤器？Vue过滤器是用来格式化一个数据的工具，Vue 1.x版本借用了angular , 提供 10 个过滤器， 包括有： 日期 小数点位数保留 货币 大小写 等。到Vue 2.x时废弃了这10个过滤器，但是它提供了自定义过滤器功能。2.过滤器的使用方式（1）全局定义过滤器html： {{ time | timeFilter(’/)}} js：Vue.fil...
2019-07-02 19:32:00
277
原创 虚拟dom
1.什么是虚拟dom？vdom是什么？它是一个Object对象模型，用来模拟真实dom节点的结构需求： vdom如何模拟真实dom，如果将来我想在增加一个li，里的内容为 ： hello，world在增加10个li,内容为： xxx <div class = "box"> <ul> <li> vdom</li> ...
2019-06-28 11:40:33
69
转载 vue的生命周期和钩子函数
vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法，我们给这些方法起了个名字叫做钩子函数或是组件钩子。vue的生命周期分三个阶段：初始化、运行中、销毁。其中，初始化有4个钩子函数，分别是beforeCreate（实例创建前）、created（实例创建完成之后）、beforeMount（组件挂载前）、mounted（组件挂载后）。运行中有两...
2019-06-28 11:30:24
205
原创 VUE的基础操作
一.mustache1.{{ msg }}是{{ this.msg }}的缩写2.mustache语法糖对支持大部分数据类型如：基础数据类型： number string boolean复杂数据类型: Object( array function )特殊数据类型: null undefined但是mustache不支持console.log和alert3.指令：写法：v-xxx...
2019-06-19 17:49:58
241
原创 cil的安装和自定义组件的使用
clicli是什么？cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于我们之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是： webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本...
2019-05-30 19:24:27
389
原创 vue接口，过滤器，生命周期
1.slot作用： 可以让我们在组件中书写内容举例：2.trabsitionvue中实现过渡或是动画一共提供了这样四种形式：在 CSS 过渡和动画中自动应用 class — 自己写css3动画可以配合使用第三方 CSS 动画库，如 Animate.css – 别人写好了类名，我们用在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生js来写动画可以配合使用...
2019-05-28 19:40:44
381
原创 socket和mongodb
socket创建一个socket,然后连接server( url ) net.Socket()发送信息给服务器socket通信client可以进行数据的编写和发送服务器：只有一个只有开启了服务器，客户端才能进行连接mongodb关系型数据库 概念 ， 常用的数据库有哪些？非关系型数据库 概念，常用数据库mongodb 和 sql区别sql 是 数据库 表 行NoSq...
2019-05-25 14:57:14
539
原创 mongoose操作
mongoosemongodb这个数据的操作肯定不止一种形式，mongoose只是其中一种mongoose操作流程安装mongoose$ cnpm i mongoose -D连接数据库var mongoose = require( 'mongoose )//mongoose.connect(连接地址/数据库名称)mongoose.connect( 'mongodb://127....
2019-05-25 14:50:30
224
原创 前后端渲染 反爬虫
mkdir 创建文件夹vim 简写 vi 创建文件的rm -rf 文件名称 删除递归删除find ./ -name ‘文件名称’ -print -exec rm -rf {} ;举例： find ./ -name ‘node_modules’ -print -exec rm -rf {} ;cat 文件名称 查看某个文件的内容前端渲染 vs 后端渲染前端拿到数据之后， 前端来渲染...
2019-05-25 14:48:33
555
原创 node.js
一.node.jsNode.js内置了很多的模块fs（文件系统）path( 磁盘路径 )http( 通信 )使用;1. 导入const 变量名称 = require(‘模块名称’)2. 使用模块的api二.Node.js中第三方模块如何使用？https://www.npmjs.com/安装初始化生成 package.json安装对应的包举例： npm i reques...
2019-05-25 14:47:42
160
原创 模板语法 mustache语法 双大括号语法
模板语法 mustache语法 双大括号语法指令Vue指令组件作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖模板语法模板语法支持性还是很高的，数据类型都是支持的，但是不支持 输出...
2019-05-25 14:47:07
532
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人