星星上的程序媛-CSDN博客

原创 vue+element实现多级表头加树结构

【代码】vue+element实现多级表头加树结构。

2023-11-18 09:47:50 817

场景一：开发者工具可上传，手机端不可以问题定位：开发者工具返回http://，手机端返回wxfile://解决方式：由后端写上传图片的接口场景二：调试模式可以上传，非调试模式不可以问题定位：接口进不去解决方式：设置uploadfile和download合法域名设置地址在：【开发】- 【开发设置】 - 【服务器域名】uploadFile和downloadFile合法域名可以和request合法域名一样uploadFile和downloadFile合法域名都要设置，很重要！！...

2021-10-21 14:51:41 3593

原创 echarts地图

这里写目录标题需求数据格式渲染地图函数地图展示三种类型的数据鼠标悬浮在某个定位点，显示相关详情数据；放大缩小限制整合一下，就是这样的效果如图根据搜索的数据，显示当前的定位点及其相关数据；点击下拉框的li，重新渲染地图搜索图标的点击事件需求1.地图展示三种类型的数据；2.鼠标悬浮在某个定位点，显示相关详情数据；3.根据搜索的数据，显示当前的定位点及其相关数据；4.放大缩小限制数据格式var qn=[ { "name": "党校", "value": [

2021-08-11 18:06:18 2006

原创 echarts相关设置整理

1.图例展示两列legend可以写成数组，里面有两个对象，data: legendData.slice(0, 4)分割 legend: [{ type: "scroll", //可滚动 orient: 'vertical', icon: 'rect', left: '0%', align: 'left', top: '65%',

2021-01-15 09:20:16 2392

原创 JS中怎样获取当前日期的前一个月和后一个月的日期字符串

var lastMonthToday = new Date( new Date().getTime() - 30 * 24 * 60 * 60 * 1000 ); var lastMonthYear = lastMonthToday.getFullYear(); var lastMonth = lastMonthToday.getMonth() + 1; var lastMonthDay = lastMonthToday.get

2021-01-07 14:54:27 1549 2

原创 echarts双grid时添加多yAxis时报错：xAxis and yAxis must use the same grid

双grid，双yAxis时报错： Uncaught Error: xAxis and yAxis must use the same grid如下有两个grid"grid": [ { x: '7%', y: '7%', width: "35%", height: '70%', left: '10%',

2020-11-25 18:55:23 4131 2

原创 echarts多个地区合并并实现标注

echarts多个地区合并并实现标注地图合并根据坐标定位标注更换成自己的图片先备注几个地址获取json：http://datav.aliyun.com/tools/atlas/#&lat=31.840232667909365&lng=104.2822265625&zoom=4压缩jsonhttps://mapshaper.org/地图合并参考：echarts合并地图，把中国各个省份分成华北,东北,华东,华中,华南,西南,西北七个大区需要特别注意的是，json文件需

2020-09-29 14:32:49 2033 1

原创 react核心概念--组件

组件命名规则组件类型函数组件类组件组件的属性组件状态状态初始化状态的变化组件中的数据组件事件常规使用注意this指向问题处理方式命名规则组件名首字母必须大写如果首字母小写的话，会被当成一个html标签其解析，而不是一个组件function MyFuncComp1() { return <h1>组件内容1</h1>}const comp = <MyFuncComp1 />;console.log(comp)function myFuncComp2() {

2020-07-14 18:24:22 235

原创 react核心概念--JSX

react核心JSX什么是JSXJSX什么是JSXFacebook起草的JS扩展语法本质是一个JS对象，会被babel编译，最终会被转换为React.createElement每个JSX表达式，有且仅有一个根节点 React.Fragmentconst h1 = (<h1>Hello World <span>一个span元素</span></h1>)会被编译成const h1 = React.createElement("h1", {

2020-07-13 16:11:24 227

原创 react学习--起步

react基础学习helloworld引入库创建react容器开始写reactJS的扩展语法，需要使用babel进行转义。脚手架开发环境搭建VSCode配置VSCode插件安装Chrome插件安装helloworld引入库   <script crossorigin src="https://unpkg.com/react@16/umd/

2020-07-10 17:26:42 178

原创记录项目中启动后访问的页面

在项目启动的完成后,我们访问的路径是http://192.168.0.106:80/，根据路由的配置，也就是应该跳到首页路由是这么配置的在根路径下的permission.js文件里（这个文件在main.js中被引入了），又做了处理，定义了白名单，并且做了判断，是否有token有token，在判断是否跳到login，是就到首页，不是就做其他处理没有token，在白名单里就跳白名单里的页面，没有就到login访问页面时，他会先进入index.html(public文件里的)------>Ap

2020-06-28 17:28:04 360

原创 element 时分秒的展示和设置

下拉显示的html其实都是一样的，不一样在于这种的不需要加标签<el-table-column type="expand"> <template slot-scope="props"> <el-button type="primary" size="small" @click="showAddForm(props,'add')">添加</el-button> <el-form

2020-06-03 17:44:09 1387

原创 table表格根据id查询数据下拉展示明细，两种方式

<el-table-column width="40"> <template slot-scope="scope"> <el-button type="text" @click="hangClick(scope.row)"> <i class="el-icon-arrow-right"></i> </el-button> ...

2020-05-28 15:28:12 1216

原创 element在表格中使用switch开关，单独控制

<el-table-column v-if="columns.visible('ix02')" :show-overflow-tooltip="true" prop="ix02" label="是否推送" > <template slot-scope="scope"> <el-switch v-...

2020-05-28 14:23:52 3355

原创 element之popover弹出框

项目中遇到这种问题，一个页面有多种popover,如图，我想要一个背景是蓝色的popover弹出框和背景是白色的弹出框当你改变其中一个popover时，其他的都别改变了，这是因为你改的popover的样式是全局的，且它是独立于app之外的，也就是说你只能这么写.el-popover { display: inline-block; background: #1F4F6B; max-width: 990px; border : none; border-radius: 0;

2020-05-19 17:16:22 3870

原创面试之性能优化

这里写目录标题页面级的优化（http优化）代码级的优化页面级的优化（http优化）减少http的请求css sprites（雪碧图）CSS Sprites其实就是把网页中一些背景图片整合拼合成一张图片中，再利用DIV CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，backgroun...

2020-04-27 15:23:11 126

原创 ES6--箭头函数

这里写目录标题箭头函数的写法箭头函数与普通函数的区别箭头函数的写法箭头函数是一个函数表达式function(){}，理论上，任何使用函数表达式的场景都可以使用箭头函数(参数1, 参数2, ...)=>{ //函数体}如果参数只有一个，可以省略//参数 => {}const print = num => { console.log("给我的数字是："...

2020-04-23 16:53:20 96

原创面试之js闭包

function father() { var age = 10; function son() { age++; console.log(age); //11 } son(); } father();这就是最简单的闭包：子函数访问父函数的变量age,这就形成了闭包环境闭包的表面现象（...

2020-04-16 11:16:05 147

原创 2020面试所遇问题整理

面试js理论题代码题cssvuees6js理论题1. 说一说typeof 和instanceof 的区别typeof用于检测数据类型，返回6种值：number,string,boolean,undefined,object,function数组和null类型都返回object;NaN返回numberinstanceof用于判断某个变量是否是某个对象的实例，返回值为true或false;...

2020-04-08 21:18:08 187

原创 flutter常遇问题

一、使用adb 的usb真机调试，安装错误：Error: ADB exited with exit code 1 Performing Streamed InstallFailure [INSTALL_FAILED_ABORTED: User rejected permissions]解决方案：1.手机开启开发者模式2.从开发者模式的设置中，关闭，安装需要用户确认的选项：...

2019-12-14 15:14:59 2004

原创网易七鱼 web快速接入

开发指南：https://qiyukf.com/docs/guide/web/注册https://qiyukf.com/register/signup?tag=register机器人设置【应用】-----> 【机器人】对话设置【应用】-----> 【在线系统】demodemo相关页面一定要放到测试服务器（http://xxxx.com/），本地打不开会话，我也不...

2019-12-07 16:28:00 2376 4

原创手机端长按图片下载

手机端长按图片下载html长按事件下载js效果图html<div id="target"> <img src="./timg.jfif" id="img1" class="img1"></img></div>$(function () { // 函数名longpress，参数为: 需长按元素的id、长按之后的逻辑...

2019-12-04 12:59:31 3843

原创 flutter商城之图片获取

The following SocketException was thrown resolving an image codec:OS Error: Connection refused, errno = 111, address = 127.0.0.1, port = 43890问题描述：数据都获取到了，但是在模拟器上不展示图片，但是访问图片地址能看到图片。如图：问题原因：12...

2019-11-25 17:22:47 277

原创 ES6之var/let/const

javascript发展史1995年发明js (只能显示文字，负责表单验证)，之前是叫LiveScript 蹭热度改成JavaScript1996年发布JavaScript1.0和1.1版本1997年三足鼎立（JavaScript（网景）、JScript（微软 IE3）、scripteEase（nombas）） ECMA 以JavaScript1.1...

2019-11-15 18:57:07 118

原创 tomcat下js在浏览器中乱码

在tomcat的bin目录下的catalina.bat加如下一条语句set JAVA_OPTS=-Xms512m -Xmx1024m -XX:MaxPermSize=1024m -Dfile.encoding=UTF-8

2019-10-17 19:33:49 1273 1

原创 html5使用mescroll

我将创建mescroll写成了公共函数，因为我别的页面也要用其他配置可以看官网//第一个参数"mescroll"对应上面布局结构div的idfunction getMescroll(mescroll,callBack){ return new MeScroll(mescroll, { //如果下拉刷新是重置列表数据,那么down完全可以不用配置 do...

2019-09-06 13:32:14 1236

原创那些年前端工作遇到的问题（待整理）

开发vue遇见的问题1. 设置localhost和IP都可以访问2. Vue项目中使用svg图标1. 设置localhost和IP都可以访问在package.json文件里做如下修改："dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"2. Vu...

2019-08-06 18:14:25 259

原创 axios同步请求--

一般使用axios进行数据请求就是要使用异步请求，因为项目需求，需要同步请求，所以async+await了解一下:async用于声明一个函数是异步的，await用于声明在一个异步函数中等待语句执行完毕。也就是说await只能在async函数中使用基本用法就是这样的：methods: { async funA(){ var res = await axios.post...

2019-08-05 14:12:21 44624 1

原创 vue+element下拉框实现二级联动

参考文章：https://blog.csdn.net/qq_42341025/article/details/86601093<el-form-item label-width="80px" label="商品信息:" prop="numIids"> <el-select v-model="goodsCircle.favoritesId" ...

2019-07-09 17:34:49 44683 5

原创 vue实现联动选择

因为项目需求，作者和作者头像都是由后台接口传给前端的，所以我就选择用select来实现主要想法就是当选择作者后，自动显示头像，(效果如下：)下面就分享下代码（element）：页面用的就是form表单<el-form ref="goodsCircle" :model="goodsCircle" class="form-container"> &lt...

2019-07-09 15:51:39 2230

原创 vue项目使用axios上传文件

axios上传文件axios 封装按需求写相应的js在需要的页面里使用axios 封装按需求写相应的js我这个是财务那块的，为了方便看，我把其他的函数删除了/** * finance模块接口列表 */import axios from "./http"; // 导入http中创建的axios实例import qs from "qs"; // 根据需求是否导入qs模块import...

2019-06-11 11:53:51 829

原创 h5 FAQ页面

FAQ页面htmljshtml<!DOCTYPE html><html> <div class="questions row"> <ul class="col-md-6 col-md-offset-3 question-list"> <li class="que...

2019-06-11 11:39:15 588

原创 react native安装和配置

下载安装Node 、Python2 和Java SE Development Kit (JDK)注意 Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）。这些官网上都有，安装过程可百度，记得要配置，我主要栽在了Android studio，所以就详细说这个了第一步肯定是下载安装啦，都两个链...

2018-11-27 18:01:50 170

原创点击按钮点击复制功能

<p>邀请码</p><p class="inviteCode" id = "inviteCode">{{invite_code}}</p><p class="copy" @click="copy">复制</p>copy() { var Url2

2018-11-20 18:17:03 17099

原创 vue项目中的websocket，心跳包

我没有使用socket.js这类封装好的websocket包，使用的是原生的新建js文件，封装websocketvar global_callback = null;var websock = null;function initWebSocket() { //初始化weosocket //ws地址 var wsuri = &amp;quot;ws地址&amp;quot;; websock = new...

2018-11-19 15:07:50 14858 8

原创 `npm install --save-dev`和`npm install --save`的区别

npm install --save-dev和npm install --save的区别npm install mockjs --save-dev我们可以在【package.json】文件里看一下npm install axios --save没有-dev是放在dependencies里的，表示任何时候都要用到有-dev是放在devDependencies里的，表示只在开发环境时用到...

2018-10-19 17:15:54 328

原创前端判断安卓/ios/pc设备

首先是判断安卓/ios/pc，根据不同的设备展示不同的按钮<template> <div class="download"> <div class="download-body"> <div v-if="type===2"> <a type=&quo

2018-10-17 14:37:57 931

原创 vue中使用qrcode动态生成二维码，并解决点击按钮多次生成二维码的问题

vue中使用qrcode动态生成二维码，并解决点击按钮多次生成二维码的问题将qrcode.js引入你的页面中在methods里添加函数网上有很多教程，用npm安装，但我没有成功，所以我用的是引入js文件将qrcode.js引入你的页面中我把js文件和页面放在一个文件夹里的在downLoad.vue里引入jsimport &quot;./qrcode&quot;;需要注意的是，可能因为vue配置的不同，引入...

2018-10-17 14:34:53 16949 3

空空如也

空空如也