- 博客(16)
- 收藏
- 关注
RSS订阅原创 canvas 2d 绘图
canvas 2d 绘图约定原则：手绘画图原则画布 一张无线大的能作画的布，默认以左上角顶点位置为原始坐标画笔 一只能够变换任何颜色，任意粗细程度的画笔填充 在绘制的范围内填充任何颜色，包含渐变和透明图形 圆形/矩形/路径路径记忆 将上次创建过的路径保存起来，下次继续使用变形 添加一层自定义的透明画布进行绘画画布快照
2021-08-10 16:53:53
881
原创 前后端联调的规范(初级)
后端返回的状态(1) -404/-500/-201/-403 等错误(2) 网络/超时 等错误(3) 返回 因为参数类型或者必传参数没传 等常规性错误一般错误处理在axios的封装函数中拦截 axios.interceptors.response.use(res => { // p2常规性错误捕获 }, err => { // p1错误捕获 // err.respo..
2021-07-27 18:44:33
478
原创 获取图像中主要(最多)的颜色色值
获取图像中主要(最多)的颜色色值 // 获取<template>中的img标签，标签可以引入本地或者网络图片地址 const img: any = this.$refs.img; img.onload = () => { // 获取前2的色值(rgb格式) const imageColor = this.$tf.getImageColor(img, document.createElement('canvas')); // 如果需要计算图像的色值
2021-07-12 12:27:35
1314
3
原创 nuxt.js学习(一)
启用store在store中创建index文件的时候，可以直接使用，state/mutations等直接导出export const state = () => ({ counter: 20})export const mutations = { increment(state) { state.counter++ }}使用方法 import { mapState } from 'vuex' computed: { ...mapState(..
2021-03-29 17:37:02
280
原创 微信小程序（一）
wx小程序的文档阅读记载如下简易双向绑定<input model:value="{{value}}" />组件间双向绑定<input model:value="{{myValue}}" /><custom-component model:my-value="{{pageValue}}" />Component({ properties: { myValue: String }})或者在事件中触发update: function() {
2021-03-17 17:27:09
145
原创 sass文档阅读记载
命名空间也可以包含自己的属性值，例如：.funky { font: 20px/24px { family: fantasy; weight: bold; }}编译为.funky { font: 20px/24px; font-family: fantasy; font-weight: bold; }通过 #{} 插值语句可以在选择器或属性名中使用变量：$name: foo;$attr: border;p.#{$name} { #{$attr
2021-03-17 09:54:18
100
原创 webpack相关（二）
webpack相关（二）基础依赖1 "css-loader": "^5.1.1",2 "style-loader": "^2.0.0",3 "html-webpack-plugin": "^5.3.0",4 "webpack": "^5.24.4",5 "webpack-cli": "^4.5.0",6 "webpack-dev-server": "^3.11.2"7 "@babel/core": "^7.13.10",8 "@babel/p
2021-03-11 10:32:55
93
原创 关于axios
关于axios支持多个并发请求，当全部返回数据时，执行.then操作axios.all([getUserAccount(), getUserPermissions()]) .then(axios.spread(function (acct, perms) { // 两个请求现在都执行完成}))添加responseType属性可以是 ‘arraybuffer’, ‘blob’, ‘document’, ‘json’, ‘text’, ‘stream’axios({ met
2021-03-10 13:54:13
82
原创 ajax详细学习(一)
blob类型获取并下载const request = new XMLHttpRequest()// 传入 方法， 位置， 是否异步（true）request.open(‘get’, ‘./a.png’, true)// 添加到请求头request.setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded’);// 设定返回的数据类型request.responseType = “blob”;request.send
2021-03-10 11:51:50
77
原创 webpack学习之路(一)
const path = require(‘path’);// html-webpack-plugin 为应用程序生成一个 HTML 文件const HtmlWebpackPlugin = require(‘html-webpack-plugin’); // 通过 npm 安装module.exports = {// 这里使用 npx webpack --env NODE_ENV=local --env production --progress 能接收到数值，前提是将module转变成函数//
2021-03-10 11:46:53
99
原创 关于前端直传阿里云的封装
前端import store from ‘@/store’class MyUploadAdapter {constructor(loader) {this.loader = loader}async upload() {const file = await this.loader.file// 获取store中action.js的获取token的接口const res = await store._actions['common/getToken'][0]()const policy =
2021-03-09 09:27:16
209
原创 关于两个关联页面的联动
实现逻辑使用div绑定一个打开新窗口的方法<div>弹窗按钮<el-button @click="open">打开弹窗</el-button></div>open() { window.open('/about', "_bank");}在新窗口中新建一个按钮，用来调用父级页面的事件状态变更，通知父级页面调用事件<el-button @click="change">变更</el-button>chang
2021-03-08 17:14:24
1066
原创 查找过的资料-防丢失
数字验证（只能输入数字）this.formData.imeicode = imeicode.replace(/[^0-9]+/g, "");表单验证规则required: true, message: "请输入设备编码", trigger: "blur"min: 6, message: "至少输入6位数字", trigger: "blur"伪数组转数组Array.from(dom);级联选择器关闭选择器下拉框this.$refs.refHandle.dropDownV
2021-03-08 16:17:00
91
原创 echarts文档记录
echarts配置项init(dom标签，项目的模块环境配置，显示的范围大小，显示的两种模式.)setOption对象配置：title/legend/grid/xAxis/yAxis/polar…title标题，可以实现多个标题组件。text为标题文本subtext为标题子文本show显示效果target打开的页面显示方式left/top/right/bottom等设置文本内容位置link需要链接的地址border…shadow…设置背景颜色和文本效果legend图例组件，
2021-03-08 16:14:29
188
原创 el-table内部操作栏高度塌陷问题
element-ui 中的el-table内部操作栏高度塌陷问题bug出现的时机1. 初次进入页面没有问题2. 切换导航再切换回来的时候 *el-table内部操作栏高度塌陷*3. 导航栏采用keep-alive尝试更改1. this.$forceUpdate()2. window.scrollY3. 调试 css失败最后解决添加 width 宽度解决以数据的形式插入width宽度...
2021-03-05 15:11:11
919
1
原创 keep-alive的exclue属性
项目中路由某个页面不需要使用keep-alive实现方式实现方式采用keep-alive的exclue属性 （失败）采用beforeRouteEnter在next方法中调用初始化数据的函数（实现业务效果）在空余时间想起使用keep-alive的exclue属性失效的问题，查看了一下百度，发现了不生效的原因原因：exclue属性优先支持的name，并不是指路由的name， 而是指.vue文件中，script中默认导出的对象中的name属性...
2021-03-04 09:02:29
159
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人