11 2021 档案
摘要：https://blog.csdn.net/weixin_41646716/article/details/90069562
阅读全文
摘要：错误# 使用Navicat Premium 连接MySQL时出现如下错误： 原因# mysql8 之前的版本中加密规则是mysql_native_password,而在mysql8之后,加密规则是caching_sha2_password 解决# 更改加密规则： mysql -uroot -ppas
阅读全文
摘要：设置mysql中的root账户密码出现1064错误代码 ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version f
阅读全文
摘要：问题描述： 在安装mysql 时，如果第一次没安装成功，第二次重装可能出现莫名奇妙的情况。通过一番尝试，发现，安装往上的教程还是无法成功安装的主要原因是第一次安装虽然未成功，但是mysql 默认的3306端口已被占用。导致在随后的安装过程中，虽然每一步操作都完美无误，但是依然会出现【服务无法启动】的
阅读全文
摘要：为什么需要：根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器，而不是一股脑的添加。避免不必要的兼容代码，以提高代码的编译质量。 共享使用browserslist的组件们： 组件名功能 Autoprefixer postcss添加css前缀组件 babl
阅读全文
摘要：vue-config-js配置参考 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它
阅读全文
摘要：在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全面带大家一起详细了解 tsconfig.json 的各项配置
阅读全文
摘要：源码结构和打包 源码使用webpack打包，查看文件webpack.config.js可知，将echarts源码编译成三个版本，分别为常用版本,精简版本，完整版本，分别对应webpack入口文件为：index.common.js、index.simple.js、index.js。 执行命令： npm
阅读全文
摘要：2021SC@SDUSC 因为Echarts是基于zrender进行实现的，所以解读echarts源码前，首先要对zrender有基本的了解。 zrender是canvas的一个类库，zrender是基于canvas实现的。 目录 zrender的src文件夹 文件夹： animation动画相关
阅读全文
摘要：在TCP层，有个FLAGS字段，这个字段有以下几个标识：SYN, FIN, ACK, PSH, RST, URG. 其中，对于我们日常的分析有用的就是前面的五个字段。 它们的含义是： SYN表示建立连接， FIN表示关闭连接， ACK表示响应， PSH表示有 DATA数据传输， RST表示连接重置。
阅读全文
摘要：theme: cyanosishighlight: zenburn 目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,写本文时 Vue 版本是 "^3.2.6" script setup 语法糖 新的 setup 选项是在组件创建之前, pro
阅读全文
摘要：yarn的简介： Yarn是facebook发布的一款取代npm的包管理工具。 yarn的特点： 速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可
阅读全文
摘要：接手项目越来越复杂的时候，有时写完一段代码，总感觉代码还有优化的空间，却不知道从何处去下手。设计模式主要目的是提升代码可扩展性以及可阅读性。 本文主要以例子的方式展示设计模式应该如何使用！（例子主要来源于javascript设计模式一书，如果已经对这本书读得滚瓜烂熟的，可以划过，如果还未读，或者想了
阅读全文
摘要：正常引入方式： // 导入Vue import Vue from 'vue' // 导入路由 import Router from 'vue-router' // 导入登录组件 import Login from '@/components/login/Login' // 导入Home组件 impo
阅读全文
摘要：正常配置 import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/pages/login' import Capture from '@/components/pages/captur
阅读全文
摘要：设计模式 模式动机 在工厂方法模式中具体工厂负责生产具体的产品，每一个具体工厂对应一种具体产品，工厂方法也具有唯一性，一般情况下，一个具体工厂中只有一个工厂方法或者一组重载的工厂方法。但是有时候我们需要一个工厂可以提供多个产品对象，而不是单一的产品对象。 为了更清晰地理解工厂方法模式，需要先引入两个
阅读全文
摘要：tsconfig.json 所包含的属性并不多，只有 7 个，ms 官方也给出了它的定义文件。但看起来并不怎么舒服，这里就翻译整理一下。（若有误，还请指出） files: 数组类型，用于表示由 ts 管理的文件的具体文件路径 exclude: 数组类型，用于表示 ts 排除的文件（2.0 以上支持
阅读全文
摘要：一 tsconfig.json文件是编译typeScript语言时遵循的编译规则配置： 在TS的项目中，TS最终都会被编译JS文件执行，TS编译器在编译TS文件的时候都会先在项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS编译器会默认编译
阅读全文
摘要：在TS的项目中，TS最终都会被编译JS文件执行，TS编译器在编译TS文件的时候都会先在项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。实际项目中，会根据自己的需求进行自定义
阅读全文
摘要：前言 由于开发ts的项目经常要配置tsconfig.json,所以自己整理了一份tsconfig.json文件，方便以后查阅~ compilerOptions编译选项 1 target用于指定编译之后的版本目录 "target": "es5", 2 module用来指定要使用的模板标准 "modul
阅读全文
摘要：前言 设计模式定义：在面向对象软件设计过程中 针对特定问题的简洁而优雅的解决方案。在不同的编程语言中，对设计模式的实现其实是可能会有区别的。 单例模式 观察者模式 工厂模式 命令模式 职责链模式 1，单例模式 定义：是保证一个类只有一个实例，并且提供一个访问它的全局访问点。 需求：一些对象我们往往只
阅读全文
摘要：在封装axios请求根据error.response.status取自己定义的索引值时，提示警告： 还或者遇到这种情况 可以在我们的tsconfig.json中设置"suppressImplicitAnyIndexErrors": true就可以了
阅读全文
摘要：es6-map数据结构增加、删除、查找 方法(set get has delete clear ) 属性 map数据结构： 本质上是键值对的集合，类似集合； 可以遍历，方法很多，可以跟各种数据格式转换。 let json = { name:'ananiah', age:'18' } //效率低 需要
阅读全文
摘要：1、初始化一个新的项目 yarn init 2、添加一个依赖包 yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] 3、安装所有的依赖包 yarn 或者 yarn install 4、npm 与 yarn命
阅读全文
摘要：数组： unshift：将参数添加到原数组开头，并返回数组的长度 pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined push：将参数添加到原数组末尾，并返回数组的长度 concat：返回一个新数组，是将参数添加到原数组中构成的 splice(start,delet
阅读全文
摘要：tslib 是一个用于触摸屏设备的函数库。通过这样一个函数库，可以将编程者从繁琐的数据处理中解脱出来。为什么会出现这样的情况呢？因为触摸屏的坐标和液晶显示屏 之间的坐标并不是一一对应的， 所以，要让从触摸屏上得到的坐标正确转换为液晶显示屏上的坐标，需要经过一个转换过程。除此之外，tslib 还以插件
阅读全文
摘要：Vue 3.2 版本包括许多重要的新功能和性能改进，但并不包含重大更改。Vue 3.2 原文链接 https://blog.vuejs.org/posts/vue-3.2.html 主要更新如下： 1. 新的单文件组件功能<script setup> 是一种编译时语法糖，可在 SFC 内使用 Com
阅读全文
摘要：reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而reactive是用于复杂数据类型，比如对象和数组例如：定义一个对象类型的变量user <template> <div> <p>{{ user }}</p> <bu
阅读全文
摘要：vue-config-js配置参考 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它
阅读全文
摘要：两者核心区别就是类型提示，像定义组件需要 defineComponent 同出一辙： Vue3 import { createStore } from "vuex"; import example from './modules/example' export default createStore
阅读全文
摘要：Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。 介绍 Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。 Pinia的成
阅读全文
摘要：网上统一的观念是 devDependencies用于本地环境开发时候。dependencies用户发布环境其实看名字我也知道是这个意思，我觉得没解释情况。devDependencies是只会在开发环境下依赖的模块，生产环境不会被打入包内。通过NODE_ENV=developement或NODE_EN
阅读全文
摘要：Vue-cli3.0于8.11日正式发布，看了下评论，不是特别的乐观，说说我个人的意见，我是Vue的忠实粉，so.... 大概三个月前超哥就已经得知3.0的消息，试着用了下，相比之下现在的3.0和测试时的区别： modern mode。启用该模式会自动构建两个版本的 js 包，针对支持现代浏览器的原
阅读全文
摘要：使用vue init webpack my-App 创建项目回车时显示Command vue init requires a global addon to be installed.Please run yarn global add @vue/cli-init and try again. 解决
阅读全文
摘要：虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。 Electron是一个基于Chromium和 Nod
阅读全文
摘要：1.安装vue-cli 3.0 npm install -g @vue/cli # or yarn global add @vue/cli 安装成功后查看版本：vue -V(大写的V) 2.命令变化 vue create --help 用法：create [options] <app-name> 创
阅读全文
摘要：dart-sass与node-sasssass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现.。sass-lang官方网站： https://sass-lang.com/dart-sass 相同都是用来将sass编译成css的工具。 区别node-sass 是用 node(调用
阅读全文
摘要：vue-cli创建vue项目 报错：ERROR command failed: yarn 解决方法一：Win+R 输入cmd进入到命令行界面 输入命令 npm install -g yarn成功后重新创建vue-cli4项目便可以解决了。 解决方法二： 进入到Windows环境中C:/users/a
阅读全文
摘要：一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可
阅读全文
摘要：特别说明：在开始这一切之前，请开发移动界面的工程师们在头部加上下面这条meta: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 复制
阅读全文
摘要：前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放 github的地址, 大家如果想学习vue3 + ts + electron 开发, 可以
阅读全文
摘要：不知道区别的人，大概率是你还没搞懂API、SDK是什么。 讲个小故事： 研发人员A开发了软件A，研发人员B正在研发软件B。 有一天，研发人员B想要调用软件A的部分功能来用，但是他又不想从头看一遍软件A的源码和功能实现过程，怎么办呢？ 研发人员A想了一个好主意：我把软件A里你需要的功能打包好，写成一个
阅读全文
摘要：Pinia 是什么? Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案Pinia 支持 Vue2 和 Vue3 本文只讲 Pinia 在 Vue3 中的使用, 在 Vue2 中使用略有差异，参考 官方文档 Pinia 优势 符合直觉，易于学习极轻， 仅
阅读全文
摘要：前端工作的五层，你工作在哪一层？ 现在前端的工作远不只切图那么简单，工作内容丰富了许多：有的前端工程师会做前端框架、做 SDK，有的会做搭建平台，有的会做工程化工具链，有的会做业务开发，还有的会参与引擎层，定制 js 引擎和实现渲染引擎等。 这么多种类型的前端工作内容，它们是什么关系呢？前端工作一共
阅读全文
摘要：最近在国外技术社区看到了一些关于一行代码的文章，感觉很有意思，就整理了一下来分享给大家，希望对你有所帮助~ 这些方法使用到了一些API，简化了操作，但是有些方法写一行属实不太优雅，所以这里主要还是学习API的使用技巧！ 一、日期处理 1. 检查日期是否有效 该方法用于检测给出的日期是否有效： con
阅读全文
摘要：TCP/IP通讯协议采用了4层的层级结构，每一层都呼叫它的下一层所提供的网络来完成自己的需求。这4层分别为: 应用层:应用程序间沟通的层，如简单电子邮件传输(SMTP)、文件传输协议(FTP)、网络远程访问协议(Telnet)等。 传输层:在此层中，它提供了节点间的数据传送，应用程序之间的通信服务，
阅读全文
