随笔分类 - 前端知识
摘要：使用了base64图片作为象形图的立体柱子显示，但是出现了图例不能显示柱子，只是显示一条竖线，然后点击图例以后又能显示完全的情况，经过排查发现在lenegd写如下属性，问题解决 symbolKeepAspect:false,
阅读全文
摘要：基于网上大部分的日历插件都是版本老旧，不能在新版本的react中正常使用，经常运行会报诸如ref过时写法之类的问题，所以基于此使用函数组件+hooks钩子的方式写了一个日历组件的插件，具体还没有打包到npm，可以从git上获取， 需要的同学可以下载并且进行改进，目前只支持了范围日期的选择，期待更多的
阅读全文
摘要：应用场景：父组件需要子组件的一些方法 代码： 父组件： import React from "react"; import Child from '../components/child' type stateTypes = {}; type propsTypes = {}; const child
阅读全文
摘要：转自：https://www.cnblogs.com/yhhBKY/p/10642696.html 解释： // 两种颜色的百分比第一个大于等于第二个，或者设置了固定的像素就会变得很分明，根据一个颜色透明一个设置角度再加上分明的边界就是折角的原理了 background: linear-gradie
阅读全文
摘要：首选项=>设置=>搜索vetur.validation.template，把下面的对勾去掉，问题解决，如果使用的是json文件的配置，就把这个选项的值从false改为true。 上述步骤需要重启才能生效
阅读全文
摘要：报错内容： ....,Inline JavaScript is not enabled. Is it set in your options? 解决办法： const { override, fixBabelImports, addLessLoader } = require("customize-
阅读全文
摘要：这个功能可能不会经常用到，一般都是服务器传文件过来但是有时候有些文件在PC上不会有性能问题的话还是可以用用的，因为vue的摇树算法会让没有引用的静态文件都在打包的时候不会放入静态文件夹，所以这里要使用到第三方的一个插件就是copy-webpack-plugin，可以在vue-cli3 const C
阅读全文
摘要：ul{ padding: 0; margin: 0; } .swipper { width: 50%; background-color: #99a9bf; position: relative; overflow: hidden; .swipper-item { top:0; left: 0; p
阅读全文
摘要：使用 React.lazy加载函数组件的时候函数组件如下写法： export function Swipper(props) 是不能加载出来的，需要写成 export default function Swipper(props) 才可以解决问题，如果有什么更好的办法请指出
阅读全文
摘要：import axios from "axios"; import store from "@/store"; import router from "@/router"; const service = axios.create(); //request拦截 service.interceptor
阅读全文
摘要：增强组件：import React from "react"; type propsType = { forwardedRef: any; }; type stateType = {}; export function logProps(WrappedComponent) { class LogPr
阅读全文
摘要：转载：https://www.cnblogs.com/mushitianya/p/10507818.html 在man.js 写入： // v-dialogDrag: 弹窗拖拽 Vue.directive("dialogDrag", { bind(el, binding, vnode, oldVno
阅读全文
摘要：祖组件： import React, { createContext, Context } from "react"; import CNode from "../components/CNode"; type propsType = {}; type stateType = { userInfo:
阅读全文
摘要：这样的问题是TS语法类型检测的时候会报错，这时候可以给state个props生命类型，问题解决，代码如下： import React from "react"; type StateType = { name: string; number: number; }; type propType = {
阅读全文
摘要：import React from "react"; class Test4 extends React.Component { constructor(props) { super(props); this.state = { value: "coconut", arr: [], options:
阅读全文
摘要：有时候不一定需要exclude去控制哪些组件要被排除在缓存外面的，有些可能是根据实际情况决定是否控制缓存，这时候网上有 <keep-alive v-if='$route.meta.keepAlive"> <router-view ></router-view> </keep-alive> 就是通过路
阅读全文
摘要：我要根据外界的值来判断我显示的table是单选还是多选，但是props的值变了UI却一直没什么反应，后来采用了强制刷新，在组件上加了一个：key= XXX，这个key根据外界的值得变化而变化，问题解决，大概的问题代码如下： <!-- 不可单选不能编辑就是多选 --> <el-table-column
阅读全文
摘要：HTMLElement.prototype.appendHTML = function(html) { var divTemp = document.createElement("div"), nodes = null // 文档片段，一次性append，提高性能 , fragment = docu
阅读全文
摘要：根据搜索条件去分页加载选项列表，可以写如下的指令 directives: { loadmore: { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector( ".el-selec
阅读全文
摘要：可以使用监听的写法， 当prop变化的时候。会赋值给子组件的变量，如： data() { return { proLineList: [], productLine: "", loading: false }; }, props:["productLineId"], watch:{ productL
阅读全文
浙公网安备 33010602011771号