lyx9611的博客

引入与使用// #ifndef VUE3import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({// #endif// #ifdef VUE3import { createStore } from 'vuex'const store = createStore({// #endif定义vuex的state、mutations、getters、actions：A

2022-04-02 14:57:35 321 1

原创 2022-3-25 Vue移动端接口请求学习历程

学习目标：寻找移动端的接口请求的解决方案满足开发需求打包压缩后减少体积，且和平常的使用差别不能太大【习惯问题】学习内容：先确认架构和思路寻找解决方案分类实践解决方案的可行性学习产出： uview在luch-request的基础上改造的ni.$u.http luch-request uni-ajax1、uview在luch-request的基础上改造的ni.$u.http官网关于http请求的介绍2、 luch-request的使用可以参考luch-request

2022-03-26 12:08:44 1253

原创【2022-2-12】uniapp和地图的key申请与参考学习文档

应用打包时使用证书的指纹字符串（SHA1）HBuilderX云端打包选择“使用自有证书”或本地离线打包时，填写应用使用证书的SHA1，查看证书的信息获取指纹中SHA1值，参考：https://ask.dcloud.net.cn/article/35777#keyinfoAndroid平台签名证书(.keystore)生成指南keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.

2022-02-14 18:24:58 2402

原创【2022-2-12】前端下载文件的几种方式

