- 博客(16)
- 收藏
- 关注
RSS订阅原创 当Vue遇上Hooks，太润了
Vue中的Hooks也算是三年前的东西了，想当时在React中写Hooks函数算是比较流行的写法。Vue中一直是options配置化写法，所有的钩子和数据都在一个对象中给你提供了，你只需要将你的数据和处理逻辑放到对应的框里面去。这也是Vue一直以来流行的原因之一了。简单。现在Vue也支持Hooks写法了，而且在工作中也用的比较多。
2023-06-28 08:38:00
373
原创 Vue定义指令使用指南
最近工作开发中频繁用到`Vue`的自定义指令，所以有时间总结记录一下`Vue`自定义指令的用法及能用到的场景。最后分享一下常用到的指令库。
2023-06-25 10:27:44
98
转载 构建Vue前端组件库
在前端开发中可能会遇到将相同的功能模板集合成一个组件，供他人调用，这样可以减少重复造轮子，也可以节约人力、财力，更能够提高代码的可维护度；下面将通过详细的步骤教你如何构建一个Vue前端组件。1、在本机上安装好NodeJs，并配置好环境变量（1）NodeJs的下载地址：点击进入下载页面我这里是下载64位Windows安装包(.msi)，大家可以根据自己电脑系统选择相应的版本即可。（2）下载NodeJs后双击它，采用默认设置，一直点击下一步，直到Finish为止。需要说明的是，在安装..
2021-07-24 14:39:08
1029
原创 2021-07-16
需求小项目中组件之间传值涉及几个方面：父组件向子组件传值 子组件向父组件传值 子组件和子组件之间传值技术栈vue.js解决方法父组件向子组件传值官网教程：传送门第一步：父组件中，在标签上绑定要传入的值parent.vue// 绑定要传递的数据：name<chilld-component :myName="name"></chilld-component>第二步：子组件中使用props接受传递数据child.vue// 在
2021-07-16 12:06:10
78
原创 按钮样式切换
需求描述：几个切换按钮，不同的选择，选择之后有不同的样式看，请求不同的数据。如下图所示：技术框架requireJs+vue解决方案使用vue的样式绑定（传送门），涉及到一排不同的按钮，是用v-for渲染的，所以考虑点击每个数据获取相应的index或者唯一标识。在数据项上使用三元表达式来进行判断：当获取的唯一标识或者index与当前v-for循环渲染出来的标识或index相等时，就进行样式绑定，反之则不绑定样式。 另一种方法：使用class绑定来完成需求，大致上与style绑
2021-07-16 12:03:08
409
原创 宝塔面板部署代码时数据库的问题
宝塔面板中新建数据库无法设置用户名为root的问题问题描述：在做自己的项目时，在自己的云服务器上安装了宝塔面板，新建数据库时无法设置用户名为root，以为要把连接数据库的用户名也改了。。。原因和解决方法：因为宝塔中已经默认有一个用户名为root的用户名，所以不能再新建一个同名的用户了。在后端写的连接数据库的配置上不用更改用户名为其他的，直接为root就可以访问到数据库了。。。...
2020-11-16 23:54:22
1034
原创 SQL学习笔记
关系数据库概述用来管理数据。不用关心怎样存储数据，使用数据库软件提供的接口来读写数据数据模型：层次模型：以上下级的层次关系来组织数据，像一棵树网状模型：网状结构关系模型：一张表，其中的每个数据都可以通过行号+列号来唯一确认（占绝对市场份额）数据类型：名称类型说明INT整型4字节整数类型；范围大约正负21亿BIGINT长整型8字节整数类型；范围大约正负922亿亿REAL,FLOAT(24)浮点型4字节浮点数；范围大约正负10的38次
2020-11-15 23:29:16
453
原创 keeep-alive原理剖析以及业务使用
前言keep-alive组件的使用和原理剖析其实网上挺多的，自己也是多方观察总结了一下0 keep-alive 原理vue源码的地址为：keep-alive原理解析有兴趣的小伙子可以大胆的开始读起来了，GOGOGO！关于keep-alive的源码解析，这位字节大佬https://juejin.im/post/6844904048533979149写的挺好的，自问写不出来这种水平的分析1 keep-alive简介在开发中，比较常见的场景： 用户在某个列表页面选择筛选条件过滤出一份数据列表，由列
2020-10-29 19:26:33
409
2
转载 vuecli4 vant rem 移动端框架方案（全+转载）
vuecli4 vant rem 移动端框架方案描述基于vue-cli4.0+ webpack 4 + vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手架Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。本示例 Node.js 12.14.1启动项目git clone https://github.com/sunniejs
2020-05-15 18:23:01
1392
原创 移动端web开发与适应之媒体查询
移动端web开发与适应之媒体查询前言：关于移动端的web开发我相信随着时代的进步，会越来越重要，当然，现在也重要，所以呢，学习移动端的开发适配是非常非常重要的，鉴于此，我就想深入的把我所学的知识总结起来，防止遗忘，也希望能帮助更多的人。1.什么叫媒体查询：Media queries，简单的说，媒体查询就是可以根据你的设备（电脑，手机，打印机等等）或者设备的屏幕分辨率或者宽度来设定要显示的样式，当然，你首先要设定这些规则，比如在什么设备上显示什么颜色高度等等，这在你的响应式页面上是非常有用的。2.媒体
2020-05-15 18:18:56
464
原创 单文本组件的创建和嵌套引用
单文本组件的创建和嵌套引用前言：关于单文本组件，我对于基础概念一直不是很懂，终于，通过自己的了解，写出这篇文章，防止遗忘。1.创建一个父组件：// app.vue<template> <div id='app'> </div></template><script>export default {}</script><style lang='less' scoped></style>
2020-05-15 18:17:13
118
原创 css选择器优先级详解
css选择器优先级详解1.简单的记忆来说：css的选择器的优先级为：内联 > id > 类 = 属性 = 伪类 > 标签 = 伪元素2.从浏览器的算法层面上来说，他们的计算规则如下：优先级是由 A 、B、C、D 的值来决定的，其中它们的值计算规则如下：1.如果存在内联样式，那么 A = 1, 否则 A = 0;2.B 的值等于 ID选择器 出现的次数;3.C 的值等于 类选择器 和 属性选择器 和 伪类 出现的总次数;4.D 的值等于 标签选择器 和 伪元素 出现的总次数
2020-05-15 18:16:31
502
原创 HTML5的应用特性
很多同学只听过html5，可是不是很了解他的应用特性，本文来详细的解释下：首先介绍下HTML5的含义：H5是指第5代HTML（超文本标记语言），也指用H5语言制作的一切数字产品。网上的网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容...
2020-04-29 10:20:19
500
原创 关于authentication 和 authorization的辨别
我们先了解一下，关于两个单词的解释：authentication ：身份验证; 认证；鉴定;authorization：批准; 授权; 批准书; 授权书;用我自己的话来看，authentication 是关于身份验证，意味着确认用户的身份，而authorization意味着授予对系统的访问权限认证，例如在登录一个平台时，会要求输入用户名，密码等，身份验证通常通过用户名和密码完成，有时与身份...
2020-03-31 14:20:49
677
原创 vue_shop项目历程
一、前端项目初始化① 安装 Vue 脚手架② 通过 Vue 脚手架创建项目（选择babel，router，eslint，手动配置）③ 配置 Vue 路由④ 配置 Element-UI 组件库 (搜索vue-cli-plugin-element,选择按需导入)⑤ 配置 axios 库⑥ 初始化 git 远程仓库⑦ 将本地项目托管到 Github 或 码云 中二、后台项目的环境安装...
2020-03-29 19:02:20
304
原创 关于vue中的$mount('#app')
关于$mount(’#app’)当我们用vue脚手架（vue-cli）创建vue项目时，会生成初始的基本文件，其中关于main.js中$mount(’#app’)做一点自己的理解。首先他是这样的/*webpack打包入口文件*///导入vue构造函数import Vue from 'vue'//导入根组件App.vueimport App from './App.vue'/...
2020-03-27 10:36:11
16720
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人