- 博客(32)
- 收藏
- 关注
RSS订阅原创 面试题1-防抖节流
背景关于节流与防抖，网络上有很多相关的文章，没次忘记每次都要去查，并且很多在描述的时候都是直接说的应用场景，并没有很明确、一眼就能告诉你这是什么（what），而是直接告诉你应用场景，和代码，需要自己去梳理，之前面试过一位同学，问到这个问题的时候他也有这样的毛病，直接告诉你什么应用场景，➕怎么实现，且回答的思路不是很清晰，所以打算自己梳理一遍写一篇防抖与节流是什么（概念）准确的来说，节流与防抖是...
2022-05-22 23:38:05
197
原创 react-router.4-实现路由跳转动画
使用插件react-router-dom 4.2.2 用于路由react-transition-group 2.2.1 用于react动画实现,这里需要注意下，使用的不是版本1，而是只包含{Transition, TransitionGroup, CSSTransition}的版本2animate.css 用于动画效果react-router.4.0此段大部分来自 ：简书 作者：大神...
2019-11-09 17:10:17
918
原创 vue添加粒子特效
vue背景添加粒子特效npm install vue-particles --save-dev main.js引入使用一下import VueParticles from 'vue-particles'Vue.use(VueParticles)<template> <div id="app"> <vue-particles ...
2019-11-06 14:59:09
1362
原创 react-总结10-状态管理-flux-redux-mobx
React状态管理1.作用:实现多组件状态共享，也是组件通信的一个方案2.React状态管理 -Flux 目前很少人用了 是其他状态管理的基础 -Redux 最流行的形式 -mobx 前卫的形式3.React是一个视图层框架，可以认为是单纯的MVC中的VFluxFlux是一种软件架构思维，后期发展改进，诞生了Redux，在Flux的架构思维中，React只是其中的一部分，V...
2019-10-29 21:45:21
335
1
原创 react-总结9-反向代理-路径别名-react滚动-路由传参
反向代理1.在根目录创建文件setupproxy.js文件 这是反向代理的配置文件2.安装 http-proxy-middleware/* 反向代理的配置文件 */const proxy = require('http-proxy-middleware');module.exports = function( app ){ //app.use(proxy('标识符',配置))...
2019-10-26 11:12:53
325
原创 react-总结8-高级-第三方库实例化-ant desgin banner图-scss1像素兼容问题-一级路由-二级路由-编程式导航
react第三方库实例化swiperReact路由React router 3.xReact router 4.x[5]不同之处 3.x是使用传统思想。统一配置路由，而4.x则不是，而是一个路由即一个组件...
2019-10-24 19:45:07
278
原创 react-总结7-Hooks
Hooks有了React Hooks，在函数式组件中，也可以使用类组件的state和组件生命周期。基础HooksuseState 能使用状态import React,{ fragment,useState } from 'react'export default const comp = props => { //const [定义状态,定义修改状态的方法] = useS...
2019-10-22 21:36:27
147
原创 react-总结6-生命周期
react生命周期React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)生命周期钩子函数一定不要写成箭头函数React生命周期React 15.x 10个钩子函数初始化运行中销毁React 16.x 10个钩子函数初始化运行中销毁错误处理...
2019-10-22 20:42:42
134
原创 react-总结5-高阶组件封装动画
高阶组件/Higher-Order ComponentsHigher-Order Components就是一个函数，传给它一个组件，它返回一个新的组件。 1. 进行某些方法或是属性的复用 2. 让外层的组件替我们完成任务，那么里层组件直接使用就可以了举个简单的例子import React from 'react'import A from './components/A'exp...
2019-10-21 22:19:56
454
原创 react-总结4-引入组件库
蚂蚁金服组件库 Ant deign1.构建一个项目2.引入组件库 antd 通过yarn add antd安装 或者 npm i antd 安装3. yarn add react-app-rewired customize-cra packjson修改配置 /* package.json */ "scripts": { - "start": "react-scri...
2019-10-21 21:14:46
505
原创 webpack-总结
概念本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。...
2019-10-20 17:45:03
116
原创 react-总结3-受控-非受控组件-状态提升-条件渲染-列表渲染-事件-事件对象-ref
属性vs状态相似点：都是纯js对象，都会触发render更新，都具有确定性（状态/属性相同，结果相同）不同点： 1. 属性能从父组件获取，状态不能2. 属性可以由父组件修改，状态不能3. 属性能在内部设置默认值，状态也可以4. 属性不在组件内部修改，状态要改 【 属性只能外部修改，内部不允许修改】5. 属性能设置子组件初始值，状态不可以6. 属性可以修改子组件的值，状态不可以...
2019-10-18 20:21:54
322
2
原创 react-总结2-组件-函数式组件-类组件-组件传值-组件组合-组件添加样式-react中的数据定义-状态的更改/事件定义添加-渲染列表
srcindex.js/* * 项目入口文件 - 整个项目的灵魂*/import React from 'react' // React的顶级库，它里面有很多的React的api，并且我们要向使用jsx，那么必须引入它，它是对jsx的支持import ReactDOM from 'react-dom' // 它的所用就是将React组件编译为DOM结构，然后插入到浏览器网页中...
2019-10-16 10:15:48
2026
1
原创 react-总结1-构建项目-react元素-函数式组件-辅助工具-jsx
说明React中使用的是 es6 模块化规范React是不能直接在浏览器中运行的，我们必须借助工具才能运行React程序因为React是jsx，它必须经过webpack编译为js才能运行React的快速构建工具CRA [ 大纲要求 - react官方推荐的 ]DvaUmi通过CRA来构建项目构建流程- 安装CRA [ create-react-app ]...
2019-10-15 14:31:27
227
原创 css3添加动画-弹性盒
transfrom向元素添加2D或3D转换给元素添加transfrom属性tanrslate（x，y） 添加2d位移tanrslate3d（x，y） 添加3d位移tanrslateX（x） x方向添加位移tanrslateY（y） y方向添加位移tanrslateZ（z） z方向添加位移scale(xy) 定义 2...
2019-10-15 10:14:32
264
原创 vue-总结07.2-高级-全家桶-router-路由传参-路由接参-编程式导航-导航守卫
路由传参路由传参的方式有两种to属性和单项数据绑定来完成编程式导航to属性和单项数据绑定来完成路由传参在路由的路由配置表里给需要路由传参的组件加上name属性path后面加上 /：key 这里的key是 router-linke里to属性里params里的key在to属性里加上query 这里是携带参数图示 说params可以不加 最好加上， 以下 路由model为...
2019-10-14 15:08:03
171
原创 vue-总结08-高级-全家桶-vuex
vuexvuex是管理vue里集中式管理数据（一处修改，多处使用）的仓库，一般用于中大型项目的开发，当你不确定是否使用vuex的时候就不要使用了。学习阶段必须要用公司用不用看是否有要求1.什么是状态 我们使用一条数据去管理一个视图，那么这个数据我们就称之为 ‘状态’2.vuex是做什么的？ 管理数据的 Vuex是一个集中式的存储管理中心，vuex中可以用来存储 数据（ 状态 ）...
2019-10-13 21:26:17
86
原创 vue-处理前端带有文件的表单提交
vue向后端发送文件前端带有文件的表单提交时，普通的ajax是不支持二进制的（图片，视频），得用专门处理二进制的js文件来提交用jquery的$.ajax提交 在index.html里引入jquery的cdn给form表单加上 enctype="multipart/form-data 属性在函数里加上$.ajax({ url: 'http://localhost:3000/u...
2019-10-13 18:23:26
1998
原创 vue-学习一个文档-vue中的动态效果
学习一个资源首先要找到官方文档下载资源找快速上手教程实现教程库的案例学习塔的配置项和api找实例演示，然后复制实例演示力度东西...
2019-10-11 11:18:12
113
原创 vue-使用富文本编辑器-vue-quill-edit
原文链接https://www.cnblogs.com/LChenglong/p/9518531.html一、安装 cnpm install vue-quill-editor二、引入在main.js引入并注册：import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dis...
2019-10-10 20:40:49
441
原创 vue-总结07.1-高级-全家桶-router-重定向-错误路由匹配-二级路由-反向代理-项目中的数据请求
路由重定向路由重定向后，页面会自动跳转到路由的指定页面，加在最前面错误路由匹配二级路由设置命名路由是为了待会使用的时候，使书写更简洁使用子路由反向代理解决跨域Vue cli3 webpack配置放在node_modules中，也就是说我们不嗯呢该直接更改，Vue提供了一个叫做vue.config.js的稳健，来作为webpack覆盖配置文件，也可以说是vue项目的配置...
2019-10-08 21:05:39
995
原创 git团队操作
git基础$ git init 初始化仓库$ git add .将项目中的所有文件放在暂存区$ git commit -m ‘文件说明’将在暂存区的文件提交的仓库存储区$ git log查看提交日志$ git log --oneline查看简洁版提交日志版本回退$ git reset --hard HEAD 当前的版本$ git...
2019-10-08 20:00:39
115
原创 vue-总结07-高级-全家桶-router-基础-引入组件库-过滤器
SPA （ single page App ） 单页面应用多页面应用 有多个html文件，通过a标签的连接联通各个页面缺点-开发起来太冗余，编译、压缩很耗时间-页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用-不需要刷新页面，因为它就是一个页面-这个页面内容在切换-单页面内容之间的切换要想实现我们就是用路由了-如今我们的app、后台管理系统 主要的开发形式...
2019-10-06 10:49:56
184
原创 vue-总结05-高级-生命周期
vue生命周期为什么会有生命周期？vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能，方便我们更好的去控制组件vue的生命周期分为3个阶段，11个钩子函数 1.beforeCreate 2.create 3. 4. 5. 6. 7. 8. 9. 10. 11....
2019-09-27 19:43:42
158
原创 vue-总结06-脚手架的使用
cli如何使用？cli的安装 【 推荐使用yarn 】-yarn 安装和配置 1.安装: $ npm i yarn -g 2.配置国内镜像源： $ yarn config set registry https://registry.npm.taobao.org-yarn命令 1.yarn init 生成package 文件 2.yarn a...
2019-09-26 22:38:36
103
原创 vue-总结4-高级-组件嵌套-组件data选项-组件通信
组件中的data选项组件是一个独立的个体，那么它应该拥有属于它自己的数据 1. 组件的数据是要有独立作用域的，不容易被外界干扰 2. 除了根实例以外，组件的data选项都是一个函数 3. 为什么data选项要返回一个对象？ 4. 因为Vue深入响应式原理要求是对一个对象进行getter和setter设置 5. 组件的数据在组件的模板中相当于全局变量Vue.com...
2019-09-25 20:29:27
442
原创 vue-总结3-混入-高级-组件（扩展）
混入（了解一下）局部混入 new Vue({ el: '#app', mixins: [ obj ]//把这边的obj分离到另外一个js文件定义，然通过script引入符合模块化的思想 })全局混入//直接挂在vue上，通过Vue.mixin定义是全局混入Vue.mixin({ methods:{ aa(){ alert(1) ...
2019-09-24 22:08:55
727
原创 vue-总结2-计算属性-侦听属性
计算属性<div id="app"> <p> 没有反向： {{ info }} </p> <p> {{ info.split('').reverse().join('') }} </p> <p> 反向字符： {{ reserseInfo }} </p> &l...
2019-09-24 11:13:44
107
原创 vue-总结1-mustache-属性，样式，事件
Vue01总结前端MVC是从后端MVC演变过来的，虽然都叫MVC但是两者概念不同。前端引入MVC的目的为了项目的更新和维护减轻视图的压力为了更好的解决从服务器获取数据的困难为了更好的解决用户在视图中输入的数据如何更好的与后台进行交互Vue是MVVM架构的框架（js框架帮助开发者写js逻辑代码），Vue是单项数据流，在数据流动时（数据双向流动）。2014年07月 vue1....
2019-09-24 11:11:31
458
原创 vue-数据请求
vue中的数据请求封装库 1. vue-resource【vue1.0】 2. axios【vue2.0】原生 1. fetchaxios可以用script引入cdn引入cdn后会有一个axios对象，和装插件 详情查看axios apiaxios 是XMLHttprequest对象axios 底层是Node.js的http模块axios 也是Promi...
2019-09-23 20:45:44
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人