js
曦和百里
我真的好菜,大佬救我
展开
-
函数封装:关于数组内n个对象去重,根据需要去重的对象条件进行筛选
有更好的解决方法请评论UP!原创 2023-03-27 21:17:49 · 29454 阅读 · 0 评论 -
关于js中的Gnerator函数的yield分号问题解疑以及一个问题的提出
【代码】关于js中的Gnerator函数的yield分号问题解疑以及一个问题的提出。原创 2023-03-25 15:51:04 · 29322 阅读 · 0 评论 -
在vite中根据view中的文件自动生成路由(vue3)
前景提要:在实现这个功能的过程中:我碰到了三个问题1.在vite中无法使用fs模块2.vite不支持动态更改,需要去下载插件,其实我下载了还是没有用3.动态路由中不可以使用别名,因为解析不到。原创 2022-12-17 10:34:27 · 30440 阅读 · 0 评论 -
Vue3中<Teleport/>组件踩坑与异步组件运用
重点:!这个组件要在你想要传送的DOM加载完成之后才能使用,不然是传送不了的。## 官方释义: 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。## 作用场景:就比如说你想展示一个放大缩小的图片到整个页面上,但是又受到了例如:relative,absolute等定位的影响,运用这个组件或许是一个不错的方法,毕竟是官方提供的。原创 2022-12-09 17:06:37 · 31175 阅读 · 0 评论 -
Vue3学习碰到的一些问题记录
问题2:无法使用input框中的change事件去监听当前实时输入内容解决方案:在input标签使用这个属性能够监听 v-on:input=“changeValue”问题2.1 父子以及两兄弟组件如何互相通信(提供一种解决方法)思路:由父组件作为中介向两兄弟组件传播数据父组件注意:这里的v-model:valueParent="valueParent"会报错,不用管,因为如果你是刚开始使用vue3,vscode中的Vetur没有兼容这个写法,小问题,百度一下改下配置就好了,若果你真的觉得无法忍受那原创 2022-12-07 17:14:27 · 30302 阅读 · 0 评论 -
关于在vscode运行yarn的一个错误(已解决)
如果你在vscode命令窗口中出现了下面这个报错,那么你可以采取下面这个方法。打开管理员运行窗口(windows PowerShell)ps:右击windows窗口。原创 2022-11-04 09:36:16 · 29697 阅读 · 0 评论 -
vue-脚手架创建
前期准备1、检查node是否下载2、检查是否配置好了淘宝镜像更换镜像地址npm config set registry https://registry.npm.taobao.org/ 3、检查vue是否下载好下载vuenpm install -g @vue/cli如果碰到以下情况输入指令npm install -g @vue/cli-initVue脚手架有两种创建方式1:最快捷的,也就是最新版本vue/cli所带的Vue create 文件名称①输入创建指令原创 2022-02-02 20:07:17 · 34233 阅读 · 0 评论 -
关于vue-element-admin中配置跨域问题的解决
首先来看一下项目结构目录我们可以看到.env.development和.env.production文件以及vue.config.js这里是涉及到了接口的转发(我们可以看到base,base的意思是所有的请求前缀都会加上它)重点来了(如何配置跨域) proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http://127.0.0.1:3000/', ws: true, change原创 2022-02-02 17:11:23 · 36407 阅读 · 0 评论 -
react-redux学习记录
redux简单使用流程上面是文件目录1:首先定义常量(constant.js)2:定义action文件(count.js)(person.js)3.定义reducers文件count.jsperson.js当然为了更好的组件化创建了index.js文件在store.js文件内创建store文件container其实是容器组件,用来连接store和UI组件的count.jsx小总结,在action中其实不推荐写完全一样的方法体(名字不能一样,有时候调用会出错,最好采原创 2021-08-23 16:18:56 · 31743 阅读 · 0 评论 -
React学习重点记录(无序)
上图是路由传参形式,用的最多的为params参数个人定义的路由组件个人感觉vue和react的路由学习难度差不多项目中控制路由跳转使用的是BrowserRouter,代码如下:ReactDOM.render((),document.getElementById(‘app’));在开发过程中使用是没有问题的,但是将页面上传至服务器之后,问题就来了:用户访问的资源不存在,页面是空白的。 经过排查怀疑是路径的问题,将BrowserRouter 改为 HashRouter.原创 2021-08-20 13:47:39 · 31776 阅读 · 0 评论 -
理解[“1“, “2“, “3“].map(parseInt)
理解[“1”, “2”, “3”].map(parseInt)输出为[1,NaN,NaN]的理解先来看一下官方的讲解map函数将数组的每个元素传递给指定的函数处理,并返回处理后的数组,所以 [‘1’,‘2’,‘3’].map(parseInt) 就是将字符串1,2,3作为元素;0,1,2作为下标分别调用 parseInt 函数。即分别求出 parseInt(‘1’,0), parseInt(‘2’,1), parseInt(‘3’,2)的结果。parseInt函数(重点)概念:以第二个参数原创 2021-08-05 15:28:33 · 32093 阅读 · 0 评论 -
Uniapp上传模块封装
function uploadFiles(baseUploadUrl,filepath,formdata){ // baseUploadUrl:cos上传地址 //filepath:文件地址 //formdata:表单元素 //这里采用的是腾讯云存储桶上传,所以需要配置上传策略, return new Promise((resolve,reject)=>{ uni.uploadFile({ url: baseUploadUrl, filePath:fil.原创 2021-07-15 09:46:29 · 32063 阅读 · 0 评论 -
Uniapp深度爬坑中(持续更新。。。。)
深度爬坑中。。。。持续更新原创 2021-06-24 11:52:40 · 32392 阅读 · 0 评论 -
uniapp组件封装-下拉菜单栏
如图效果<template> <!-- 组件整体 --> <view class="select_down_mDown"> <!-- 组件头部 --> <view class="select_down" @click.stop="showDownMenu"> <!-- 提示文字部分 --> <text class="select_down_text">Choose your occupation&原创 2021-06-17 14:27:28 · 42274 阅读 · 5 评论 -
常用正则表达式
原创 2021-06-05 16:06:19 · 31606 阅读 · 2 评论 -
2021-06-03
解答:为什么vue-element-admin中的 [process.env.VUE_APP_BASE_API]: { target: 'https://127.0.0.1:3000', changeOrigin: true, // 配置跨域 pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } }配置失败(process.env.原创 2021-06-03 17:46:56 · 31809 阅读 · 0 评论 -
Node.js学习日志-07
模板继承,模板引用//引用{{ include './head.html'}} {{title}}<br> //继承 {{block 'content'}} <h1>默认内容</h1> {{/block}}{{include './footer.html'}}//继承{{extend './index.html'}}node中各个模块都是独立的,node没有全局作用域,是文件模块作用域数据库关系模型是指二维数据表原创 2021-04-27 15:03:29 · 31737 阅读 · 0 评论 -
Node.js学习日志-06
项目-博客起步node内置模块path初使用两个重要的路径属性:__dirname(获取当前执行文件的绝对路径),__filename(获取文件的绝对路径)__dirname:__filename:在Node中文件操作的路径被设计为相对于执行node命令所处的路径...原创 2021-04-27 10:50:32 · 31711 阅读 · 0 评论 -
Node.js学习日志-05
node.js与mysql结合使用var mysql = require('mysql');var connection = mysql.createConnection({ host:'localhost', //数据库地址 user:'root', //用户默认为root password: 'root',//密码 database: 'hotel'//需要访问的数据库}); connection.connect(); // connection.que原创 2021-04-26 09:49:39 · 31615 阅读 · 0 评论 -
Node.js学习日志-04
原生find()和findIndex()方法//conditionFunc是一个回调函数Array.prototype.myFind=function(conditionFunc){ for(var i=0;i<this.length;i++){ //每一次循环都会执行if语句,将当前数组放在回调函数当中进行判断 if(conditionFunc(this[i],i)){ //如果为true,返回当前对象 r原创 2021-04-24 13:34:06 · 31757 阅读 · 0 评论 -
Node.js学习日志-03
express处理post表单提交请求引入中间件 body-parase然后注册使用这个时候的body对象就能够解析出来了提取路由模块并调用对于使用post请求的路由不可以通过地址直接访问,只可以由post表单提交或者其他的post请求来访问使用promise异步时碰到的问题resolve是返回正确信息的,reject是用来返回错误信息的(错误信息:(node:25064) UnhandledPromiseRejectionWarning: [object Uint8Array](原创 2021-04-23 10:12:20 · 32775 阅读 · 0 评论 -
Node.js学习日志-02
// 如果非路径形式的标识// 路径形式的标识: // ./ 当前目录 不可省略 // ../ 上一级目录 不可省略 // /xxx也就是D:/xxx // 带有绝对路径几乎不用(D:/a/foo.js)// 首位表示的是当前文件模块所属磁盘根目录// require('./a');// 核心模块// 核心模块本质也是文件,核心模块文件已经被编译到了二进制文件中了,我们只需要按照名字来加载就可以了require('fs'); // 第三方模块// ..原创 2021-04-21 19:14:18 · 31794 阅读 · 0 评论 -
Node.js学习日志-01
1.官网上对node的定义Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm2.exports与Moudle.exports其实可以在node控制台打印输出一下两者这里可以看出两者是等价的,exports是moudle.exports的一个指向根据我的理解来看在node.js的源码当中export=moudle.exports,moudle.e原创 2021-04-19 19:20:23 · 31706 阅读 · 0 评论 -
商城后台管理系统学习日志-03
系统的话写到后面基本上接口不是很全了,所以在前几天写的时候就差不多已经完成了,较为重要的模块就是商品管理模块了,所涉及到的组件的应用是这几个组件中最为多的了先统一展示界面商品列表商品列表主要是对于商品的增删改查(主要说一下增加,增加是比较复杂的)添加商品增加的话一共是分为了六个步骤,我这里做的主要是在添加基本信息的时候做了一下限定,用了form表单验证,只有验证通过了才能进行下一步添加,一共要获取八个数据组成一个对象传递给后台,才能进行添加。(呕,编不下去了,就是获取数据然后传递给原创 2021-04-16 19:31:59 · 32072 阅读 · 0 评论 -
uniapp商城项目学习日志-02
用了差不多两天的时间完成一个uniapp项目,发现uniapp其实很简单,更多的是在于对于组件的应用开发,其实现在不需要去写各种组件了,直接使用就好了,做到快速开发,其实真想要做到这一步其实很难,其中的学习成本和学习时间就是非常必要的页面截图(我都是挑着写的,写重点)这里有一个重点就是获取商品详情,布局很简单就是在组件之间传值得时候需要注意一下,请看下图这样子写会报上图得错误,一个偶尔写顺手了的小错误(低级错误。。。。今天找了好久)总结:学习uniapp的前提还是得要学好vue,v原创 2021-04-09 19:23:28 · 31896 阅读 · 0 评论 -
Uniapp爬坑之为什么uniapp不能使用Jquery
**要点:**非 H5 端,不能使用浏览器自带对象,比如 document、window、localstorage、cookie 等,更不能使用 jquery 等依赖这些浏览器对象的框架。因为各家小程序快应用都不支持这些对象。没有这些浏览器自带对象并不影响业务开发,uni 提供的 api 足够完成业务。uni-app 的 tag 同小程序的 tag,和 HTML 的 tag 不一样,比如 div 要改成 view,span 要改成 text、a 要改成 navigator。条件编译在 C 语言中原创 2021-04-08 15:41:30 · 35196 阅读 · 0 评论 -
商城后台管理系统学习日志-02
**权限管理**一共包括两个子功能角色列表和权限列表角色列表界面一共包括了四个子功能:添加角色、修改角色、删除角色、分配权限添加角色界面及代码修改角色界面及代码删除角色界面及代码(调用接口传参就好了)分配权限界面及代码(重点)权限详情(思路:根据角色id获取所拥有的权限,然后逐级渲染,从一级权限开始再到最后一次,层层环扣)获取删除(根据角色id以及权限id删除)权限列表界面(只是显示没有任何操作,就调用接口就好了)...原创 2021-04-07 19:21:17 · 32747 阅读 · 0 评论 -
关于解决微信开发者调试基础库只有一个版本的问题,同时解决调试基础库版本过低的问题
进入官网:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html下载箭头所指向的那个,然后安装好就可以看到很多版本了如何切换调试基础库版本原创 2021-04-06 10:29:52 · 35940 阅读 · 4 评论 -
async 函数的含义和用法
一、终极解决异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又让人觉得不彻底。它们都有额外的复杂性,都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗,干嘛要搞得这么复杂?异步编程的最高境界,就是根本不用关心它是不是异步。async 函数就是隧道尽头的亮光,很多人认为它是异步操作的终极解决方案。二、async 函数是什么?一句话,async转载 2021-03-31 16:36:31 · 32641 阅读 · 1 评论 -
js函数封装时间格式并返回时间字符串
复制过去使用就好,记得传参和调用,已经封装好了()//封装一个处理时间的函数export function formDate(date){ let fmt = new Date(date)//转化为标准时间格式 console.log(fmt)//输出一下是否转化完成,可删 let fmtAll = { year: fmt.getFullYear(),//获取年份 month: fmt.getMonth() + 1,//获取月份,月份是从0开始原创 2021-03-31 10:51:56 · 32244 阅读 · 1 评论 -
js函数封装评论发表距离现在多长时间
//直接复制,将所需要换算的时间传进去就好了function timeOut(createTime) {//定义参数 let min, hour, day, month, year, timeNC, nowDate //获取当前时间 nowDate = new Date() //转化时间格式 createTime = new Date(createTime) //获取现在时间毫秒数 nowDat原创 2021-03-30 17:34:26 · 31861 阅读 · 1 评论 -
Vuex的模块化对于state的引用以及action方法的调用
vuex.js文件import Vue from 'vue'import Vuex from 'vuex'import helpCenter from './modules/helpCenter'import getters from './getters'Vue.use(Vuex)const store = new Vuex.Store({ state: { }, mutations: { }, actions: {原创 2021-03-30 11:40:11 · 33060 阅读 · 1 评论 -
对于elementUI中的分页器简单的应用,未封装使用
对于elementUI中的分页器简单的应用,未封装使用代码如下每次调整后必须调用this.getlist函数,完成刷新操作原创 2021-03-27 11:26:29 · 31763 阅读 · 0 评论 -
对于elementUI中的form表单验证的应用
对于elementUI中的form表单验证的应用上代码!!!这里的msgBroad和form表单中的:model:'msgBroad’是绑定的如果验证的元素不是msgBoard中的则会报错,规则验证一直存在对于验证element 中select选择框时应该注意哪一些请看下列代码标红区域欢迎提问,谢谢,创作不易,点个赞再走吧...原创 2021-03-27 11:18:45 · 31821 阅读 · 1 评论 -
后台管理系统中有关权限管理的理解
**后台管理系统中有关权限管理的理解**1、从后端开始理解(1)在后台中有四个表(用户表、角色表、菜单栏表、权限表)(1)中间表:用户表-角色表,角色表-菜单栏表,角色表-权限表通过用户表查询用户角色,再转接到角色表,再由角色表去查询角色权限和所看到菜单,这样子用户角色的所看到菜单和权限都能够看得到了。返回给前端的是路由,菜单表中有路由地址,会返回给前端前端理解前端根据所登录的客户id会有一个其角色特有的token值,在每次发送请求都会携带token到后端,根据后端传来的路由地址,遍历路由,原创 2021-03-19 09:03:20 · 32266 阅读 · 0 评论 -
懒加载实现原理:
懒加载实现原理:1、对于img标签,只要将图片地址赋给src属性,浏览器解析的时候就会自动去请求图片地址所指向的资源,浏览器的这个机制我们是没办法改变的,那么我们只能在src属性上做文章,在刚开始的时候我们把图片地址赋给img标签一个自定义属性例如data-src,src属性留空。2、设置一个定时器定时检测出现在视图内的图片,并将其data-src属性的值赋值给src属性。(其实这个地方也可以通过事件来检测)原生js的实现:var imgs = document.getElementsByTagNa转载 2021-03-15 14:04:35 · 31805 阅读 · 0 评论 -
对于axios调用的理解以及vue项目中api接口的理解
对于axios调用的理解以及vue项目中api接口的理解service是一个实例化的axios对象,它的身上挂载了baseURL和timeOut两个参数这里是引入了request.js文件 由于request.js文件默认了向外暴露service(axios实例化的对象)所以会默认引用servie对象,然后重命名为request而不是service,但是request就是service也即是axios实例化的对象,下方有个api结构,返回了一个request({url:’’,method:’’})原创 2021-03-13 17:41:31 · 31927 阅读 · 0 评论 -
echarts(百度版本)学习记录(个人使用,或者复制过去自行学习)
echarts(百度版本)学习记录(个人使用,或者复制过去自行学习)<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title&原创 2021-03-10 12:01:11 · 31829 阅读 · 0 评论 -
echarts(百度)相关资源网站
echarts(百度)主题自定义网站https://echarts.apache.org/zh/theme-builder.htmlecharts官方文档网站https://echarts.apache.org/zh/index.htmlecharts B站数据可视化学习网站https://www.bilibili.com/video/BV1Uz4y1S7kr?t=259&p=29...原创 2021-03-09 16:50:53 · 32631 阅读 · 1 评论 -
学习echarts的一些填坑
学习echarts的一些填坑,<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title>原创 2021-03-09 14:39:28 · 31924 阅读 · 0 评论