Jasivc-CSDN博客

原创安装Typora报错

安装Typora报错安装Typora报错解决方法安装Typora报错因为机械硬盘出问题了，所以重新安装Typora，但是重新安装时出现问题：The drive or UNC share you selected does not exist or is not accessible.Please select another.解决方法猜测可能是默认安装路径原因吧，一位博主给出了解决方法按照指引安装成功。打开PowerShell，输入安装包路径 /DIR=“安装路径”...

2021-10-25 14:36:24 2267 1

原创 React实现列表拖放

记录React实现列表拖放我是站在巨人的肩膀上哈哈。原作者里面用的类实现，因为我需要用组件实现，所以进行了改动和备注。害怕原作者的编辑链接失效，所以记录一下。原作者 React通过原生鼠标事件实现拖拽(drag and drop)列表重排序根据实际情况进行改写。这里存在bug：如果列表中有输入内容，会导致不能输入等情况。应该是没有做事件捕获处理，解决了再来更。import React, { useState } from "react";import "./styles.css";le

2021-09-17 16:01:11 1081

原创关于antd表单的validateFieldsAndScroll没执行

关于antd表单的validateFieldsAndScroll没执行看了其他博主的文章，附上antd 表单点击提交没反应, validateFieldsAndScroll 没执行关于antd 表单validateFields validateFieldsAndScroll方法不执行的一个可能原因可能是validator验证没有执行 callback 函数，但是我的情况有些不一样，做点补充，我是使用validator去验证了长度，但是是两个rule规则使用了同一个validator验证，导致表单不能

2021-09-08 10:07:09 2304

原创 blob导出文件及文件损坏处理