链接是服务器地址可能会跨域方法1：不会涉及跨域const link = document.createElement('a'); console.log(location.origin+src) link.href = "http://www.xxx.com:8000/frame/download.do?id=38e07c7b-5743-4d1e-a5af-f486a7df401e"; link.setAttribute('download',

2022-02-12 18:31:53 218

原创 vuecli+elementUI修改主题色element-variables.scss

安装element-uinpm i element-ui全局安装主题【如果下面的et执行出错，就使用cnpm安装】npm i element-theme -g.安装白垩主题【我是在node目录的global安装成功的，不知道为啥没有全局的et命令】npm i element-theme-chalk -D编译主题【自动生成element-variables.scss】et -i再把生成的scss文件复制到工程项目的src目录下，然后需要替换element-ui的默认主题文件：即imp

2022-01-26 11:30:53 2005

原创 2021-1-22 vue 拖拽box，并交换位置【js原生】，组件、指令

原生拖拽<div class="dock flex-row" ref="dock" :class="{collapse: isCollapse}"> <ul class="dock-icons flex-row ali-center" ref="icons"> <li class="dock-icon flex-col" v-for="(item, i) in dock" :key="i" draggable="true" @dra

2022-01-22 14:25:39 510

原创 2022-1-22 animate css开始动画和暂停动画

@keyframes upDownAni { 0%{ opacity: 0.5; transform: translateY(-5px); } 50%{ opacity: 1; transform: translateY(5px); } 100%{ opacity: 0.5; transform: translateY(-5px); } } .img { width: 200p

2022-01-22 10:10:17 324

原创 elementUI的组件嵌套使用（scope）

<el-tree class="tree" :data="treeData" @node-click="handleNodeClick" @node-contextmenu="nodeRigthClick" ref="tree" > <span class="custom-tree-node"...

2022-01-13 23:25:21 829

原创 vue替代组件：type=“text/x-template“ id=“tree-component-template“

html部分<tree-component v-for="item in treeData" v-bind:list="item"></tree-component><script type="text/x-template" id="tree-component-template"> <div> {{list}} </div></script><script type="text/javascript"&

2022-01-13 22:54:17 287

原创 2021-12-29 国家电网与碳核查

电网北极星电力新闻网2021国家电网数据中心ppt1～11月份国家电网经营区全社会用电量58725亿千瓦时装备制造业用电量维持较快增长11月份全社会用电量5316亿千瓦时同比增长4.3%第一产业用电量同比增长13.8%第二产业用电量同比增长2.3%第三产业用电量同比增长8.6%居民生活用电量同比增长10.2%1~11月份全社会用电量58725亿千瓦时同比增长11.6%近两年平均增长6.6%碳排放、碳盘查、双碳碳排放交易—碳核查2021年，生态环境部：全国碳市场碳

2021-12-29 22:33:37 3185

原创 2021-11-10 uni-app拨打电话

uni-app拨打电话//方式1let isConfirm = true; //是否弹出确认拨打输入框plus.device.dial("10086", isConfirm);//方式2uni.makePhoneCall({ phoneNumber: '10086' //仅为示例});//特别的是在andriod直接拨打电话，可参考以下call('10086');//function call(telphone) { // 导入Activity、Intent类 var Inte

2021-12-28 22:53:01 1543

原创 2021-12-28 js前端分页

/** * @name getTableData * @desc 纯JS前端分页方法 * @param {Number} page 当前页码，默认1 * @param {Number} pageSize 每页最多显示条数，默认10 * @param {Array} totalData 总的数据集，默认为空数组 * @return {Object} { data, //当前页展示数据，数组 page, //当前页码 pageSize, //每页最多显示条数

2021-12-28 19:38:53 134

原创【2021-12-7】uniapp项目：app直接打开页面scheme用法，实现打开手机上的应用

学习目标：uniapp项目：app直接打开页面scheme用法，实现打开手机上的应用学习内容：注意我的相关学习是uniapp项目，如果是5+app需要参考下面提供的链接去设置。1、在某一个应用test1中设置如下：设置如下之后就可以进行自定义打包或云端打包了。打包后运行选择基座为自定义基座，再做真机运行，确保已安装成功了。必须要先安装应用了，否则点击无效哦。2、在另外一个应用test2中使用：<a href="testmap://aaa">testmap</a>学

2021-12-07 19:32:41 3417 1

原创 2021-12-2 uniapp地图定位的研究

文章重点是我研究的历程与成果，另外一些遇到的小问题分析。学习目标：这次的研究只针对两个需求：一个是将中文的地址在地图上标记出来，另外一个是唤起第三方的地图做路线规划以及导航，在这个基础上，我们都知道在导航的时候会有起点、终点和途径点，起点如果没有设置，就会默认是使用者的当前位置吧。学习内容：在此次学习中，我使用了三种方式来做的。直接使用了微信小程序的sdkrendjs直接渲染地图uni-app的map组件实现地图的显示和定位，导航的时候直接唤起第三方地图【不知道的话，我一般会说成是手机上已经

2021-12-02 15:28:00 1636 1

原创 2021-11-09 sass

sass快速入门sass快速入门官网使用变量;声明变量$highlight-color: #F90;这意味着变量KaTeX parse error: Expected 'EOF', got '#' at position 21: …ight-color现在的值是#̲F90。任何可以用作css属性…basic-border: 1px solid black;，或以逗号分割的多个属性值，如$plain-font: “Myriad Pro”、Myriad、“Helvetica Neue”、Helve

2021-11-11 10:25:19 211

原创 2021-11-04 vuecli2报错

TypeError: this.getOptions is not a function原因： sass-loader安装的版本过高解决方案：1.npm uninstall sass-loader2.npm install [email protected]: Invalid options object. Sass Loader has been initialized using an options object that does not match the

2021-11-09 11:52:25 130

原创 2021-11-03 vuecli2 的 package.json文件配置说明

package.json文件配置说明前端配置package.json babel eslint

2021-11-09 11:51:25 450

原创 2021-11-04 axios的二次封装【可以实践】

安装npm i axios说明一下：这里为啥没有写--save-dev或--save，看到这两个顾名思义，有dev的是开发阶段需要的依赖，然而该命令会默认的直接下载成必须的依赖，也就是--save，下载后，会在package.json的dependencies对象下，我下载的版本是^0.24.0，暂时先不用管这个版本号了，我只是想记录下我在现在用的是哪个版本了封装如下[亲测有效]utils/http.js//utils/http.jsimport axios from 'axios' //

2021-11-04 18:07:13 115

原创 2021-10-29 vuecli2 打包研究学习，vue.config.js配置说明

chainWebpack与configureWebpack的区别？1、先说第一个问题，chainWebpack 和 configureWebpack 的区别。 chainWebpack 的底层是 webpack-chain，命令式 Webpack 配置的事实标准，提供了一套灵活的上层 API 进行 Webpack 配置而无需过分关注 Webpack Config 的规范细节。configureWebpack 的底层是 webpack-merge，能让你通过编写一个配置子集快速合并到最终的完整配置中。那

2021-11-03 17:42:48 1863

原创 2021-09-30 node上传文件的问题以及如何选择适合自己的插件

今天在做项目的时候，在node文件上传时，要选择什么插件？了解到有这几种插件供选择：formidable、multer（建立在busboy上，2515颗星）、connect-multiparty（有一个提示不要使用它的注释）、node-stridable（3376），busboy（814），node-multiparty（557）、在参考连接1，作者推荐使用：node-formidable，busboy或multer在链接2中列举了几个文件上传的比较与使用建议我这次使用的是multer，参考

2021-10-14 16:32:00 246

原创 2021-09-10 文件上传时，文件的格式的区别，如application/x-www-form-urlencoded

文件类型、格式application/x-www-form-urlencoded：只能用来上传值，&…multipart/form-data：分割成多个部分，也许上传多个文件text/plain：纯文本

2021-09-14 18:25:46 367

原创 2021-09-14 mysql数据字典

数据字典

2021-09-14 18:24:27 220

原创 2021-09-14 SQL、node中使用mysql、连接数据库

18Node本身默认不支持mysql靠npm的第三方npm i mysql客户端：node的mysql模块服务端1、连接2、发送请求【查询】SQL结构化查询语句SQL职业：DBA4大查询语句—增删改查标准写法：1、关键字大写2、库、表、字段需要加上``增INSERTINSERT INTO 表（字段列表） VALUES(值列表）INSERT INTO tb_user (username,password) VALUES(‘xx’,‘123456’)删 delete改up

2021-09-14 15:36:05 102

原创 2021-09-14数据库mysql

17数据：放到数据库数据库关系型数据库mysql、Oracle、sqlServer、Access、db2、fox pro常用mysql、Oracle；mysql、Oracle的区别mySql优点：免费、中小型网站、性能好缺点：集群、容灾稍微弱一些Oracle缺点：挺贵行业：银行、金融适用于大型应用；优点：性能好、集群、容灾非常强文件型数据库sqlite、mongodbserver端数据存在服务端默认端口3306server端安装mysql官网—downloads–

2021-09-14 15:35:56 36

原创 2021-09-11 nodejs之 router

router路由--------子服务把不同的目录，对应到不同的模块如xxxx/xxxxdd/xddd 实际上用的时候是model1可以有子路由router相当于迷你版的server可以router.get()，router.post()，router.user()router.jsconst express= require('express');var server = express();server.listen(8989);//目录1：/uservar rout

2021-09-11 12:16:09 319

原创 2021-09-11 consolidate 模板引擎整合库，Node.js 中 __dirname 和 ./ 的区别

consolidate 模板引擎整合库【适配】npm install consolidateconst express= require('express');const expressStatic = require('express-static');const cookieParser = require('cookie-parser');const cookieSession = require('cookie-session');const multer = require('mul

2021-09-11 12:00:38 138

原创 2021-09-10 node文件上传multer

node文件上传body-parser 解析post数据 application/x-www-form-urlencodedmulter 解析post文件 multipart/form-data整合1const express= require('express');const expressStatic = require('express-static');const cookieParser = require('cookie-parser');const cookieSession

2021-09-10 21:57:21 114

原创 2021-09-10 模板引擎：jade、ejs

模板引擎12、13jade,14ejs模板引擎：渲染页面的jadeejs 老师推荐的jade：—破坏式、侵入式、强依赖jade:1、根据缩进，规定层级2、书写属性 link(href="a.css",rel="stylesheet")<a href="http://Xxxx">官网</a>html head style script(src="a.js

2021-09-10 19:50:45 148

map.js：开发百度地图经

开发百度地图、标注、打开或关闭信息窗口、缩放、单击缩放、双击缩放、绘制地图

2019-10-24

vue在IE11版本上的问题

解决vue在IE11版本报错情况，vuex requires a Promise polyfill in this browser.需要下载babel-polyfill，在main.js中 import 'babel-polyfill'，修改webpack.config.js中的入口文件。ie11打不开vue项目，报错 “对象不支持“addEventListener”属性或方法”。

2019-04-21

在vue中使用axios作交互时，为什么会调用两次接口

原来在 CORS-跨域资源共享中，可以使用 OPTIONS 方法发起一个预检请求，以检测实际请求是否可以被服务器所接受。预检请求报文中的 Access-Control-Request-Method 首部字段告知服务器实际请求所使用的 HTTP 方法；Access-Control-Request-Headers 首部字段告知服务器实际请求所携带的自定义首部字段。服务器基于从预检请求获得的信息来判断，是否接受接下来的实际请求。览器先询问服务器，当前网页的域名是否在服务器的许可名单之中，及可以使用哪些HTTP动词和头信息字段。只有得到肯定答复，浏览器才会发出正式的XMLHttpRequest请求，否则就报错。当你的Content-Type设置为“application/json;charset=utf-8”并自定义请求头可能就会导致这种情况。但并不会产生什么影响。

2019-04-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人