- 博客(22)
- 收藏
- 关注
RSS订阅原创 webpack入门篇
1、webpack是什么?webpack是一个模块化构建打包工具vue,react用的脚手架底层都是基于webpack搭建的webpack在公司中主要用于公司内部搭建前端环境掌握node,webpack可以说是晋升架构师升的重要一环！如果你会了webpack,你在vue脚手架中也可以轻松的配置构建工具除了webpack之处，还有grunt,gulp,rollup…2.webpack使用webpack中文文档：https://webpack.docschina.org/concepts/
2021-05-17 21:24:46
91
原创 echarts图表的使用入门级
1、快速使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-05-11 19:10:48
89
原创 2021-05-10
一、什么是数据可视化：数据可视化，是关于数据视觉表现形式的科学技术研究数据可视化的理论基础：计算机图形学二、 浏览器实现数据可视化架构：三、数据可视化基础核心技术1、canvascanvas 是 HTML5 提供的一个用于展示绘图效果的标签. canvas 原意画布, 帆布. 在 HTML 页面中用于展示绘图效果. 最早 canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现canvas 的基本用法:基本语法<canvas></canvas>1.使
2021-05-10 21:10:39
76
原创 echarts图表
一、什么是echarts ?ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目2021年1月26日晚，Apache基金会官方宣布ECharts项目正式毕业。1月28日，ECharts 5线上发布会举行二、发展历史ECharts由百度团队开源。2018年初，捐赠给Apache基金会，成为ASF孵化级项目。2021年1月26日晚，Apac
2021-05-07 21:16:07
143
原创 5.06 后台管理
富文本编辑器：Vue-Quill-Editor官网地址：https://www.npmjs.com/package/vue-quill-editor使用步骤：1.安装npm install vue-quill-editor --save2.引入 //引入富文本编辑器 import VueQuillEditor from 'vue-quill-editor' //引入vue-quill-editor相关样式 import 'quill/dist/quill.core.css'
2021-05-06 21:46:54
47
原创 2021-04-29
从接口中获取数据//表格数据 async categoriesxuanr() { let id = this.modeab[this.modeab.length - 1]; let params = this.activeName; const res = await categoriesxuanr(id, { sel: params }); res.forEach((item) => { item.inputVisible =
2021-04-29 21:39:42
52
原创 2021-04-28
1.1 可以选择cascader的任意级别template:<el-cascader :props="defaultProps"></el-cascader> JS->data defaultProps: { .... checkStrictly:true .... },1.2 隐藏小圆圈问题核心思路：通过css隐藏小圆圈，并扩大小圆圈的显示范围,然后设置visibility为hidden.el-cascader-
2021-04-28 21:59:43
51
原创 联级选择器
vue-table-with-tree-grid的使用// 1. 引入vue-table-with-tree-gridimport ZkTable from 'vue-table-with-tree-grid'Vue.component(ZkTable.name, ZkTable)// 2. 在在组件中写入<zk-table :data="tableData" show-index index-text="#" border
2021-04-27 23:58:36
346
原创 后台管理-角色权限
第一步在element-ui中引入弹出框在element-ui中引入tree<!-- 分配权限 -->//弹出框 <el-dialog title="提示" :visible.sync="showfp" width="30%"> //tree <el-tree :data="tabname" show-checkbox default-expand-all node-key=
2021-04-27 00:15:44
370
原创 2021-04-25
1 后台返回的时间戳处理通常后台返回的是时间戳 例如：1619314980 时间戳：即1970年1月1日到现在的经过的毫秒数前端处理时间戳有两种方式：1.利用new Date日期对象处理 var d=new Date(传入时间戳*1000) 再通过getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds() 2.利用moment.js第三方日期处理函数来实现【公司用的多】 网址:http://mo
2021-04-25 21:38:36
87
原创 vue后台管理
删除//删除按钮<el-button type="danger" class="el-but" @click="remove(scope.row)"> <i class="el-icon-delete"></i>删除</el-button>//弹框<!-- 删除弹框 --> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%"> &
2021-04-23 23:42:23
66
原创 vue复习
vue封装1. 封装环境地址//封装环境地址const env = { prod:{ //线上环境 baseURL:'https://www.liulongbin.top:8888', },}export default env;2. 封装项目接口// 封装项目接口import request from "./repuest";export function login (data){ return request({
2021-04-22 01:13:18
51
原创 vue复习
vue是什么?vue框架是一个渐进式前端框架，可以提高前端开发效率。渐进式：可以选择性的使用该框架的一个或一些组件，这些组件的使用不需要将框架全部组件都应用；而且 用了这些组件也不要求你的系统全部都使用该框架。Vue是一个前端框架，也其实是一个vue.js文件，下载vue.js文件并在页面中二.Vue脚手架创建项目1.安装脚手架npm install -g @vue/cli //电脑中只安装一次即可2.创建Vue项目vue create 项目名3.运行项目 npm run se
2021-04-20 22:05:04
65
原创 复习
一. 登录授权实现思路自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过 button 组件去触发 getUserInof 接口。在用户进入微信小程序的时候，判断用户是否授权了，如果没有授权的话就显示授权页面，让用户去执行授权的操作。如果已经授权了，则直接跳过这个页面，进入首页。二. 登录授权代码onLoad: function() { var that = this; // 查看是否授权 wx.getSetting({ success: function(res) {
2021-04-19 22:01:43
48
原创 js数组的方法
一、js数据类型js分为两种数据类型1.基本数据类型：string number boolean null undefined symbol2.引用数据类型：object array function检测数据类型的方法typeof 可以判断数据类型 但是无法区分 array object null等数据类型 因为 返回值都是objectinstanceof 不考虑 null 和 undefined（这两个比较特殊）以对象字面量创建的基本数据类型constructor 可以区分区基本数据类型和引
2021-04-16 22:01:39
37
原创 复习javascript
一、函数的定义1、函数声明:function 函数名() { //...}特点：无论在函数定义前，还是函数定义后调用，都能执行为什么都能执行？？？因为函数声明方式：函数提升2.函数表达式var 变量名=function() { //....}变量名()特点：只能在函数定义后调用，才能执行javaScript异步js中的同步和异步的区别和理解前端面试中很容易问到的问题就是同步和异步的，其实很多人潜意识是知道怎么用，也大概明白一些，但是就是不知道该怎么表达，
2021-04-15 22:00:15
39
原创 小程序的插槽和模版
一、插槽在组件模板中可以提供一个 节点，用于承载组件引用时提供的子节点。1、单个slot，代码示例：<!--第一步：封装组件，components/music/index.wxml--><!--components/music/index.wxml--><view> <text>我是标准的</text> <!--下面是slot插槽（占位），用于承载组件引用时提供的子节点--> <slot></sl
2021-04-14 07:44:18
83
原创 小程序组件复用
1.组件是什么组件： 有完整的功能，在代码中可以独立运行插件： 通常说为了某个功能而开发的，列如：轮播图类库(library)： 是用来完成项目的工具的集合框架(framework)： 是为了快速完成项目搭建的基础。框架分为：UI 框架和javaScript框架2.小程序组件分类1. 内置组件： 小程序内置的组件，直接拿来就可以使用，无需安装例如：view,text,image,button,swiper,switch....2. 第三方组件: 需要安装，引
2021-04-12 21:51:54
153
原创 小程序生命周期--路由
小程序布局与普通web开发差异小程序实现响应式单位：rpx小程序的设计稿通常是按照iphone6 宽度为750的尺寸设计的样式导入@import “要引入的外部样式文件”意义：大型项目开发中，为了方便样式复用例如：@import “/public/css/style.wxss”;行内样式<view style=“color: {{index===num? ‘blue’ : ‘’}}”小程序支持的选择器类型插件表达式：{{ }}类似vue插件写法，可以在{{}
2021-04-07 21:53:58
47
原创 微信小程序
一、微信小程序是什么微信小程序是一种不需要下载安装就可以使用的应用微信小是2017年1月9日，张小龙2017在年微信公开课Pro上发布了微信小程序。二、微信小程序和普通HTML的区别微信小程序没有DOM,BOM的API，只能使用EcmaScript核心 部分微信小程序js逻辑和视图处理是分开独立运行的，性能比较好，普通HTML是单线程的，容易代码阻塞三、微信小程序的帐号注册及开发流程微信小程序的注册注册地址：https://mp.weixin.qq.com/wxopen/waregi
2021-04-06 22:00:01
101
原创 javaScript
JavaScipe发展史javaScript是1995年诞生的javaScript于1997发布javaScript1.0标准版本(TC29委员会-ECMA262)javaScript于1998发布javaScript2.0标准版本javaScript于1999发布javaScript3.0标准版本javaScript于2005针对javaScript4.0的讨论，比较激烈，不欢而散javaScript于2009发布javaScript5.0标准版本javaScript于2011发布Ecma
2021-04-02 21:52:38
56
原创 深入Git
了解Git是一种分布式的版本管理系统，Linux的创造者Linus写的。GitHub是基于git的代码库托管站，也算是程序员的SMS，其中一个主要的开源代码发布或托管站git的作用就是对文件进行版本管理，方便在不同版本进行切换修改，类似文件分不同时间备份让后需要时找回其中一份代替，不过更方便使用Git的常用指令git init 初始化仓库git add 文件名:将文件添加到暂存区git commit -m “提交描述”Git常用的查看指令 1. git status 查看仓库当前的状
2021-04-01 21:13:51
39
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人