- 博客(88)
- 收藏
- 关注
RSS订阅原创 js后面对象的值替换前面对象的值
var a = { a:0, b:1 } var b = { a:2, b:3, c:4, d:5 } var c = mergeObject (a,b) // 结果 c = { a:2, b:3 } export function mergeObject(data, result) { let keys = Object.keys(data); for (let key in resul...
2024-03-11 10:28:35
107
原创 vue全局配置less
安装less：npm i less-loader less --save-dev安装依赖：npm i style-resources-loader --save-dev安装依赖：npm i vue-cli-plugin-style-resources-loader --save-devvue.config.js添加const path = require('path')// less全局function resolve (dir) { return path.join(__dirname,
2021-12-20 14:17:24
584
2
原创 ts类中的成员修饰符public、private、protected
// public 定义类的变量默认就是公共的，继承的子类可以通过this来访问// private 定义类的私有属性，只能在内部访问class Person { private name: string = "" getName() { return this.name } setName(newName) { this.name = newName }}const p = new Person()console.
2021-12-12 18:50:40
3552
原创 ts中naver的应用场景
typescript中函数返回值naver的应用场景// 例如：某大神封装了一个函数，且函数值只能传 string | number 类型function handkeMessage(message: string | number) { switch (typeof message) { case 'string': console.log("传入string时处理message的方法") break case '
2021-12-12 16:35:44
425
1
原创 ts中类的定义继承和使用
// 注意ts类型定义的写法// 定义父类class Person { name: string age: number constructor(name: string, age: number) { this.name = name this.age = age } eating() { console.log("eating") }}// 子类继承父类class Student extend
2021-12-12 16:34:50
1168
原创 vue层级传参、爷孙传参、孙爷传参、跨层传参
爷----父----子 传参爷传子【传参】// grandpa.vue爷爷级<template> <parent msg="msg from grandpa" number="112"></parent></template>// parent.vue父亲级<template> //直接转发给子，不做处理 <child v-bind="$attrs"></child></templ
2021-08-29 12:03:12
954
转载 [electron]fs.existsSync is not a function引入ipcRenderer模块时报的错
原因：因为原生的最大化最小化按钮太丑了，只好自己写在页面上，所以涉及到了ipcRenderer通信问题，引发了fs.existsSync is not a function报错，看到发的杂七杂八的，这样那样，什么vue-electron,鬼扯，我下了个vue-electron发现竟然用const stack=*** 下面又用const stack=*** 什么人啊这是，发到npm上让我们找坑？等坑找完了，发现打包后也就是一个index.html和main.js文件，有何用，我vuecli也能打包
2021-05-04 10:15:07
2750
5
原创 node创建用户注册接口(从零到一搭建用户注册接口)
记录node所学，项目实战环节一、数据库方面1.使用mysql创建本次数据表create database coderhub;2.创建用户数据表usersCREATE TABLE IF NOT EXISTS `users`( id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(20) NOT NULL UNIQUE, password VARCHAR(50) NOT NULL, createAt TIMESTAMP DEFAULT CURREN
2021-04-11 18:11:23
659
原创 根据用户设备进行页面分发，移动端 or PC端
根据用户设备进行页面分发，移动端 or PC端新建三个页面分别为index.htmlpc.htmlphone.html在index.html的script中写入以下代码作为判断是pc还是移动端进行页面的分发<!-- 用来判断用户的设备具体是什么，从而分发到对应得到页面中 --><script> // test()方法用于检测一个字符串中是否匹配某个模式 true false window.location.href=/Android|webOs|iPhone|
2021-02-19 13:11:27
229
原创 three、vue中使用three、three怎么加载obj模型和mtl文件、three自定义800*800大小怎么拾取/点击
以上都是这一个星期碰到的坑，找了很多很多资料，总结归纳一下，希望对你的项目有一点点帮助我并没有很全面的学习three，虽然有课程，但是项目进度并不允许，只能踩着石头过河，查找前辈们总结的经验，在这里归纳总结一下先上开发源码，记录这几天挣扎的崩溃的内心（跳过看下面）1.vue引入three 不用在main中做配置import * as THREE from "three";import { OBJLoader, MTLLoader } from "three-obj-mtl-loader";im
2020-12-23 23:55:30
1079
原创 Echarts 自定义绘制 使用 svg 小箭头
<div id="total-users-chart" :style="{ width: '100%', height: '100%' }" ></div> mounted() { const chartDom = document.getElementById("total-users-chart"); // 初始化echarts const chart = this.$echarts.init(ch...
2020-11-23 16:11:39
2300
原创 Echarts 小练习
<div id="total-orders-chart"></div> mounted() { const chartDom = document.getElementById("total-orders-chart"); // 初始化echarts const chart = this.$echarts.init(chartDom); chart.setOption({ xAxis: { type: "c...
2020-11-23 14:27:49
538
原创 Echarts多坐标系 多张图表
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Echarts 组件</title> <script src="https://cdn.jsdeliv..
2020-11-22 12:37:26
1127
原创 Echarts 双坐标系
两个 yAxis，共享了一个 xAxis。两个 series，也共享了这个 xAxis，但是分别使用不同的 yAxis，使用 yAxisIndex 来指定它自己使用的是哪个 yAxis：两个y轴坐标，因为数据不同，所以两边各展现一条横线，解决办法<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content=
2020-11-22 01:03:56
4451
3
原创 Echarts 定位 grid
/** * @param { 定位 } */ grid: { top: 100, left: '20%', right: '20%', bottom: 100 },
2020-11-22 00:37:52
1406
原创 Echarts 组件
有个大概了解，知道什么组件代表什么东西，然后查看官方文档，用到时做相应样式变动<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Echarts 组件</title>.
2020-11-22 00:26:16
767
原创 Echarts4使用 dataset 管理数据
官方文档Apache ECharts (incubating)TM 4 开始支持了 dataset 组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用，并且可以基于数据指定数据到视觉的映射。这在不少场景下能带来使用上的方便。ECharts 4 以前，数据只能声明在各个“系列（series）”中，例如：option = { xAxis: { type: 'category', data: ['Matcha Latte', 'Milk Tea', 'Ch
2020-11-21 23:43:20
502
原创 在一个Echarts中绘制多张图表（echarts多系列混合）
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>多系列混合图表</title> <script src="https://cdn.jsdelivr.ne.
2020-11-21 22:40:16
4544
原创 Echarts 切换canvas或者svg绘图
echarts默认使用canvas绘图，大屏显示会造成模糊效果，4.0可更改成svg绘图 const chartDom = document.getElementById('chart') // 这里替换主题 // dom元素 主题名称 绘图方式，默认为canvas const chart = echarts.init(chartDom, 'wonderland', { renderer: 'svg' })...
2020-11-21 22:07:43
2062
1
原创 node中使用sequelize操作mysql数据库
1.新建一个文件夹2.在终端运行 node init -y3.安装 npm install mysql2 sequelize -d4.创建src文件夹并在里面创建seq.js文件seq.js内容const Sequelize = require('sequelize');const conf = { host: "localhost", dialect: "mysql"}//线上环境搭建使用连接池的方法 // conf.pool={// max:5, //连接
2020-10-20 20:43:51
446
原创 MySql外键(各个表之间的关联) 1.创建外键 2.更新限制&删除级联 3.连表查询
– 外键(各个表之间的关联) 1.创建外键 2.更新限制&删除级联 3.连表查询1.找到需要关联的数据表单击右键选择alert table(修改表/设计表) 选中要需要关联的那一行，如userid– 连表查询– select * from blogs inner join users on users.id = blogs.userid; – 不一定有外键，但一般的都会有外键约束– 连表查询查询指定内容– select blogs.* , users.username,users.
2020-10-20 02:50:10
215
原创 MySql的子查询
一、子查询示例要求：找出物品TNT2的所有订单根据前一个步骤找出定点编号的所有客户根据前一个步骤返回所有的客户信息方式一找出物品TNT2的所有订单select order_num from orderitems where prod_id = ‘TNT2’返回 20005 20007根据前一个步骤找出订单编号的所有客户select cust_id from orders where order_num in (20005,20007);返回 10001 10004根据前一个步骤返
2020-08-26 00:36:41
67
原创 MySql的分组数据(创建分组，分组中带总计，过滤分组数据，分组数据排序，select语句执行顺序)
1.创建分组(group by)示例：查询一共有多少条数据，按照vend_id的不同来分组显示select vend_id,count( * ) from products group by vend_id;2.创建摘要(with rollup)示例:同上，上面不带总计，需要加上对应关键字select vend_id,count( * ) from products group by vend_id with rollup;3.过滤分组(having)类似where的功能，只是在分组中不能使用
2020-08-25 23:17:42
275
原创 MySql的数据汇总函数(平均值，数据数量，最大值，最小值，总和)
1.求平均值(avg())示例：求id是1003的所有用户的平均价格select avg( price ) from products where id = 1003;2.多少行的统计(count())示例：看看有多少用户select count( * ) from products;3.最大值的计算(max())示例：看看最贵的价格是多少select max( price ) from products;4.最小值的计算(min())示例：看看最低的价格是多少select min(
2020-08-25 22:53:03
2805
1
原创 MySql的数据处理函数（字符串大小写、截取、去空格、日期时间的处理、常用时间处理函数）
定义字符串全部大写（Upper）select name,Upper(name) as upper_name from vendors order by name;2.实现大写/小写/去空格Upper() 字母全部大写Lower() 字母全部小写LTrim() 去除左边空格RTrim() 去除右边空格**Subsrting()**查询出的字符串截取示例：如果第一个参数是负值，就从后面往前数几个在正着去截取select name,SUBSRTING( name,1,5 )as substri
2020-08-25 01:38:44
447
原创 MySql字段拼接，格式化字符串，字段别名，执行加减乘除数学计算
1.字段拼接（把查出来的两个表内容合并在一起）select CONCAT(name,money) from vendors;2.格式化字符串select CONCAT(name,’(’,money,’)’) from vendors;返回：张三(55),但是有空格这种方法也会带上空格很丑了去掉左右两边空格的写法LTRIM()去掉左边空格，RIRIM()去掉右边空格3.字段别名可以发现上面字段名称好奇怪，可以起一个别名来代替select CONCAT(name,’(’,LTRIM(RTR
2020-08-25 01:04:00
899
原创 mySql小白使用的查询语句
表名：数据库下的表表key：表名下的key值不管怎么叫，并不是专门弄数据库，我理解就行了数据简单查询：列出不重复的表key值select distinct 表key from 表名;查询前5条数据select 表key from 表名 limit 5;查询5条-10条的数据select 表key from 表名 limit 5,5;插入数据：插入一行完整的数据：insert into 表名 values (null,‘abc’,‘bcld’,null,‘1975’);插入一
2020-08-13 15:37:50
94
原创 element Ui 单张图片上传组件封装和调用示例 包含表单验证，提交，重置功能 状态包含图片上传成功、上传中请等待、图片删除、图片重置功能
简介:element Ui 单张图片上传组件封装和调用示例包含上传时表单验证，提交，重置功能状态包含图片上传成功、图片上传中请等待、图片删除、图片重置功能上传中隐藏+号，删除后显示+号，重置后显示+号，上传失败显示+号示例图片：组件代码：<!-- * @Descripttion: * @version: * @Author: sueRimn * @Date: 2020-05-26 14:19:55 * @LastEditors: sueRimn * @LastEditT
2020-06-19 11:02:00
549
原创 利用async/await/Promise控制异步函数和同步函数先执行异步函数的一个小案例
之前一直不是太懂async/await/Promise之间的关系，以及怎么使用，碰到同步执行和异步执行一起的函数就给同步的函数加个setTimeout让他变成异步，可是，有时候请求后端数据延迟，还是会先执行了setTimeout包裹的函数最近在学vue+element+admin这个后台管理项目，看到里面用到了这些东西，学习了一些看看console.log(),和async/await/Promise写在函数的什么位置// spu展开行查看型号 async toogleExpand(row)
2020-06-05 20:49:50
755
原创 vue+element+el-table表格简单封装成组件
封装后调用，我的页面是这样的像那些图片，按钮，和状态这些，都是埋好的具名插槽。配置的时候先传插槽的名字，然后在table组件中对应名字，就形成了，具体看代码，比较详细，直接复制引用就可以展示，我在props里定义了点默认值，引用时方便理解<!-- * @Descripttion: Element Ui Table 表格二次封装 * @version: * @Author: sueRimn * @Date: 2020-05-10 23:07:16 * @LastEditors: su
2020-05-27 23:54:57
8442
10
原创 Storage封装超详细注解，不用像我这样熬到零点四十三分了
/* * @Descripttion: * @version: * @Author: sueRimn * @Date: 2020-05-14 16:31:27 * @LastEditors: sueRimn * @LastEditTime: 2020-05-15 00:36:59 *//** * @name: * @test: test font * @msg: * @param { * Storage封装 * *
2020-05-15 00:44:23
446
原创 vscode块注释，/***/
先看看样式安装插件 KoroFileHeader打开设置搜索 fileheader在setting设置中添加配置信息 // 文件头部注释 "fileheader.customMade": { "Descripttion": "", "version": "", "Author": "sueRimn", "Date": "Do not edit", "LastEditors": "sueRimn",
2020-05-11 22:12:13
6065
原创 vue-element-admin 个人理解登录流程
登录流程1.页面发起登录请求页面发起登录请求，会调用vuex中的 login() 方法(@/store/modules/user.js)全局拦截路由请求 [有白名单] 和响应判断状态码code是否正确若果正确，继续判断vuex中store是否存在用户信息如果有，next()如果没有，就会调用vuex中(@/store/modules/user.js)中的getInfo()方法来获取用户信息vuex中的getInfo()方法中又调用了(@/api/user.js)中的getInfo()方法并传
2020-05-08 23:44:31
2798
5
转载 windows10安装MySQ8，看着一篇妥妥的
web前端小白最近学习一门新的实战课程，需要安装MySQL，更新到8版本以上了，之前的全忘了，遇到各种坑先以管理员运行cmd：Win10怎么管理员身份运行CMD如何打开命令提示符CMD命令行下怎样切换目录：命令行下切换目录主导请参考这位大牛作品：windows版mysql8.0安装详解可是还是遇到很多坑请看这里MySQL:由于找不到VCRUNTIME140.dll，无法继续执行代码。重...
2020-03-30 18:10:29
213
原创 vue自定义属性directives制作Loading/extend制作loading
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-03-15 22:32:56
140
原创 二、vuecli创建项目时runTimeCompiler与runTimeOnly的区别，及一步步演变
1.先看两种模式创建出来min.js文件的区别2.怎么将runTimeCompiler一步步转成runTimeOnly# 普通写法// runTimeCompiler创建的版本import Vue from 'vue'import App from './App'Vue.config.productionTip = false/* eslint-disable no-...
2020-03-12 14:28:51
1446
原创 一、安装了Vue CLI3怎么创建vue cli2项目
安装Vue脚手架版本3以上安装：npm install -g @vue/cli@(版本号)版本3以下安装：npm install -g vue-cli@(版本号)安装了vuecli3还想vuecli2的模板:npm install -g @vue/cli-initVue Cli2 初始化项目vue init webpack my-project...
2020-03-12 13:49:47
1813
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人