Fain.(爱利达
码龄6年
求更新 关注
提问 私信
  • 博客:18,084
    18,084
    总访问量
  • 18
    原创
  • 5
    粉丝
  • 5
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:浙江省
加入CSDN时间: 2019-06-10
博客简介:

weixin_45213764的博客

查看详细资料
个人成就
  • 获得11次点赞
  • 内容获得3次评论
  • 获得18次收藏
  • 博客总排名740,566名
创作历程
  • 2篇
    2020年
  • 20篇
    2019年
成就勋章
TA的专栏
  • 富文本编辑器
    1篇
  • tinymce
    1篇
  • 个人经验
    7篇
  • 前端框架
    16篇
  • vue
    12篇
  • webpack
    1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    vue.js前端框架
创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动,旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。 注: 1、参赛者可以进入活动群进行交流、分享创作心得,互相鼓励与支持(开卷),答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询:https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛!

84人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

Tinymce - 图片上传的宽高设置显示或隐藏

init里加上image_dimensions:false/true
原创
发布博客 2020.03.02 ·
3159 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

启动之后打开页面报错 Warning: Please use `require("history").createHashHistory` instead of `require("history/c

启动之后打开页面报错 Warning: Please use require("history").createHashHistory instead of require("history/createHashHistory")打开node_models/dva/lib/index.js将var _createHashHistory = _interopRequireDefault(req...
原创
发布博客 2020.03.04 ·
1687 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

webpack

Webpack一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.jsparcelFIS二、前端工程化工具的发展历程gruntgulp ( 4.x ) 流的操作 .pipe()Browserify ( Webpack ...
原创
发布博客 2019.06.28 ·
204 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

cli

cli什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具,底层使用的是webpackcli目前有哪些版本?cli2 cli3cli3对电脑的配置有一定要求cli如何使用?cli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用cli2的脚手架,那么我...
原创
发布博客 2019.06.28 ·
157 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

生命周期

生命周期什么是生命周期?vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 )为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期?组件项目中生命周期...
原创
发布博客 2019.06.27 ·
675 阅读 ·
2 点赞 ·
1 评论 ·
12 收藏

swiper

swiper作用: 用来实现移动端,pc端滑动操作swiper是一个第三方的库学习 swiper 官网文档 https://www.swiper.com.cn/vue中swiper实现1. 静态数据的第三方库实例化,我们写在mounted中2. 动态数据的第三方库实例化,我们写在updated中3. 优化: 1. 做判断条件 2. 异步队列 ...
原创
发布博客 2019.06.27 ·
234 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

自定义指令

三、自定义指令v-htmlv-textv-forv-ifv-else-ifv-elsev-showv-onv-bindv-model以上指令可以不够用户使用,所以vue给开发者提供了自定义指令的方式举例: 比如说 我想要有一个指令,来实现一个自动获得input焦点,或是一个轮播 。。。有两种自定义指令的使用形式:全局定义 ---- vue.direc...
原创
发布博客 2019.06.27 ·
264 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

使用vue时遇到的错误( 持续更新局 )

使用vue时遇到的错误( 持续更新局 )1、[Vue warn]: Failed to generate render function:ReferenceError: Invalid left-hand side in assignment inwith(this){return _c(‘div’,{attrs:{“id”:“app”}},[_c(‘div’,{staticClass:“p...
原创
发布博客 2019.06.21 ·
1480 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

过渡效果&&动画

过渡效果 && 动画官方文档:https://cn.vuejs.org/v2/guide/transitions.html使用形式在 CSS 过渡和动画中自动应用 classVue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点...
原创
发布博客 2019.06.26 ·
282 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue事件驱动原理

Vue事件驱动原理数据驱动当数据发生改变时,视图也会进行更新,这叫做数据驱动,也就是数据驱动视图深入响应式原理数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新双向数据绑定原理当我们使用 v-model 指令绑定了表单元素时,那么我们可以在视图直接获得数据,当视图发生改变时,数据也会进行更新综上: 三者都是应用了同一个底层原理,这个底层原理由es5...
转载
发布博客 2019.06.21 ·
1056 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

vue两大特性

Vue有两大特性指令 – 用来操作dom组件 – 组件是html css js 等的一个聚合体为什么要使用组件?组件化将一个具备完整功能的项目的一部分进行多处使用加快项目的进度可以进行项目的复用要想实现组件化,那么我们使用的这一部分就必须是完整的,我们把这个完整的整体就称之为组件当我们使用插件时需要引入: index.html img c...
原创
发布博客 2019.06.24 ·
1040 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Vue的实例手动挂载

app实例的手动挂载 new Vue({ }).$mount('#app')
原创
发布博客 2019.06.25 ·
734 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

组件通信&&动态组件

组建通信为什么要进行组件通信组件可以所示一个具有独立功能的整体,但是当我们要将这些组件拼接在一起时,这些组件相互之间要建立联系,这个联系我们就称之为通信组件通信的方式有以下几种父子组件通信使用props来实现props在父组件的模板中将数据用单项数据绑定的形式,绑定在子组件身上 <Son :money = "money"/>在子组件的配置...
原创
发布博客 2019.06.26 ·
194 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

slot作用域插槽

slot 作用域插槽作用/概念: 预先将将来要使用的内容进行保留具名插槽: 给slot起个名字注意: 以上两种形式在 vue2.6以上被废弃为什么要 用 v-slot指令来代替呢?经具名插槽和作用域插槽进行统一要将这两个属性带有 vue的标志,并且符合vue两个最大的特性之一: 指令的概念要求: 2.6版本前的会,2.6版本后的v-slot也得会旧: s...
原创
发布博客 2019.06.26 ·
270 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

属性验证

属性验证案例: 价格的增加 , 拿到的数据必须做验证props: [ ‘msg’ ] 没有进行验证,知识单纯的接收了一个父组件传递来的数据props: { attr: attrType } 进行普通属性验证props: { type: typeType, default: value } 这里的default是为这个属性设置初始值props: { validator ( val...
原创
发布博客 2019.06.26 ·
190 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

过滤器

过滤器什么是过滤器? 用来格式化数据的一个函数vue 1.x 版本:借鉴了 angular , 提供 10 个过滤器, 包括有: 日期 小数点位数保留 货币 大小写 等Vue 2.x 版本:废弃了这 10个过滤器,但是它提供了自定义过滤器的方式使用方式全局定义过滤器 <p> {{ time | timeFilter('/)}} </p> ...
原创
发布博客 2019.06.26 ·
250 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

虚拟DOM和deff算法

虚拟dom && diff算法虚拟dom是什么?它是一个Object对象模型,用来模拟真实dom节点的结构虚拟dom的使用基本流程1.获取数据( ajax fetch )var data = { id: 1, name: '毛毛' }创建vdom /* <div class = "box"> ...
原创
发布博客 2019.06.24 ·
1025 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

前端的异步流程

前端的异步流程传统的原生异步回调函数事件使用异步流程工具( 别人封装好的东西 )es6 Promise Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise 所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件...
转载
发布博客 2019.06.22 ·
105 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

框架级的数据请求

框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ,但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios ...
转载
发布博客 2019.06.21 ·
104 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端框架发展历史

前端框架发展历史M( Model )数据层V( View )视图层VM (ViewModel)视图模型(业务逻辑 P改名得来的)P ( Presenter )提出者(Controller改名得来的)C( Controller )控制器(逻辑)BackboneMVP [ 2010/10 ]Angular(...
转载
发布博客 2019.06.21 ·
1774 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏
加载更多