blob导出文件及文件损坏处理示例遇到的问题其他资料仅为学习记录type内容（部分）：示例.xlsx后缀的文件const blob = new Blob([params], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',});.xls后缀的文件const blob = new Blob([data], { type: 'application/vnd.ms-excel',})

2021-04-28 16:18:01 6176

转载 VScode配置ESlint+Prettier

VScode配置ESlint+Prettier本文仅为学习笔记，在此感谢大佬的创作。原作者bilibili 爱吃薯片的内存条如有侵权，联系删！！1、VScode搜索并安装这两个插件ESLintPrettier安装完成之后，按下ctrl+shit+p，输入setting.json，选择首选项：打开设置（json）回车在设置中插入如下配置 // eslint配置项，保存时自动修复"editor.codeActionsOnSave": { "source.fixAll.eslint"

2021-04-20 22:28:50 1320

原创 flex 布局

flex布局学习笔记，不专业，欢迎建议，勿喷！flex布局是目前web开发中使用最多的布局方案：flex 布局（Flexible 布局，弹性布局）目前特别在移动端用的最多，目前PC端也使用越来越多了两个重要的概念：开启了 flex 布局的元素叫 flex containerflex container 里面的直接子元素叫做 flex items设置 display 属性为 flex 或者 inline-flex 可以成为 flex containerflex： flex con

2021-03-20 14:53:11 92

原创 Vue2.X Vue-CLI简介

Vue2.x Vue-CLI简介写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江什么是Vue-CLI(Command Line Interface)?Vue-CLI是vue官方提供的脚手架工具,默认已经帮我们搭建好了一套利用webpack管理vue的项目结构如何安装Vue-cli和使用Vue-CLI?安装脚手架工具: npm

2021-03-18 22:56:48 243

原创 Vue2.X Vue获取DOM

Vue2.x Vue获取DOM写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江Vue特殊特性Vue特点: 数据驱动界面更新, 无需操作DOM来更新界面也就是说Vue不推荐我们直接操作DOM, 但是在企业开发中有时候我们确实需要拿到DOM操作DOM那么如果不推荐使用原生的语法获取DOM, 我们应该如何获取DOM?在Vue中如果

2021-03-18 22:49:17 421

原创 Vue2.X Vue生命周期方法

Vue2.x Vue生命周期方法写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江什么是生命周期方法?和wbpack生命周期方法一样, 都是在从生到死的特定阶段调用的方法PS: 生命周期钩子 = 生命周期函数 = 生命周期事件Vue生命周期方法分类1、创建期间的生命周期方法beforeCreate：在调用beforeCre

2021-03-18 22:47:41 106

原创 Vue2.X Vue渲染组件

Vue2.x Vue渲染组件写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江Vue渲染组件的两种方式1、先定义注册组件, 然后在Vue实例中当做标签来使用2、先定义注册组件, 然后通过Vue实例的render方法来渲染两种渲染方法的区别1、当做标签来渲染, 不会覆盖Vue实例控制区域2、通过render方法来渲染, 会覆盖

2021-03-18 22:34:33 341

原创 Vue2.X VueRouter

Vue2.x VueRouterVueRouter 基本使用VueRouter router-linkVueRouter 传递参数VueRouter 嵌套路由VueRouter 命名视图VueRouter Watch 属性写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江VueRouter 基本使用html代码：vue代码：

2021-03-18 22:26:05 137

原创 Vue2.X Vuex

Vue2.x Vuex写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江html代码：<div id="app">  <abc></abc></div>vue代码：// 1.创建组件构造器let Profile

2021-03-18 01:16:21 161

原创 Vue2.X 自定义组件

Vue2.x 自定义组件自定义全局组件Vue中如何创建组件?创建组件的其它方式 - 组件模板自定义局部组件写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江Vue两大核心:数据驱动界面改变组件化什么是组件?在前端开发中组件就是把一个很大的界面拆分为多个小的界面, 每一个小的界面就是一个组件什么是组件化?将大界面拆分成小

2021-03-18 00:28:22 1118

原创 Vue2.X 过渡动画

Vue2.x 过渡动画给Vue控制的元素添加过渡动画给多个不同元素指定不同过渡动画保存过渡动画最终的效果第三方框架实现过渡动画自定义类名动画配合Animate.css实现过渡动画v-for 在过渡动画中使用同时给多个元素添加过渡动画解决过渡动画混乱写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江给Vue控制的元素添加过渡动画如何给

2021-03-17 23:58:55 254

原创 Vue2.X 过滤器

Vue2.x 过滤器自定义全局过滤器自定义局部过滤器自定义过滤器注意点写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江自定义全局过滤器什么是过滤器?过滤器和函数和计算属性一样都是用来处理数据的但是过滤器一般用于格式化插入的文本数据如何自定义全局过滤器Vue.filter("过滤器名称", 过滤器处理函数):如何使用全局过

2021-03-17 23:24:13 190

原创 Vue2.X 计算属性和函数

Vue2.x 计算属性和函数写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江计算属性和函数通过计算属性我们能拿到处理后的数据, 但是通过函数我们也能拿到处理后的数据那么计算属性和函数有什么区别呢?1、函数"不会"将计算的结果缓存起来, 每一次访问都会重新求值2、计算属性"会"将计算的结果缓存起来, 只要数据没有发生变化, 就

2021-03-17 23:11:39 437

原创 Vue2.X 计算属性

Vue2.x 计算属性写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江插值语法特点可以在{{}}中编写合法的JavaScript表达式在插值语法中编写JavaScript表达式缺点1、没有代码提示2、语句过于复杂不利于我们维护如何解决?对于任何复杂逻辑，你都应当使用计算属性注意点:虽然在定义计算属性的时候是通过一个函

2021-03-17 23:06:30 149

原创 Vue2.X 常用指令

Vue2.x 数据双向传递v-once 指令v-cloak 指令v-text 指令和 v-html 指令v-if 指令v-show 指令写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江1.什么是指令?指令就是Vue内部提供的一些自定义属性,这些属性中封装好了Vue内部实现的一些功能只要使用这些指令就可以使用Vue中实现的这些

2021-03-17 23:05:31 833

原创 Vue2.X 数据双向传递

Vue2.x 数据双向传递写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江1.Vue调试工具安装如果你能打开谷歌插件商店, 直接在线安装即可https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh

2021-03-16 10:51:59 73

原创 Vue2.X 数据单向绑定

Vue2.x 数据单向绑定写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江1.MVVM设计模式在MVVM设计模式中由3个部分组成M : Model数据模型(保存数据, 处理数据业务逻辑)V : View视图(展示数据, 与用户交互)VM: View Model数据模型和视图的桥梁(M是中国人, V是美国人, VM就是翻译)

2021-03-16 10:47:35 114

原创 Vue2.X 基础模板

Vue2.x 基础模板写在前面：此博客记录自己学习vue学习笔记，如有侵权，联系删！学习来源： Vue + Vue-Cli 快速入门教程李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江1.下载导入Vue.js<script src="js/vue.js"></script>2.创建一个Vue的实例对象let vue = new Vue({});3.告诉Vue的实例对象, 将来需要控制界面上的哪个区域le

2021-03-16 10:40:49 169

原创 Vue2.X 认识

Vue2.x 开篇1.什么是Vue?Vue.js 是一套构建用户界面的框架，它不仅易于上手，还可以与其它第三方库整合(Swiper、IScroll、…)。2.框架和库的区别?框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重构整个项目。库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。例如:1、从jQuery 切换到 Zepto, 无缝切换2、从IScroll切换到ScrollMagic, 只需要将用到I

2021-03-16 10:35:50 191

原创 Javascript-基础-学习笔记

Javascript 基础Hello WorldJavaScript 编写位置基本语法标识符数据类型typeof 操作符String 类型Number 类型Boolean 类型Null 类型Undefined 类型强制类型转换转换为 String 类型转换为 Number 类型进制数字转换转换为 Boolean 类型运算符一元运算符自增（++）和自减（--）语句if语句条件分支(switch)语句(while)循环语句for循环写在前面：此博客记录自己学习Javascript学习笔记，如有侵权，联系删！

2021-03-12 12:09:01 249

原创 jQuery+Ajax 笔记 - hash

hashhash的创建hash的获取写在前面：此博客记录自己学习jQuery学习笔记，如有侵权，联系删！学习来源：李南江亲授-jQuery+Ajax从放弃到知根知底李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江hash属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。hash在页码中使用比较多，例如在微博中查看到了某页，想将这页分享给朋友，复制链接时，hash就包含到了其中hash的创建创建hashw

2021-03-02 23:31:31 152

原创 jQuery+Ajax 笔记 - cookie

cookie的封装cookie的创建cookie的生命周期cookie的路径cookie的封装添加cookie方法的封装获取cookie方法的封装删除cookie方法的封装写在前面：此博客记录自己学习jQuery学习笔记，如有侵权，联系删！学习来源：李南江亲授-jQuery+Ajax从放弃到知根知底李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江cookie: 会话跟踪技术客户端session: 会话跟踪技术服务端cookie作用

2021-03-02 23:24:16 369

原创 jQuery+Ajax 笔记 - Ajax

Ajax的封装Ajax实例1、创建 XMLHttpRequest 对象2、设置请求方式和请求地址3、发送请求4、监听状态的变化5.处理返回的结果Ajax创建完成Ajax的GET封装1、建立简单的Ajax2、将不确定的参数让调用者传递进来3、设置服务器响应时间Ajax的GET封装及使用Ajax的POST封装1、建立简单的Ajax2、将不确定的参数让调用者传递进来3、设置服务器响应时间Ajax的POST封装及使用Ajax的jQuery封装写在前面：此博客记录自己学习jQuery学习笔记，如有侵权，联系删！

2021-03-02 22:44:07 204

原创 jQuery+Ajax 笔记 - GET和POST及异同

GET和POST的异同GET请求POST请求GET请求和POST请求的异同写在前面：此博客记录自己学习jQuery学习笔记，如有侵权，联系删！学习来源：李南江亲授-jQuery+Ajax从放弃到知根知底李南江老师各平台账号：微博：极客江南微信公众号：李南江腾讯课堂：李南江网易云课堂：李南江GET和POST请求是Ajax常用的两种请求方式，两种请求方式的差别如下：GET请求在HTML中，用表单提交数据，需要用到请求，例如GET请求用method属性指定发送请求的方式<f

2021-03-02 20:50:01 142 1

原创 jQuery笔记 - 基础

jQuery学习笔记jQuery基础知识01 初识jQuery02 jQuery和JavaScript的固定写法03 jQuery和JavaScript加载模式04 jQuery 入口函数其它写法05 jQuery 冲突问题06 jQuery核心函数07 jQuery对象08 静态方法和实例方法09 静态方法 each 方法10 静态方法 map 方法11 jQuery中的其它静态方法12 静态方法holdReady方法13 通过webstorm简化操作14 jQuery内容选择器15 属性和属性节点16

2021-02-26 00:16:01 176

cc常的博客