双鱼座的程序员-CSDN博客

原创前端生成登录验证码组件

新建一个vue文件canvasCode.vue//canvasCode.vue代码<template> <canvas id="canvas" width="100" height="38" @click="createCode" /></template><script>export default { props: { validateCode: { // 父组件传过来的验证码 type: String, .

2021-09-08 15:14:02 377

原创前端面试题

一、vue1.响应式的原理当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。一、原生js1.原型是什么：每个函数和类都有一个显式原型prototype，里面存放一些公用的属性和方法，这些方法和属性，每一个实例都能访问到。而且每一个实例的对象都有一个隐式的原型__proto__，对象的隐式原型都指向构造这个对象的函数或类的显式原型。2.什么是原型链：在对象使用属性或调用方法的时候，会优先在自身的属性中寻找，如果找不到就去隐式原型__prot

2021-03-30 13:39:26 162

原创 vue 使用keep-alive 三级以上的路由，无法缓存问题

使用vue-element-admin脚手架做系统时，一般系统的侧边栏都是有父级，子级，子子级，发现使用keep-alive，当三级以上的路由时，无法缓存页面？？那首先要了解下keep-alive的作用是啥？是用来对页面组件进行缓存不缓存的处理，拥有缓存页面组件，再次进入时，使用原来已经加载好的内容，可以大大的节省请求和渲染时间，是个好东西！那它具体的属性有2种：include ,包含页面组件name的这些组件页面，会被缓存起来exclude 除了这些name以外的页面组件，会被缓存起来还有第3

2021-03-04 14:55:54 2116 7

原创 echart数据视图以table表格展示

import { barDataView } from "./echartsdata.js";//引入方法const workorderType = echarts.init(this.$refs.workorder) var option = { xAxis: { type: "category", data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], },..

2021-01-15 13:45:46 7923

原创阿里字体图标的下载引用

保留红框文件，其他可删除修改iconfont.css文件的@font-face {font-family: "iconfont"; font-family: "iconfont"; src: url('~@/assets/icon/iconfont.ttf'); //src指向下载的ttf文件}在main中全局引入import '@/assets/icon/iconfont.css'使用方式<i class="iconfont 图标类名"></i>...

2020-11-24 17:25:51 291

原创 input的限制输入

onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"//金额保留两位小数

2020-06-10 14:09:57 935

原创数组对象操作

var temp = {}; this.tableData = this.tableData.reduce((prev, curv) => { //this.tableData是数组 // 如果临时对象中有这个名字，什么都不做 if (temp[curv.sku_good_code]||!curv.sku_good_code) { }//curv.sku_good_code数组对象里字段 //!curv.sk.

2020-06-10 09:49:30 194

原创 vue路由配置

配置方法一 import Customerfrom '@/components/Customer/edit.vue' routes: [ { path:"/Customer/edit", name:"Edit", redirect:Customer },]{ path: '/Customer/edit', ...

2020-06-08 10:35:12 170

原创自动获取域名

var src =window.location.href;//获取网页地址 var temp_count = 0 var urls="" for (var i = 0, k; i < src.length; i++) { urls=urls+src[i] if (src[i] == "/") { temp_count++ if(temp_count==3){ // 截取第三

2020-05-18 17:15:48 365

原创封装组件

//父组件 <ElPop :field.sync="data" controller="customer"></ElPop> <script>import { debuglog } from "util";export default { components: { ElPop: () => import("../BaseCom/exp...

2020-04-20 17:06:20 90