- 博客(22)
- 收藏
- 关注
RSS订阅原创 一个dom渲染多个echarts图表
1.多坐标系就是一个图表实现展现多个坐标系，一个坐标系就是一个grid这里主要用到关键几个属性：grid,xAxis,yAxis,gridIndex,xAxisIndex,yAxisIndexgrid：定义坐标系网络xAxis：x轴yAxis: y轴gridIndex：网络的下标 从0开始，0代码第一个网格坐标,1代码第2个坐标系。。。。xAxisIndex：代表横轴坐标编号 0代码第1个横轴。。。。yAxisIndex：代纵轴坐标编号 0代码第1个纵轴。。。。完整示例代码如下：
2021-05-13 08:30:16
813
原创 echarts的一些使用
canvas和svg区别？1.canvas生成的是图片，位图（也称像素图），不能单独选中某个图形，只能选中整体2.svg:放大不失真，能单独选中局部的某个图形，并且可以用css,js来操纵1.Echarts优势开源，免费，并且是百度开发，有详细中文文档2.Echarts使用2.1 快速使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <.
2021-05-12 07:45:24
127
原创 svg相关
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><!-- x1,y1 起点位置 x2,y2终点位置 stroke 边框 --> <!-- <line x1="50" x2="100" y1="30" y2="100" style="stroke:red" /> --> <!-- <rect width="100" height="50" style
2021-05-11 07:41:10
131
原创 nextTick的作用
vue中的nextTick主要用于处理数据动态变化后，DOM还未即使跟新的问题，用nextTick就可以获取数据更新后最新的DOM变化。因为vue的异步更新队列，$nextTick是用来知道什么时候DOM更新完成的
2021-05-07 08:20:23
110
原创 后台管理的一些问题
res.data.forEach(item => { item.attr_vals = item.attr_vals.split(',') item.inputVisible = false item.inputValue = '' });给返回的每个对象里单独设置一个自定义属性和v-model需要绑定的值 item.inputVisible = false 用于判断按钮和输入框的切换item.inputValue = ''..
2021-04-30 09:04:09
97
原创 第三方插件vue-table-with-tree-grid使用及插件参数使用说明
1.安装vue-table-with-tree-grid npm i vue-table-with-tree-grid -S 2.在main.js中引入 import treeTab from 'vue-table-with-tree-grid' 3.在main.js中引入 注册全局组件Vue.component('tree-table', treeTab) vue-table-with-tree-grid插件参数使用说明： 1.data:指定.
2021-04-28 00:00:54
240
原创 element的树型控件
el-tree属性参数说明： 1.data:树形结构数据源 2.node-key:每个树节点用来作为唯一标识的属性，例如：id 3.default-expanded-keys:默认展开的结点组成的数组 4.default-checked-keys:默认勾选的节点key组成的数组 5.props：树形结构配置选项{label:节点的标签名,children:指定子级节点名称} 6.default-expand-..
2021-04-26 23:25:43
239
原创 vue的过滤器
import moment from 'moment'// 事间过滤器const dateTime = (val)=>{ return moment(val*1000).format('YYYY年MM月DD日 hh时mm分ss秒 a')}// 等级过滤器const ranks = (val)=>{ let data = '' // 装换成数字 switch(parseInt(val)){ case 0:data = '一级';brea
2021-04-25 23:23:59
32
原创 防抖和节流
监听边输入边搜索：@input敲回车搜索 @keyup.enter.native=""点击按钮搜索 @click搜索性能优化：主要利用防抖和节流 防抖和节流：主要目的是为了降低高频事件触发，减少dom操作或请求次数，提升性能 通常高频事件：onscroll,onresize,keyup/keydown,mousemove 防抖：在固定时间内，如果有事件触发，则会再延长固定时间，直到固定时间内没有触发事件再做处理 例如：电梯和屏保 节流：指定一个固定时
2021-04-23 07:42:46
82
原创 axios.完成登录功能
表单重置第一步：给表单添加ref第二步：给重置按钮添加事件，调用重置方法//重置表单resetForm() {this.$refs.loginForm.resetFields()}表单预检验//用户登录loginIn() {//对表单对整体合法性检验this.$refs.loginForm.validate((valid)=>{//console.log(valid)//如果表单有不合法的字段，直接返回if(!valid) return;})}封装登录接口封装环境
2021-04-22 08:28:33
454
原创 Vue的相关的一些记录
vue.js,vue-router,vuex,axios,ES6,Sass/less/Stylus,…vue.js:computed,过滤器，自定义指令，绑事件(@事件名)，绑属性(:属性名)，组件通讯（3种）…vue-router:路由传参，路由守卫，嵌套路由，动态路由，路由懒加载…vuex:集中管理组件状态,5个要素：state,mutation,action,modules,gettersaxios:数据请求官网文档：https://github.com/axios/ax.
2021-04-20 22:07:18
33
原创 js数组、字符串常见方法
加粗样式所有的函数如果没有返回值，那么返回值就是undefined ！字符串的方法charAt( ) 方法从一个字符串中返回指定的字符。concat( ) 方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。search( ) 获取某个字符或者字符串片段首次出现的位置match( ) 匹配某个符合条件的字符或者字符串，并返回一个数组replace( ) 替换 replace(参数1,参数2); 参数1：替换谁 参数2：替换值split( 参数1,参数2 ) 字符
2021-04-16 22:06:47
58
原创 关于js代码执行顺序
函数声明:function 函数名() { //...}特点：无论在函数定义前，还是函数定义后调用，都能执行为什么都能执行？？？因为函数声明方式：函数提升2.函数表达式var 变量名=function() { //....}变量名()特点：只能在函数定义后调用，才能执行二、this指向在全局调用函数,函数中的this指向windowfunction fn() { //this === window}详细this指向会有专门课程复习三、n.
2021-04-16 08:22:10
152
原创 小程序的登录授权
登录授权流程项目中的实现思路点击进入店铺–进入首页–获取到token,uid如何获取token第一步：通过wx.login得到code,调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息第二步：通过调用公司后台接口（自动注册/登录接口）获取腾讯用户的匿名信息//引入接口const {authorize}=require(’…/…/http/api’)//登录/注册goLogin() {wx.login({success(res) {console.log(res);.
2021-04-15 08:24:26
309
原创 微信小程序的样式隔离
小程序的样式隔离：1.通过在组件的options中配置Component({ options: { styleIsolation: '隔离选项' }})其中【隔离选项】值包括：isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（默认值）；apply-shared 父级样式会穿透影响组件样式，但组件样式不会影响其他页面shared：互相影响2.外部样式类 1.在app.wxss中定义一个class样式，例如： .box
2021-04-13 22:06:31
628
原创 微信小程序的内置组件slot
<slot></slot> 可以在破坏组件的情况下，给组件嵌入结构或者“内容”的一种方式例如：dialog组件：<view class="dialog_box" wx:if="{{ isShow }}"> <slot name="a"></slot> // 这里会被替换掉</view> <Dialog-box> <view slot="a"></view>
2021-04-13 22:05:22
150
原创 小程序的组件
小程序组件分类1. 内置组件：小程序内置的组件，直接拿来就可以使用，无需安装 例如：view,text,image,button,swiper,switch....2. 第三方组件:需要安装，引入，再使用推荐基于小程序的UI框架：vant UI官方文档地址：https://vant-contrib.gitee.io/vant-weapp/#/intro！！注意小程序默认不支持npm> 如何让小程序支持npm:>> 1. 生成package.json:npm
2021-04-13 07:49:38
136
原创 微信小程序实现ajax以及接口的封装
（1）wx.request() 例如： wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) }})注意：使用wx.request()请求注意事项 1.使用之前
2021-04-09 07:30:44
165
原创 关于小程序的生命周期和路由
微信小程序的事件机制绑定事件格式：bind+事件名 例如：<button bindtap="要触发的方法">小程序不支持直接传参，它需要配合自定义属性 data-name="{{值}}"例：wxml: <button bindtap="del" data-idx="{{index}}">X</button>js: //用e.currentTarget.dataset来接收视图传递过来的自定义属性值 del(e) { let {idx}=e
2021-04-08 07:51:15
45
原创 微信小程序
微信小程序是一种不需要下载安装即可使用的应用微信小程序没有DOM,BOM的API，只能使用EcmaScript核心 部分微信小程序js逻辑和视图处理是分开独立运行的，性能比较好，而普通H5是单线程的，不容易导致代码阻塞那么怎么注册一个微信小程序的账号呢？注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN注意：邮箱不能和微信绑定的邮箱一样登录后：找到开发-开发管理-开发设置-开
2021-04-07 07:41:50
120
原创 关于es6的一些知识
es6新增的特性有很多，但是用的比较多的就几个第一个就是有了新的声明变量的方式 let和constlet 声明的变量没有变量声明提升声明的变量只在当前作用域有效不能重复声明同一个变量const 声明量 一般按情况下不能更改，如果是引用数据类型虽然不能改变结构 但是可以改变结构内的值 值得注意的是 const声明的量 必须在声明的同时来赋值结构赋值es6允许我们可以用相同结构的方式从数组合对象中提取值例：let [a,b,c] = [1,2,3]例：let obj = {a:‘1’,b:‘2
2021-04-02 23:28:28
37
原创 关于git 的分支管理
git是一个分布式的版本控制工具它可以让不同的人一起工作，相互之间有互不影响当使用 git init 完成初始化之后，这时候默认的本地只有一个分支master 这个分支一般不做项目开发，而是用于发布产品的分支可以用 git branch nweBranch 来建立一个新的分支用 git branch 来查看当前有几个分支 前缀带*的表示当前操作的分支 如果想要切换分支用 git checkout 要切换的分支名 就可以切换了 也可以用git checkout -b 要创建和切换的分支来快捷生成分支并
2021-04-01 23:15:24
28
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人