- 博客(18)
- 收藏
- 关注
原创 React事件处理
绑定事件采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写onclick, React里的事件是驼峰onClick,React的事件并不是原生事件,而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法,然后在render里直接使用onCli...
2019-07-18 20:15:32
120
原创 React数据
React中数据分为两个部分属性状态经验: 频繁变化的就写成状态Vue中数据只有状态这一种类型一.属性(props)props是正常从外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的,组件自己不能随意更改。之前的组件代码里面有props的简单使用,总的来说,在使用一个...
2019-07-18 14:35:01
160
原创 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
282
原创 前后端文件渲染
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
145
原创 React基础知识
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。React不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React并不非常认可MVC开发模式;React 构建页面 UI 的库。可以简单地理解为,React 将将界面分成了各个独立的小块,每一个块就是...
2019-07-18 10:12:14
113
原创 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
212
原创 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
282
原创 虚拟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
76
转载 vue的生命周期和钩子函数
vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法,我们给这些方法起了个名字叫做钩子函数或是组件钩子。vue的生命周期分三个阶段:初始化、运行中、销毁。其中,初始化有4个钩子函数,分别是beforeCreate(实例创建前)、created(实例创建完成之后)、beforeMount(组件挂载前)、mounted(组件挂载后)。运行中有两...
2019-06-28 11:30:24
214
原创 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
247
原创 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
408
原创 vue接口,过滤器,生命周期
1.slot作用: 可以让我们在组件中书写内容举例:2.trabsitionvue中实现过渡或是动画一共提供了这样四种形式:在 CSS 过渡和动画中自动应用 class — 自己写css3动画可以配合使用第三方 CSS 动画库,如 Animate.css – 别人写好了类名,我们用在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生js来写动画可以配合使用...
2019-05-28 19:40:44
387
原创 socket和mongodb
socket创建一个socket,然后连接server( url ) net.Socket()发送信息给服务器socket通信client可以进行数据的编写和发送服务器:只有一个只有开启了服务器,客户端才能进行连接mongodb关系型数据库 概念 , 常用的数据库有哪些?非关系型数据库 概念,常用数据库mongodb 和 sql区别sql 是 数据库 表 行NoSq...
2019-05-25 14:57:14
565
原创 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
242
原创 前后端渲染 反爬虫
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
564
原创 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
169
原创 模板语法 mustache语法 双大括号语法
模板语法 mustache语法 双大括号语法指令Vue指令组件作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持,所以我们采用jsx语法糖模板语法模板语法支持性还是很高的,数据类型都是支持的,但是不支持 输出...
2019-05-25 14:47:07
539
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人