痴心的萝卜
码龄8年
关注
提问 私信
  • 博客：59,888
    社区：3
    59,891
    总访问量
  • 56
    原创
  • 1,164,326
    排名
  • 68
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：江苏省
  • 加入CSDN时间： 2016-11-26
博客简介：

痴心的萝卜的博客

博客描述：
欢迎转载
查看详细资料
个人成就
  • 获得59次点赞
  • 内容获得17次评论
  • 获得253次收藏
  • 代码片获得154次分享
创作历程
  • 27篇
    2020年
  • 28篇
    2019年
  • 2篇
    2018年
成就勋章
TA的专栏
  • DOM和jQuery
    13篇
  • git
  • 软件使用
  • vue
    20篇
  • JavaScript语言
    11篇
  • 传统HTML和CSS样式
    3篇
  • 工具使用及异常处理
    5篇
  • 算法
    4篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jsxhtml前端框架
  • 后端
    node.js
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

git push出现ssh_dispatch_run_fatal错误

报错信息：ssh_dispatch_run_fatal: Connection to 52.74.223.119 port 22: Software caused connection abortfatal: Could not read from remote repository.Please make sure you have the correct access rightsa...
原创
发布博客 2020.04.04 ·
3398 阅读 ·
3 点赞 ·
1 评论 ·
3 收藏

