- 博客(17)
- 收藏
- 关注
RSS订阅原创 ECharts中标签长度过长，显示省略号，鼠标浮上后出现全称的效果展示
ECharts中标签长度过长，显示省略号，鼠标浮上后出现全称的效果展示
2022-10-15 00:36:51
2839
1
原创 配置MySQL
记录一下配置MySQL的过程vue作业要求我们使用数据库，我翻了一下自己的电脑，在任务管理器的服务 中没有发现MYSQL判断是没有安装，于是我根据网上教程，去官网安装了对应版本的MySQL，下载完成后需要在环境变量的path中添加MySQL的bin文件夹的路径。在MySQL下载包的目录内创建my.ini文件，文件内容为[mysqld]#设置3306端口port=3306#设置mysql的安装目录basedir=D:\MySQL\mysql-5.7.36-winx64#
2022-05-29 00:11:04
278
原创 浅析解构赋值
什么是解构赋值？解构赋值语法是一种 Javascript 表达式。通过解构赋值,可以将属性/值从对象/数组中取出,赋值给其他变量。优点：在代码书写上简洁易读，语义更加清晰明了,能够更明确的知道你在操作的是数组/对象中的哪一个元素；方便了复杂对象中数据字段获取。关于对象let { a , b } = { name:'Tom',number:17}// a = 'Tom'//b = 17剩余运算符let {a, b, ...and} = {a: 10, b: 20, c
2022-05-27 15:41:04
293
原创 canvas与svg的区别
canvas：通过 js 来绘制 2D图形。 canvas 图像单位是像素。 canvas 图像绘制完毕之后，浏览器将不再关注它，如果位置发生变换，就需要重新绘制svg：SVG 指可伸缩矢量图形 (Scalable Vector Graphics)。 SVG 用来定义用于网络的基于矢量的图形。 SVG 使用 XML 格式定义图形。 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失canvas与svg的区别：svg 是一种矢量图，而 canvas 依赖于分辨率。所以 svg
2022-05-26 00:25:31
890
原创 总结一些垂直居中的方法
1.使用table标签：使用table自带的居中效果2.将div变成table标签：如果必须使用div，就把div变成table来使用3.使用绝对定位与负margin：灵活使用负margin，数值为元素宽度/高度的一半4.使用绝对定位与transform：与上同理5.使用margin：auto6.使用flex...
2022-05-25 00:45:15
529
原创 初尝TypeScript
TypeScript是什么？TypeScript是什么？从技术上讲TypeScript就是具有静态类型的 JavaScript 。就是在JavaScript的基础上着重强调了类型，但是在编译之后会转换为纯JavaScript，最终在浏览器执行的也是JavaScript。所以它并不依赖浏览器的支持，其次TypeScript是JavaScript的超集，所以它支持JavaScript的所有语法，且在兼容性方面也无需担心。为什么要使用TypeScript？1.使得代码重构更加容易2.面对大型项目时
2022-05-21 23:00:39
82
原创 Vuex的使用
什么是Vuex？为什么要用Vuex？官方的说法是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。可以理解为：将所有组件的共享的变量、规则等全部存到一个对象中，并把这个对象放在Vue的顶层，供其他组件直接调取使用。我们在Vue的各个组件中传值时，通常时父子组件直接传值，这样传值的效率很低；而且兄弟组件之间很难进行传值。于是乎我们可以使用Vuex，类似于在Vue项目的最外层创建一个
2022-05-15 02:53:15
119
原创 学习React的第一天
React的一些知识点汇总。1.React.createElement创建一个元素，可以代表一个div，他是一个虚拟DOM对象。（）=>React元素，可以多次执行，获取最新的div2.DOM Diff算法：找出两个虚拟DOM的不同的算法，用来更新Rract视图。3.JSX是一个 JavaScript 的语法扩展。建议在 React 中配合使用 JSX，它具有 JavaScript 的全部功能，同时能够让HTML与JS混合使用。JSX在你创建React项目时便由webpac
2022-05-08 01:13:29
50
原创 关于6个6的解答
话不多说，先看题let ifor(i=0;i<6;i++){ setTimeout(()=>console.log(i),1000)}这段代码最终会打印出什么呢？我第一反应是1，2，3，4，5。实际上却是6个6为什么呢？因为setTimeout是延后执行的，1000表示的是1000ms后，尽快执行。需要等for循环结束后才会执行setTimeout。结果堆积了6个setTimeout，自然是6个6那如何让他打印出1，2，3，4，5呢？用一个j存储当前i的值
2022-05-08 01:00:47
239
原创 关于git error: refname refs/heads/master not found的报错
背景：从 2020 年 10 月 1 日起，在 Github 平台上创建的所有新的源代码仓库将默认命名为 "main" ，不再是原先的 "master" 。 原因是“master”容易引起歧义，所以普遍使用中性词“main”但此次修改并不会影响先前的存储库今天打算往git仓库提交代码，按惯例复制三行代码但运行到第二行的时候报错 如下：error: refname refs/heads/master not foundfatal: Branch rename failed错误原
2022-05-02 14:36:13
7810
原创 浅析MVC
MVC模型（model）用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法，会有一个或多个视图监听此模型。一旦模型的数据发生变化，模型将通知有关的视图。 视图（view）是它在屏幕上的表示，描绘的是model的当前状态。当模型的数据发生变化，视图相应地得到刷新自己的机会。 控制器（controller）定义用户界面对用户输入的响应方式，起到不同层面间的组织作用，用于控制应用程序的流程，它处理用户的行为和数据model上的改变。// 数据层const M = { data: {}
2022-05-01 16:37:40
277
原创 跨域（CORS JSONP）
源源 = 协议 + 域名 + 端口号，两个源完全一致，则称这两个url同源。同源策略同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。我X这谁看得懂，说人话！！！就是浏览器故意设计的一个功能限制，让两个不同源的JS无法获取对方的数据资源。但是，在实际应用中，我们往往需要向不同源的网站获取数据（合法的），那浏览器又给我们设置了这么一个坎，我们要怎么解决呢？1.CORS如果两个
2022-04-27 16:18:06
56
原创 Vue项目在github上部署
如何将Vue项目部署到github上？在github上创建两个仓库，一个放源码，一个放展示页面。放源码的仓库操作步骤照常。今天重点讲如何部署展示页面。1.在github上创建仓库（xxx）2.在项目文件夹中的vue.config.js中插入 publicPath: process.env.NODE_ENV === 'production' ? '/SkyLineWebsite/'//这里写展示页面的仓库名称 : '/',3.在根目录新建一个deploy.sh的文件，
2022-04-22 20:27:23
1926
原创 Vue项目收获（2）
1.当我写完代码准备commit的时候出现“pre-commit hook failed”错误（如下图）这个问题是当你在commit的时候，pre-commit会代替你做代码风格检查。如果代码不符合相应规则，就会报错。而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。解决方法：（1）进入项目的.git文件夹，删除上述提到的pre-commit文件，然后重新执行git commit。简单粗暴（2）根据他的提示，将git commit -m “xxx”改为g
2022-04-20 16:14:09
1018
原创 关于Echarts的一些理解
ECharts，缩写来自Enterprise Charts，一个纯JavaScript图表库。兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。支持你能见到的几乎所有图表类型。Echarts的安装1.如果你不会webpack/parcel，你可以直接在html引入cdn便可使用。cdn查询网站链接2.如果你会wevpack/parcel，你可以直接在项目中安装依赖包。具体步骤如下yarn add echa
2022-04-20 00:00:06
2562
原创 关于svg的引入步骤
写在前面本人正在学习Vue，最近在做人生中第一个Vue的项目，期间遇到了各种各样的bug，这些bug是在平时的学习中根本遇不到的，导致我不得不充分运用互联网的查找功能，发现这些坑大家都踩过，也都顺利爬出来了，于是我也仿照他们，留下经验，提醒自己的同时也与大家共勉。1.在vue.config.js文件中重写相关信息具体代码如下：const path = require('path')module.exports = { lintOnSave: false, ch..
2022-04-18 22:06:26
4177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人