前端知识
简单的chen
此人不懒,但还是什么都没有写。
展开
-
Web Animations API动画实现方案
Web Animations API是一种更低级的动画编程方法,它允许你以JavaScript代码的方式来控制动画的各个属性原创 2023-07-05 09:24:18 · 315 阅读 · 0 评论 -
自定义指令实现按钮加密
自定义指令(v-password)实现按钮加密原创 2023-06-27 13:54:22 · 401 阅读 · 0 评论 -
Nuxtjs3踩坑记录Cannot start nuxt: The “name“ argument must be specified
Cannot start nuxt: The "name" argument must be specified原创 2023-03-16 09:55:15 · 542 阅读 · 0 评论 -
删除数组指定元素
Array.prototype.indexOf = function (val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function (val) { var index = this.indexOf(val); if (index > -1) ..原创 2021-11-16 15:17:27 · 614 阅读 · 0 评论 -
判断点是否在多边形内
function isPointInPolygon (point, polygon) { var pts = polygon;//获取多边形点//下述代码来源:http://paulbourke.net/geometry/insidepoly/,进行了部分修改//基本思想是利用射线法,计算射线与多边形各边的交点,如果是偶数,则点在多边形外,否则//在多边形内。还会考虑一些特殊情况,如点在多边形顶点上,点在多边形边上等特殊情况。var N = pts.length;var b原创 2021-11-02 15:46:51 · 425 阅读 · 0 评论 -
echarts如何显示一个省的部分市
echarts如何显示一个省的部分市例:我想显示内蒙古地区的部分市、盟,只显示蒙东地区。文章目录echarts如何显示一个省的部分市1.到[地图选择器](http://datav.aliyun.com/tools/atlas/index.html)下载内蒙古自治区的地图json2.打开这个json文件删除不需要地区信息3.在main.js(*或者其他地方但是一定要引入*)中注册地图信息。4.在页面上使用5.效果展示1.到地图选择器下载内蒙古自治区的地图json2.打开这个json文件删除不需要地区原创 2021-10-18 11:04:04 · 1288 阅读 · 1 评论 -
base64编解码
base64编解码var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function(e) { var t = ""; var n, r, i, s, o, u, a; var f = 0; e = Base64._utf8_encode(e); while (f < e.length) { n = e.charCode原创 2021-09-15 16:42:54 · 308 阅读 · 0 评论 -
响应式组件
Vue received a Component which was made a reactive objectvue接收到了一个响应式的对象组件解决思路:避免组件成为一个响应式的对象组件原来的代码:<script>import mychild from '../slot/child.vue'export default { components:{mychild}, data() { return { //在data重声明插槽,会被动态绑定 &l原创 2021-09-15 16:40:23 · 403 阅读 · 0 评论 -
echarts v5去除内置的geoJSON
echarts v5去除内置的geoJSONecharts 高版本中去除了内置的map.json原创 2021-09-15 16:36:48 · 280 阅读 · 0 评论 -
vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification
vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification解决办法1:加大限制的大小将500kb改成1000kb或者更大chunkSizeWarningLimit:1500,build.chunkSizeWarningLimit类型: number默认: 500块大小警告的限制(以 kbs 为单位)。解决办法2:分解块,将大块分解成更小的块rollupOptions: { o.原创 2021-07-22 10:57:53 · 19768 阅读 · 6 评论 -
前端动画的几种实现方式
前端动画的几种实现方式vue自带过渡动画Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡vue+animate.css简单动画+过度动画实现方式:安装或者下载animatenpmnpm install animate.css --saveyarnyarn add animate.cssCDN<head> <link rel="stylesheet" href="https://cdn原创 2021-07-06 14:48:52 · 375 阅读 · 2 评论 -
VUE.js 部署Element-UI图标不显示问题。
VUE.js 部署Element-UI图标不显示问题。问题描述:vue项目打包后,element-ui自带的图标不显示如下图解决办法:1.进入build/utils.js2.在此处添加 “publicPath: '…/…/” publicPath: '../../'原创 2021-05-17 09:12:46 · 602 阅读 · 2 评论 -
Catch all routes (“*“) must now be defined using a param with a custom regexp
vue3报错 Catch all routes ("*") must now be defined using a param with a custom regexpvue3对404配置进行了修改,必须要使用正则匹配原因:Vue Router不再使用path-to-regexp,而是实现了自己的解析系统,该系统允许路由排名并启用动态路由。由于我们通常会在每个项目中添加一条单独的包罗万象的路线,因此支持的特殊语法没有太大的好处。参数的编码是跨路线编码,无一例外使事情更容易预测。...原创 2021-05-13 11:13:42 · 10509 阅读 · 3 评论 -
vue插件注册和使用
vue插件注册新建文件 directive.js//获取节点let findEle = (parent, type) => { return parent.tagName.toLowerCase() === type ? parent : parent.querySelector(type)}//触发器const trigger = (el, type) => { const e = document.createEvent('HTMLEvents') e.initEv原创 2021-05-06 09:02:29 · 369 阅读 · 3 评论 -
blob流导出类型
blob流导出const blob = new Blob([content], { type: 'application/octet-stream' })文件后缀MIME Type.docapplication/msword.docxapplication/vnd.openxmlformats-officedocument.wordprocessingml.document.xlsapplication/vnd.ms-excel.xlsxapplication/vnd.open原创 2021-04-30 15:00:58 · 601 阅读 · 2 评论 -
VUE预览后端传来的二进制图片
VUE预览后端传来的二进制图片1.新建一个对话框,用来显示图片<el-dialog title="" :visible.sync="imgdialog" width="70%"> <img :src="src" alt=""/></el-dialog>2.下载方法,可以将request替换成axiosdownload(row) { this.$request({ url: baseUrl + '/file/download',原创 2021-02-04 19:51:39 · 2994 阅读 · 3 评论 -
vue二进制图片文件流下载
vue二进制图片/文件流下载问题:后台返回二进制文件,直接控制台打印时乱码的。解决方式:download(params) { this.$request({ url: baseUrl + '/fbsfd_nw_transaction/base/download', method: 'post', data:params , responseType: 'arraybuffer' }).then(res =>原创 2021-02-04 19:38:57 · 1082 阅读 · 3 评论 -
Vue环境变量和模式
Vue环境变量和模式环境变量的作用:开发和测试时调用后台接口的地址是和生产环境中不一样的,有些时候需要跳转到其他网页,也需要测试和生产环境跳转不同的页面。这些配置如果都用人工来维护,上测试环境注释掉生产的代码,上生产环境注释掉测试的代码,会很麻烦也很容易出错。这些配置如果都用人工来维护,上测试环境注释掉生产的代码,上生产环境注释掉测试的代码,会很麻烦也很容易出错。所以有必要在一个入口进行控制,这就要用到vue框架中的环境变量和模式。参考官方: https://cli.vuejs.org/zh/gu原创 2021-01-28 19:01:34 · 474 阅读 · 2 评论 -
vue-amap高德地图demo
vue-amap高德地图demo---------vue-amap是一套基于Vue 2.0和高德地图的地图组件。---------官方文档:https://elemefe.github.io/vue-amap1. vue-amap安装 npm安装 npm install vue-amap --save2. vue-amap引入在main.js中引入。建议单独写一个vue-amap.js,再将vue-amap.js引入main.jsimport VueAMap from 'vue-原创 2020-11-04 11:13:09 · 1182 阅读 · 0 评论 -
vuex状态管理初学demo,一看就会
vuex状态管理初学,一看就会1. vuex安装: npm install vuex --save2. 新建store.jsstore.js中代码如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ //state理解为管理状态的容器,变量在这里面声明,像vue页面的data() state: { count:0 },methods原创 2020-10-27 20:38:17 · 174 阅读 · 0 评论 -
vue中echart数据动态切换,一看就懂
vue中echart数据动态切换话不多说上效果图如果觉得是你想要的效果就继续往下看吧。话不多说直接上源码:<template> <div> <!--这里的作用是造几个用来点击的按钮来触发数据刷新 --> <div id="list" style="width: 20px;height: 200px;"> <ul v-for="item in 3" :key="item" @click="changedata(item)"&g原创 2020-09-08 11:24:32 · 2757 阅读 · 3 评论 -
vue页面滚动到指定位置
vue页面滚动到指定位置一看就懂话不多说,直接上代码HTML部分 <div> <button @click="jump()">跳转</button> </div> <div id="map" style="width: 500px;height: 500px;"> this is map div </div> <div id="box" style="width: 500原创 2020-09-08 10:43:36 · 4074 阅读 · 6 评论 -
在vue中添加echarts
在vue中添加echarts首先安装echarts到你的vue项目 npm install echarts -s在main.js中引用echartimport echarts from 'echarts';Vue.use(echarts);新建一个vue文件,并创建一个dom<template>//创建一个dom <div id="main" style="width:100%;height:500px;"></div></t原创 2020-08-12 21:10:58 · 1346 阅读 · 0 评论 -
Less和Sass的区别
Less和Sass的区别Less和Sass都属于CSS预处理器,那什么是 CSS 预处理器呢?CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。一、Less和Sass分别是什么:Less(Leaner Style Sheets) :是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可原创 2020-07-27 12:17:24 · 315 阅读 · 0 评论