- 博客(34)
- 资源 (1)
- 收藏
- 关注
原创 Vue+Echart安装使用
主要介绍Vue中如何使用Echarts,如何安装Echarts到如何在项目中使用,通过一个模板方式介绍使用Echarts的步骤。二、使用参考模板操作步骤Step1第一步需要先造一个Dom节点挂载这个chart图形。Step2Vue mounted时调用方法初始化操作,产生myChart 对象。step3配置option对象。Step4调用setOption方法并传入配置项。编写示例编写示例时,可以找到一个CodeSandbox然后通过添加自己需要的依赖包,就可以编写示例了。
2022-06-01 22:38:50 1393
原创 ant design 按钮组件
文章目录前言一、安装二、通用组件Button 按钮5+4 组合Icon 图标安装前言按钮用于开始一个即时操作,往往点击按钮都会触发一些事件,可能进行前后端交互事件。一、安装$ npm install antd --save$ yarn add antd二、通用组件Button 按钮使用场景:响应用户点击行为,触发响应的业务逻辑。5+4 组合五种按钮四种状态五种按钮和四种状态是一对多的关系,每种按钮可对应各种状态。import React from 'react';impor
2022-05-29 11:29:22 1196
原创 TypeScript
文章目录前言一、TypeScript开发环境搭建1.1、Node环境搭建1.2、全局安装typescript1.3、建立项目目录和编辑TS文件1.3.1、新建目录1.3.2、生成package.json1.3.3、生成tsconfig.json1.3.4、安装node依赖前言一、TypeScript开发环境搭建1.1、Node环境搭建略1.2、全局安装typescriptnpm install typescript -g# ORyarn global add typescript// 查
2022-05-15 14:53:41 172
原创 Umi创建项目
文章目录前言一、环境准备1、Node环境2、安装Nvm2.1、下载安装包2.2、本地安装2.3、打开管理员权限2.4、查看nvm版本2.5、Node安装2.6、 查看Node版本2.7 、切换Node版本2.8、 总结二、yarn2.1、安装yarn三、脚手架3.1、新建空目录3.2、官方工具创建项目3.3、安装依赖3.4、启动项目3.5、修改配置前言Umi,中文可发音为乌米,是可扩展的企业级前端应用框架,下面的图片就是今天的主角了。一、环境准备1、Node环境作为前端开发Node必不可少,
2022-05-08 08:51:45 3455 4
原创 七年程序之路
文章目录前言程序路的起点大学四年实习事业单位工作现在总结前言从大学算起踏入计算机已经七年,在这七年可以说五味杂陈,但是对于我来说这七年有遗憾也有很多收获,大学顺利完成学业,踏入社会,成为一名前端开发,作为一名技术人,当然入计算机这行并不后悔。程序路的起点我是一名文科生,至于为什么现在选择从事计算机行业,其实我想说,进入大学之前,我对计算机并不了解,选专业时我都只知道是跟计算机相关,至于具体做什么其实根本不知道,因为学校这个专业文理兼收,所有作为文科生的我,选择了"数字媒体技术"专业。从此踏上了计
2022-05-05 23:44:58 1573 3
原创 Vue大屏可视化
文章目录前言一、什么是可视化二、参考资料1、站酷2、DataV组件库3、DataV组件库示例Demo三、项目实战总结前言自己也使用Vue挺长时间了,之前一直做可视化相关的领域,但也不全是,考虑到如果有一些可视化模板示例可能会更好一些,所以就做了一些可视化相关的内容,从搭建框架,查找资料,到有了现在的一个模板基本机构。一、什么是可视化其实文字不用过多的描述,其实网上有很多示例,比如百度的可视化,有很多参考的示例,通过大屏的方式能够直观体现数据及其变化趋势。
2022-05-04 12:17:46 6536 18
原创 这次我换工作了
文章目录前言一、抓住机遇二、也曾抱怨,但不放弃三、体验卡三、收获四、新的环境总结前言写这篇文章的时候已经换工作三个月了,在新公司也顺利通过了试用期,提交转正申请,我也要点式说明了我这三个月以来所做的工作内容和所解决的问题,作为这次转正的业绩考核目标,转正前一周leader找我谈话了,主要了解一些我这段时间工作内容和在这边整体感受,聊的时候我顺便把我的工作内容再详细说了下,因为我的leader并不知道我这三个月具体在做什么,真正知道我在这三个月做了哪些内容的除了我,应该就是我导师了,一般任务都是导师在给
2022-05-03 23:25:36 1910
原创 前端开发常用工具
前端开发常用工具文章目录前端开发常用工具前言一、常用的代码编辑工具二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:我们工作和生活种中都需要借助各种各样的工具,所以工具对我们来讲非常重要啊,有时候一个好的工具可以帮助我们事半功倍,下面的主要内容就是介绍开发中我们主要用到的各种工具。提示:以下是本篇文章正文内容,下面案例可供参考一、常用的代码编辑工具Visual Studio Code (Vscode)我目前自己也是用的这个编辑器二、使用步骤1.引入库
2022-05-02 22:17:04 1014
原创 Vue前端组件化
前端组件化1. 前言前端组件化基于UI组件化文档设计方案,通过模块化、组件化思想实现前端组件化。此文档主要介绍如下四部分内容:模块化开发方案项目灵活配置方案CSS主题样式方案前端独立部署方案2. Vue-demo简介此套前端组件化模板Vue-demo,采用Vue+Elemen+Echart+Axios等js库开发,项目中已经集成好常用依赖包管理文件,后续项目开发中无需重新安装,框架具备开箱即用功能,实际项目需求中可结合此模板进行拓展。Vue-demo目前已安装的依赖包,后续无需重复安装
2022-05-01 00:19:04 1331
原创 Git 安装
Git 安装下载官网链接:https://git-scm.com/download/win操作:点击红色方框处即可下载最新版本Git。安装一直下一步即可配置用户名、邮箱查看配置$ git config --global --listor$ git config -l// 用户名$ git config --global user.name "xxx"---// 邮箱$ git config --global user.email "xxx"配置ssh-key(GUI二
2022-03-17 23:59:22 372
原创 常见合并两个数组的方法
数组合并方法concat()concat()方法合并数组不改变原数组let arr1 = [1, 3, 4, 5];let arr2 = [1, 4, 6, 7];let result = arr1.concat(arr2);console.log(result); //[1, 3, 4, 5, 1, 4, 6, 7]console.log("arr1=>", arr1); //arr1=> (4) [1, 3, 4, 5]console.log("arr2=>", arr
2021-12-19 17:20:25 3953
原创 Vue巧妙引入组件
vue巧妙引入组件mode 一、1、引入组件import ComponentName from ‘path’ // path 代表组件所在路径2、components挂载组件components: {ComponentName,},3、template模板引入mode 二、新建js文件,此处我取名为index.js,在index.js文件中进行如下操作import ComponentName from ‘path’ // path 表示组件所在路径const component
2021-12-09 13:59:33 737
原创 巧妙添加千位分隔符
let list = [ { price: 10, num: 10, }, { price: 10, num: 1020, }, { price: 10, num: 1220, },];function like() { var total = 0; for (let i = 0; i < list.length; i++) { total += list[i].price * list[i].num; } return total.toString
2020-09-22 21:37:15 367
原创 Cookie、Session之登录认证
Cookie、Session、Token、JWT一、认证 (Authentication)简单的讲,认证就是证明你是你自己,比如手机的指纹识别,上下班打卡,指纹和系统录入指纹相匹配是就证明验证成功,现在各种程序为了保证安全性,都需要进行认证。1.常用的认证方式账号密码登录邮箱认证手机验证码二、授权(Authorization)用户授权是指用户授予第三方应用访问资源的权限1.手机App提示是否允许访问(相册、位置)2.微信授权小程序,会询问是否允许(获取昵称、头像、地区、性别等个人信息
2020-09-07 00:59:25 479 1
原创 Runtime+Compiler和Runtime-only如何选择?
Cli2搭建脚手架Runtime+Compiler和Runtime-only如何选择为什么说是在Cli2中呢?因为在Cli3中已经没有了这个选项。两者在文件中唯一的区别就在main.jsRuntime+Compiler使用的是template,渲染的时候template是会把index.html中的#app节点替换掉的。Runtime-only使用的是render函数。Runtim...
2020-03-19 09:55:18 1310
原创 Vue-cli如何调整版本
Vue-cli如何调整版本详解目录结构:查看当前版本版本调整操作调整到指定版本升级到最新版本1.当前版本号查看1.Windows+R打开命令提示符2.输入cmd3.vue --version或者vue -V(大写V)2.版本操作2.1安装指定版本情况一:目前处于3.0及以上1.执行npm uninstall -g @vue/cli 卸载当前版本2.安装np...
2020-03-13 14:59:18 16423 2
原创 如何搭建Vue脚手架
如何创建一个VUE项目(完整流程并附详细截图)以下是创建vue项目的一套详细流程,项目中初始化时就配有webpack打包这个流程是正常开发项目所需要走的一套完整的的流程,我自己也反复按照以上步骤操作几次,都能创建项目。只是在安装依赖时需要稍微多等一些时间,如果遇到安装是进度条缓慢可以稍微等等。如遇进度条一直不动,可以关闭命令行重新执行一次。目录结构:安装环境镜像准备项...
2020-03-05 00:58:49 1771
原创 uni-app引入字体图标库新方法并做兼容处理
uni-app引入字体图标库新方法1.https://weex.apache.org/zh/docs/modules/dom.html#getlayoutdirection进入weex官网,文档-内置模块-dom-addRule 然后复制如下代码const domModule = weex.requireModule('dom')domModule.addRule('fontFace',...
2020-02-26 11:18:16 1022
原创 uniapp如何引入官方的css样式库
uniapp引入css样式、图标库、动画库uniapp如何引入官方的css样式库1.项目目录新建一个common的文件夹common一般存放的是项目引入的一个css和js样式库2.将样式库的css或者js复制到common文件夹3.在App.vue中引入需要的样式库<script>export default { onLaunch: function() { co...
2020-02-25 13:50:36 7235 2
原创 JS基础知识汇总
js基础计算机语言1.机器语言 可读性差2.汇编语言 还是没有达到人类的语言3.高级语言编译性语言和解释性语言编译性语言:java c c++(一次性把所有的代码翻译成机器语言然后运行)解释性语言:js php ruby python(翻译一行,运行一行)软件和程序软件:由多个程序组成,完成特定的功能程序:完成指定功能的命令(代码)程序:数据结构+算法数据结构:把数...
2020-01-22 22:45:02 525
原创 cookie、sessionStrorage、localStrorage、indexDB
存储 特性 cookie sessionStrorage localStrorage indexDB 数据生命周期 一般是由服务器生成,可以设置过期时间。 页面关闭就清除 (会话级存储) 一直存在,除非手动删除。(永久存储) 一直存在,除非手动删除。 数据存储大小 4k 5M 5M...
2020-01-19 23:30:31 470
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人