2.3 Vue Vuex的使用及设计思想

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则,保证状态以一种可预测的方式发生变化默认的五种基本对象：state：存储状态（变量）getters：对数据获取之前的再次编译，可以理解为state的计算属性。mutations：修改状态，并且是同步的。在组件中使用$store.commit('',param...
原创
发布博客 2020.03.17 ·
683 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

2.2 Vue 组件化的深入

组件化组件是Vue.js最强大的功能之一可以扩展HTML元素,封装可重用代码。在较高层面上是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下也可以是原生HTML元素的形式,以is特性扩展。组件创建调用 Vue.extend(),创建名为myComp的组件, template定义模板的标签,模板的内容需写在该标签下。var myComp = Vue.extend({...
原创
发布博客 2020.03.10 ·
353 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

2.1 Vue 初始Vue-cli

了解Vue-clivue-cli是vue.js的脚手架,是一个基于Vue.js进行快速开发的完整系统,用于自动生成vue.js + webpack的项目模板,分为两种:vue init webpack-simple项目名vue init webpack 项目名vue-cli可以快速构建单页应用,但涉及内容很多,如 webpack、npm、nodejs等。Vue CLI 系统包含...
原创
发布博客 2020.03.09 ·
215 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.10 Vue 自定义指令

为什么使用自定义指令在vue2中,代码复用和抽象的主要形式是组件。然而,有的情况下,我们仍然需要对普通DOM元素进行底层操作,这时候就会用到自定义指令除了内置指令(v-for/v-if/v-else/v-else-if/v-model/v-bind/v-on/v-show/v-text…), Vue. js也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为DOM行为。可以用v...
原创
发布博客 2020.02.11 ·
205 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.9 Vue 生命周期

钩子函数钩子函数(Hook)在Vue中是一种事件劫持机制。它会比定义的事件更早进行执行处理,而且可以让你自己去配置。钩子描述beforeCreate实例创建前状态 el与data都为 undefinedcreated创建完毕状态 el为undefined,data里面已经有数据beforeMount挂载前状态 el:undefined data里面已...
原创
发布博客 2020.02.10 ·
168 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.8 Vue 过滤及动画

Vue过渡动画Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。Vue提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。过渡时，会有6个类名在enter/leave的过渡中切换v-enter：定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v- enter-active：定义进入过渡的结束状态。在元素被插入时生效，在 transition/...
原创
发布博客 2020.02.10 ·
227 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.7 Vue 渲染函数及JSX语法

1. 渲染函数渲染函数（render函数）通过 createElement 函数来创建虚拟DoM(VirtualDom)，这个虚拟DOM包含的信息会告诉Vue页面上需要渲染出什么元素。可以解决有些场景中用 template 实现起来代码冗长繁琐，而且有大量重复的问题。渲染函数解析render函数的返回值 VNode (即:虛拟节点)，也就是我们要渲染的节点。render函数的参数...
原创
发布博客 2020.02.08 ·
353 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.6 Vue 组件

1. 组件基础为什么要使用组件组件(Component)是对数据和方法的简单封装。Vue组件可以扩展HTML元素，提高重用性的，让代码可复用。组件的使用组件命名 两种方式：1）使用kebab-case（短横线分隔命名）<my-component>2）使用PascalCase（首字母大写命名）<MyComponent>组件复用 可以将组件进行任意次数的复用，每...
原创
发布博客 2020.02.08 ·
172 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

搭建webpack +babel + vue项目以及编写单文件和自定义组件

搭建webpack +babel + vue项目的操作步骤1. 新建一个存放项目的文件夹我新建的文件名为demoVue2. 打开cmd，执行cd指令到该文件夹下3. 可执行npm init命令，自己配置一下，我这边直接执行npm init -y，使用默认配置可以看见文件夹下面生成了一个package.json3. 执行指令：cnpm i webpack webpack-cli vu...
原创
发布博客 2020.02.08 ·
568 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

VSCode webpack : 无法将“webpack”项识别为 cmdlet...解决方法

问题：在VSCode下运行webpack命令无效这个问题搞了我几个小时，找了很多博客，全局安装webpack和webpack-cli npm i webpack webpack-cli -g没有用；把node_global加入到环境变量没有用；在package.json中的script进行配置 “build”: “webpack” 或者是"dev":"webpack"没有用；我甚至重启了电脑...
原创
发布博客 2020.02.07 ·
5275 阅读 ·
3 点赞 ·
3 评论 ·
10 收藏

1.5 Vue 表单处理

1. 基础用法文本输入绑定使用v-model和{{}}实现对表单元素的双向数据绑定单行文本<input v-model="message" placeholder="输入">多行文本<textarea v-model="message" placeholder="输入"></textarea>2. 绑定值选择性框输入绑定值需要动态数据时...
原创
发布博客 2020.02.05 ·
195 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.4 Vue 条件渲染和列表渲染

1. 条件渲染v-if、v-else-if、v-else / v-showv-if、v-else-if、v-else与 JavaScript的条件语句if、else、else if类似，Vue.js的条件指令可以根据表达式的值，在DOM中渲染或销毁元素/组件；v-show 不管初始条件 是什么，元素总是会被渲染，并且只是简单地 基于CSS进行显示隐藏切换。注意：v-else-if要紧跟...
原创
发布博客 2020.02.05 ·
256 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1.3 Vue 计算属性及watch

1. 计算属性的作用及使用计算属性(Computed)的作用当模板內的JS表达式复杂到让我们难以维护时，我们应当要引入计算属性。<div id="app"> {{text.split('').reverse().join('')}}</div>对于任何复杂逻辑，都应当使用计算属性。在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返...
原创
发布博客 2020.02.04 ·
295 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

1.2 Vue 模块语法，常用指令，事件绑定

1. 前置准备使用npm方式创建一个vue项目开发工具：Visual Studio Code手动创建package.json创建一个文件夹，用来放这个项目，在该文件夹中创建一个index.html文件有终端的跳过该步骤点击插件，搜索terminal，点击install安装右击index.html文件选中终端进入命令行终端输入命令npm init创建的步骤还有一种快捷的...
原创
发布博客 2020.02.04 ·
463 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

1.1 初始vue

什么是VueVue(读音类似view)是一个构建数据驱动的web界面的渐进式框架,它是用来快速构建前端应用的Vue简史2013年7月28日作者尤雨溪( Evan you)首次提交代码到 github名为 Element随后更改为 Seed. js2014年2月1日新版本0.6.0正式改名为 Vue.js2015年10月26日Vue1.0.0发布2016年10月1日Vue2...
原创
发布博客 2020.02.04 ·
285 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jQuery概述

目录jQuery 基础jQuery 选择器jQuery 属性与样式jQuery 筛选（过滤、查找、串联）jQuery DOM操作jQuery 事件处理jQuery 动画jQuery 核心jQuery 插件什么是jQuery？jQuery是一个快速、小巧、功能丰富的JavaScript库（JavaScript类库）。它使HTML文档遍历和操作、事件处理、动画、Ajax等操作...
原创
发布博客 2020.02.02 ·
156 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jQuery 动画

1 基本效果hide() 隐藏show() 显示toggle() 隐藏显示来回切换2 滑动效果3 淡入淡出效果4 自定义动画5 动画设置
原创
发布博客 2020.02.01 ·
190 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jQuery 放大镜效果

效果图：代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style> /** {*/ /* margin: 0px;*/ /* padding: 0...
原创
发布博客 2020.01.24 ·
230 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

jQuery事件处理

1. 事件绑定on(event,fn) 标准的绑定方式one(event,fn) 事件只能绑定一次on({}) 同时绑定多个事件把事件名作为方法2. 解除事件绑定off()** demo**<!doctype html><html lang="en"><head> <meta charset="UTF-8"> &l...
原创
发布博客 2020.01.23 ·
218 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多