- 博客(50)
- 资源 (4)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 【upload导入、导出】
几个a-upload组件属性讲一下:data 属性是确定几个文件可设置多个:beforeUpload 属性是上传前对文件限制:customRequest 属性是对上传的文件处理(很重要)之后的img标签用于展示span标签是为了绑定删除事件2.编写javascript中代码提示：以下是本篇文章正文内容，下面案例可供参考例如：以上就是今天要讲的内容，本文仅仅简单介绍了a-upload的使用，而a-upload提供了大量能使我们快速便捷地处理数据的函数和方法。
2022-11-11 15:53:33
394
原创 【vue】预加载、懒加载
预加载：会在使用之前，提前加载js文件（等其他资源加载完毕，浏览器空闲了，在偷偷加载资源，适用于pc端）兼容性问题严重，caniuse查看是否使用该技术懒加载：当文件需要使用时才加载懒加载： 又叫做延迟加载，通过加载网络资源或符合某些条件时才加载资源。常见的就是图片延迟加载。懒加载的意义：懒加载的目的主要是作为服务器前端的优化，减少请求数或延迟请求数。懒加载的实现方式：1、纯粹的延迟加载:使用setTimeOut或者setInterval进行加载延迟。
2022-10-18 11:14:47
1484
原创 【React-Hook】详解
文章目录一、React-Hook是什么？二、hook使用步骤2.1 State Hook2.2 Effect Hook2.3 Context Hook2.4 Reducer Hook2.5 callback Hook2.6 memoized hook2.7 useRef2.8 ImperativeHandle Hook总结提示：以下是本篇文章正文内容，下面案例可供参考一、React-Hook是什么？Hook 是 React 的新增特性。它可以让你在不编写 class 的情况下使用 stat
2022-05-18 16:24:57
4723
5
原创 【vue】使用URL.createObjectURL() 和懒加载优化加载图片的技巧
文章目录前言一、功能介绍直接上代码事件二、URL.createObjectURL()懒加载总结前言提示：有很多项目中会有加载图片的功能，有时候由于各种原因吧，图片可能加载不出来—懒加载。提示：以下是本篇文章正文内容，下面案例可供参考一、功能介绍示例：小编介绍的是左侧是菜单栏右侧是显示的封面图片。在这里插入图片描述直接上代码这个功能如何实现的呢？ <el-menu :default-active="$route.path" ro.
2021-12-01 11:53:47
5213
15
原创 vue -封装一个弹出层组件（组件之间的通信）
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、Vue组件二、项目实战1.引入组件2.读入数据总结前言哈喽今天再回顾一下vue的组件功能，谈到组件无非就是父组件和子组件之间的传值问题了，我们一起探讨一下吧提示：以下是本篇文章正文内容，下面案例可供参考一、Vue组件首先组件是可复用的实例，当我们封装好了一
2021-09-27 14:20:37
3087
16
原创 el-tree树形控件的应用
文章目录前言一、Tree树形控件1 展示信息，可展开折叠2 常用的属性：3. 获取后端数据渲染二. 页面缩放(兼容性)三、table表格（树形数据与懒加载）总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、Tree树形控件1 展示信息，可展开折叠用于菜单导航2 常用的属性：current-node-key:标记当前选中节点node-key:节点上绑定对应的id值default-expand-all:展开所有树结构 highlight-current:高亮选中项
2021-09-26 10:49:07
1839
12
原创 一篇文带你从入门到发布了解 uni-app
每个要显示的页面，都要放到page目录下，新建一个页面所在的目录，然后放同名目录的vue文件，比如project/pages/list/lista.vue，并且在pages.json里配置。这与小程序的策略一致。在微信开小程序发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击"上传"按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：微信官方教程。选择uni-app，输入工程名，如：hello-uniapp，点击创建，即可成功创建 uni-app。
2021-06-07 09:03:41
5672
122
原创 vue-响应式原理和双向数据的分析
vue响应式原理了解object.defineProperty 实现响应式清楚 observe/watcher/dep 具体指的是什么了解 发布订阅模式 以及其解决的具体问题在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x 和 vue3.x使用的方式，他们分别是：对象属性拦截 (vue2.x) Object.defineProperty对象整体代理 (vue3.x) Proxy提示：以下是本篇文章正文内容，下面案例可供参考 vue-响应式是什么
2021-06-03 09:51:21
652
76
原创 React全家桶详细讲解-图文并茂
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、表单处理1.1 受控组件使用步骤多表单元素优化非受控组件React组件综合案例需求分析总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、表单处理1.1 受控组件HTML中的表单元素是可输入的，也就是有自己的可变状态而React中可变状态通常保存在
2021-05-28 18:22:56
3170
103
原创 React-脚手架
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、react是什么？二、react 特点三.react 基本使用4. react脚手架使用react脚手架初始化项目知识补充： npm 的升降级前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了
2021-05-24 20:20:26
7181
50
原创 vue扩展工具安装-vue-devtools
文章目录一、vue-devtools？二、安装三.使用工具一、vue-devtools？下载地址：vue-devtools使用git下载：打开git ： 切换 git f: 切换到你所创建的文件夹下git clone https://codechina.csdn.net/theSalt/vue-devtools.git二、安装git命令操作连接//切换到此目录下cd ./vue-devtools/// 切换到主分支git checkout master// 输入npm in.
2021-05-23 16:18:19
2493
19
原创 vue-element-admin 后台管理系统
文章目录前言一、vue-element-admin 是什么？二、使用步骤下载和部署浏览模板项目代码官网启动三.技术提炼1.vue全家桶都有什么2.vuex3. 组件之间的通信4.请求/响应式拦截器5.vue 表单验证6.如何实现角色，用户，权限的一个部署（rbac）6.Proxy7.打包之前的路由模式前言vue-element-admin 技术提炼提示：以下是本篇文章正文内容，下面案例可供参考一、vue-element-admin 是什么？vue-element-admin 是一个后台前端..
2021-05-20 11:35:09
21091
5
原创 【vue.js】+云存储（实现图片上传功能）
利用vue.js+element-ui实现云存储上传图片功能文章目录前言一、对象存储二、配置腾讯云Cos1.引入库第一步拥有腾讯云的开发者账号实名认证三、新建文件上传组件新建上传图片组件 src/components/ImageUpload/index.vuedetail 详情页引入构成部分给detail页创建一个路由，因为当前写的’查看‘是二级导航跳转所以创建路由时应该写成效果图前言提示：以下是本篇文章正文内容，下面案例可供参考一、对象存储示对象存储（Cloud Object Stora
2021-05-14 16:35:42
6091
23
原创 vue报错：Unknown custom element: xxx - did you register the component correctly? For recursive compon
文章目录一、报错信息二、分析1.报这种错误可以先检查一下代码规范，模块引入是否加{}一、报错信息vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.二、分析1.报这种错误可以先检查一下代码规范，.
2021-05-13 19:20:48
40969
3
原创 vuex中页面刷新数据丢失问题
提示：解决vuex中页面刷新数据丢失问题，this.$route 和 this.$router的区别文章目录前言一、如何解决vuex中页面刷新数据丢失问题问题出处：如何解决二、`this.$route` 和 `this.$router`的区别this.$routerthis.$route前言提示：以下是本篇文章正文内容，下面案例可供参考一、如何解决vuex中页面刷新数据丢失问题一般在登陆成功后需要把信息，个人信息，作为全局的共享数据。但是页面一刷新的时候，vuex的数据会重新初始化
2021-05-06 14:52:36
331
3
原创 element-ui简单笔记
文章目录前言一、 element-ui简介1.1Element UI 引言1.2 定义1.3 由来二、element-ui 的安装2.1 通过vue脚手架暗转2.2 在vue脚手架项目中安装三、按钮组件实例3.1 默认样式3.2 简洁样式3.3 图标按钮四、按钮组件的详细使用4.1 创建按钮4.2 按钮属性link 文字链接5.1 文字链接组建的创建5.2 文字链接组件的属性的使用六、Layout(栅格)布局组件6.1 使用Layout组件七、Container布局容器组件7.1 创建布局容器7.2..
2021-05-05 19:59:44
613
原创 gitee（码云）
文章目录前言一、初始化查看本地日志推送到远程仓库推送master 分支到远程仓库前言 将内容提交到gitee（码云）上提示：以下是本篇文章正文内容，下面案例可供参考一、初始化$ git init // 初始化项目$ git add . // 将修改添加到暂存$ git commit -m '这是修改的内容' // 将暂存提到本地仓库查看本地日志$ git log // 查看版本日志推送到远程仓库推送到远程仓库一般先将远程仓库地址 用本地仓库别名代替$ git re..
2021-04-30 17:08:29
1567
19
原创 涵盖入门到精通，自测 Vue 掌握程度
文章目录一、说说对spa单页面的理解，他的缺点是什么？二、v-show和v-if的区别？三.Class 与 Style 如何动态绑定？四.怎么理解Vue的单向数据流？五.computed 和 watch 的区别和应用的场景？6.直接给一个数组项赋值，vue能检测到变化吗？7.谈谈你对 Vue 生命周期的理解？8、Vue 的父组件和子组件生命周期钩子函数执行顺序？9、在哪个生命周期内调用异步请求？10.在什么阶段才能访问操作DOM？11、父组件可以监听到子组件的生命周期吗？12、谈谈你对 keep-aliv.
2021-04-29 17:44:10
380
2
原创 微信小程序-云函数
系列文章目录提示：云函数开发优势，微信小程序父子组件传值，获取动态数据（云数据库）,云函数路由文章目录系列文章目录前言一、云开发优势二、‘父子组件传值’1.组件关系3.使用组件三.获取动态数据data中创建数据编写云函数本地调用四.云函数路由前言小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小游戏、公众号网页等，并且原生打通微信开放能力。开发者无需搭建服务器，可免鉴权直接使用平台提供的 API 进行业务开发。提示：一、云开发优势
2021-04-27 14:31:21
1093
6
原创 微信小程序：自定义组件，数据监听器的使用
提示：微信小程序自定义组件的使用，数据侦听器，小案例（控制背景色rgb颜色变化）文章目录前言一、自定义组件的使用创建自定义组件二、微信小程序数据侦听器（observer）是什么？三、使用数据监听器四.小案例（控制背景色的rgb改变）前言提示：以下是本篇文章正文内容，下面案例可供参考一、自定义组件的使用创建自定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件，首先需要在 json 文件中进行自定义组件声明（将 component 字
2021-04-22 08:48:02
1121
原创 微信小程序面试题
文章目录前言一、简单描述微信小程序相关文件类型二、谈谈wxml与标准html的异同三、谈谈wxss和css的异同总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、简单描述微信小程序相关文件类型wxml模板文件，是框架设计的一套标签语言，结合基础组件，事件系统，可用构建出页面的结构wxss：样式文件，是一套样式语言，用..
2021-04-14 17:18:06
1769
3
原创 jquery部分面试题
文章目录前言一、jquery库中的$()是什么二、如何找到所有HTML SELECT 标签选中项三.$(this) 和 this关键字在jquery中有什么不同4.jquery怎么移除标签onclick属性前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、jquery库中的$()是什么()函数时jquery函数的别称。()函数时
2021-04-08 10:40:33
130
1
原创 Vuex
文章目录前言一、1.Vuex二、Vuex简单计算器案例state1.计算属性2.辅助函数3.对象展开运算符.Getter前言：什么情况下应该使用 Vuex？Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的store 模式 (opens newwindow)就足够您所需了。但是，如果您需要构建一个中大型单页应用
2021-03-30 09:00:45
160
原创 js部分面试题
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、JavaScript的typeof返回哪些数据类型？二、列举至少3种强制类型转换 2种隐式转换三.javaScript 的事件流模型都有什么？提示：以下是本篇文章正文内容，下面案例可供参考一、JavaScript的typeof返回哪些数据类型？alert(typeof null); //objectalert(typeof undefined); //underfinedalert(typeof NaN);
2021-03-28 09:33:24
350
1
原创 css部分复习
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录css基础复习一、css规则是什么？@规则就是这样的语句，包含以下规则@charset@importsupports二、层叠性三. 选择器基础选择器属性选择器组合选择器伪类条件伪类行为伪类状态伪类结构伪类伪元素四.优先级五、继承性六、文档流脱离文档流七、 常见需求自定义属性清除浮动bfc清除浮动通过 clear 清除浮动消除浏览器默认样式水平垂直居中单行的文本、inline 或 inline-block 元素固定宽高的块级盒子不固定
2021-03-22 11:47:24
134
原创 vue面试题
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、vue特点是什么？二、vue中父子组件如何传值的三、v-show 和 v-if 指令的区别和不同点说出vue中的指令和他的用法5、vue-loader是什么？使用他的用途6、axios是什么？怎么使用7.单页面和多页面应用的区别以及优缺点8.简述一下vue常用的修饰符和作用？提示：以下是本篇文章正文内容，下面案例可供参考一、vue特点是什么？国人开发的一个轻量级框架双向数据绑定，数据操作更简单·视图，数据，结构分离
2021-03-17 08:53:34
282
原创 vue脚手架项目-电商后台
vue脚手架项目-电商后台文章目录一、启动后台项目二、码云1.引入库三、本地创建项目配置Element-ui代码格式校检五、实现登录功能index.vue模板安装less 和less-loader添加路由添加表单验证安装axios配置请求接口请求登录接口（根据需求进行对接口的请求）存储token异步操作一、启动后台项目示例：开发模式前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts后端技术栈：N
2021-03-16 19:34:03
860
原创 vue脚手架
文章目录一、vue脚手架使用二、安装脚手架全局安装项目目录结构2.案例-表格的CRUD点击list显示页面详情页提示：以下是本篇文章正文内容，下面案例可供参考一、vue脚手架使用vue cli :脚手架Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。Vue CLI 致力于将 Vue生态中的工具基础标准化。它确保了.
2021-03-12 10:25:47
474
原创 webpack打包原理
系列文章目录 webpack是什么,入口，出口，loader，简单打包，自动打包，加载器（css ,less,url,处理高级语法） 文章目录系列文章目录前言一、webpack是什么？入口出口(output)loader二.最简单的打包三.自动打包四.加载器(css,less,url,高级语法)1.css加载器2. less加载器3. url加载器4.处理高级语法五.总结前言译webpack 打包 原理+案例。webpack 是一个流行的前端包管理工具，可以解决当前web开发中所面临的各种
2021-03-09 23:39:30
923
原创 Vue-详解+案例
系列文章目录提示：vue是什么，声明和渲染，读取data数据，小案例：“切换壁纸”，表格的增删改查，组件文章目录系列文章目录前言一、vue是什么？二、使用步骤1.声明和渲染2.读取data数据对象３.v-if循环４.小案例＿”切换壁纸“三、计算属性四、侦听器五、表格的CRUD六.组件总结前言：hello 大家好！ 一起看下Vue.js 吧！ 提示：以下是本篇文章正文内容，下面案例可供参考一、vue是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面
2021-03-04 22:41:40
5526
8
原创 node.js详解+案例
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一.node.js 是什么？[二、运行环境2.读入数据总结前言node.js 是一个基于 javascript 这门语言而开发出来的技术，本文就介绍了node.js学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一.node.js 是什么？[nod
2021-01-25 17:25:34
18095
11
原创 微信小程序
学习目标： 内容来源于：微信小程序官方文档地址：微信小程序设置：外观设置支持配置开发者工具外观和主题和区块配置主题：深色、浅色字体字号行距编辑设置修改文件时自动保存编译时自动保存所有文件文件保存时自动编译小程序自动折行用空格代替 Tab代码缩略图总是在新标签页打开文件Git 比较文件内容时，忽略 Windows 风格回车符Tab 大小如果选中了 “总是在新标签页打开文件”，则在编辑器目录树点击文件时，总是会在一个新标签页中打开此文件，而非在临时标签页中打开。
2020-12-28 21:57:06
3716
6
原创 【JavaScript】闭包函数 学以实用
系列文章目录让外部函数访问内部变量成为可能。闭包概念、闭包示例、闭包案例、闭包应用文章目录系列文章目录前言一、变量作用域二、闭包三、闭包示例四、闭包案例五、闭包应用-计算打车价格总结前言提示：大家好，今天学习了闭包函数，一起再了解一下吧提示：以下是本篇文章正文内容，下面案例可供参考一、变量作用域示例：变量根据作用域分为两种：全局变量和局部变量局部访问全局但是全局访问不了局部。但是向让外部访问局部该怎么办？—>闭包二、闭包1闭包概念：函数用到外部变量，不需要传参就可以
2020-12-25 16:07:53
1079
原创 【JavaScript]实现动态拖拽小精灵
系列文章目录提示：各位友友大家好呀，今天我们使用js实现一个跟随鼠标移动的小的案例吧文章目录系列文章目录前言一、元素偏移量是什么？二、使用步骤1.想方设法：先获取到坐标2.读入数据总结前言提示：今天学习了一个js的小案例，来和可乐一起学习探讨下吧 skr~效果：提示：以下是本篇文章正文内容，下面案例可供参考一、元素偏移量是什么？offset ：中文就是偏离的意思， 使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。案例中使用到的属性：off
2020-12-11 07:17:03
3236
9
原创 laravel框架详解 学以致用
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、什么是路由、控制器？二、使用步骤1.实现添加数据2.实现删除数据总结前言各位友友们，今天我们来谈谈laravel框架中对数据库的操作。下边案例希望有帮助❤提示：以下是本篇文章正文内容，下面案例可供参考一、什么是路由、控制器？路由：所有对于服务器资源的请求，
2020-11-26 00:20:04
4970
原创 php中mysqli_fetch_assoc( )与mysqli_fetch_row( )的区别
相同点：php中php中mysqli_fetch_assoc()与mysqli_fetch_row()都是把查询结果的第一行返回到一个数组中。不同点：mysqli_fetch_row是通过数字索引取值。例如：$res=mysqli_query($con,$sql);//返回的资源$arr=mysqli_fetch_row($res);//把查询结果的第一行返回到$arr 数组中print_r($arr);print_r($arr[0]);//通过索引取值然而mysqli_fetch_ass
2020-11-11 19:02:36
3295
原创 Bootstrap表示不换行的样式
Bootstrap提供了一系列的对齐样式，表示不换行的样式是class=“text-nowrap” ，不要让内容自动换行 加上即可<table id="table" class="text-nowrap"></table>
2020-11-09 15:22:31
3456
phpstorm2018
2020-12-09
怎么改变表格的颜色[el-table]
2022-01-05
vue tree组件做导航显示不同的table数据
2021-09-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人