- 博客(65)
- 收藏
- 关注
原创 关于uni.$emit和uni.$on在微信小程序中失效的问题的解决
心情很复杂哈,今天下午连着两个uniapp的BUG属实顶不住啊。正常来说单页面使用这个uni.$emit和uni.$on是没有问题的就像官网的栗子一样。但是如果是页面跳转之后使用的话是无法生效的。最后的方式是使用嵌套的方式来编写,通过on来触发emit。栗子index页面跳转到attendance页面,需要将index页面中的course传递到attendance页面。index页面:attendance页面...
2021-04-18 16:19:13
6050
8
原创 微信小程序iconfont字体图标文件无法上传问题
最近在写毕业设计的时候,因为微信小程序本身的字体图标无法满足我的开发需求,但是在引入之后发现开发工具预览没问题但是真机调试就出现了问题,在查阅资料后找到了解决的办法。我将原本放在static下的字体图标文件换到了style下之后重新导入这样就解决了问题。造成这个问题的原因是微信小程序在编译的时候有一个白名单,只有这些文件可以上传,放在static下的话会作为静态文件,不在白名单内所以不会上传。...
2021-04-18 14:22:14
2065
2
原创 js 计算两个经纬度之间的距离
Rad(d) { return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式。 }, //lat 纬度//lng 经度 GetDistance(lat1, lng1, lat2, lng2) { var radLat1 = this.Rad(lat1); var radLat2 = this.Rad(lat2); ...
2021-02-20 15:47:45
1794
原创 koa框架 接收form-data数据为{}的解决办法
下载koa-body插件npm i koa-body在项目中导入并引用const Koa = require('koa')const bodyparser = require('koa-body')const app = new Koa()app.use(bodyparser({ multipart: true // 是否支持 multipart-formdate 的表单}))/* @router POST api/users/register @desc 注册
2021-01-19 20:21:41
1405
原创 “export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
最新的5.0版本的echarts中的echarts/lib/echarts.js,里没有module.export ,也没有export default。所以require(‘echarts’)报错import echarts from 'echarts’也报错解决办法1、将import echarts from ‘echarts’; 的引入方式修改为 import * as echarts from ‘echarts’2、npm un echarts && npm i echart
2020-12-16 20:54:43
709
原创 时间格式化工具函数
/* * str:String 需要格式化的格式 * date:Number 输入的毫秒数 * return :String 返回格式化后的数据 * */ formatTime: (str, date) => { let time = new Date(date); let obj = { 'M+': time.getMonth() + 1, //月份 'd+':...
2020-12-16 17:53:06
137
原创 vue使用less在scoped下无法修改element ui 的样式
话不多说直接上代码 .form { padding: 20px; width: 350px; height: 280px; background-color: white; border-radius: 10px; /deep/ .el-form-item__content { font-size: 16px; text-align: center; } }
2020-12-15 16:47:15
1102
1
原创 原生JavaScript封装cookie工具类
export default{ /* 设置cookie key:String 键名 val:String 值 expires:string 到期时间 单位秒 */ setCookie(key,val,expires){ let nowTime = new Date().getTime(); let endTime = new Date(nowTime + expires*1000);
2020-12-01 15:04:12
130
原创 优必选 11.29一面(45min)
自我介绍说一下js变量提升的原理说一下var、let、const之间的区别声明一个var a 和一个 var a = function(){ } 输出 a 输出结果是什么说一下原型链说一下null 和 undefined 的区别说一下JavaScript的基本数据类型两个上下分布的 div 一个 margin-bottom :10px; 一个margin-top:5px,最后的两个 div 之间的距离是多少说一下块级元素和行内元素的区别,和举例常见的块级元素和行内元素说一下如何改变.
2020-11-29 11:23:52
187
1
原创 vue中使用three.js导入外部3D模型
最近公司有一个需要用到3D模型的项目,所以就学习了一下,在这里小小的记录一下下载依赖npm i three -Dnpm i three-obj-mtl-loader -Dnpm i three-orbit-controls导入依赖import * as THREE from “three”;import { OBJLoader, MTLLoader } from “three-obj-mtl-loader”;import { GLTFLoader } from “three/examp
2020-11-23 20:46:29
11665
7
原创 在vue中使用three.js实现基本的动画效果
安装依赖npm i three -D(注意一定不要下成three.js,我就踩了这个坑)控制移动的效果(放大,360度旋转,平移)依赖安装npm i three-orbit-controls -D导入threeimport * as THREE from “three”;const OrbitControls = require(“three-orbit-controls”)(THREE);初始化场景 // 创建一个相机 参数:fov、aspect、near、far
2020-11-23 17:55:07
1878
原创 vue实现非父子组件之间的通信
首先创建一个中间通信的文件VueEvent.js文件内容// 接收数据的中间文件import Vue from 'vue'var VueEvent = new Vue()export default VueEvent在根组件引用两个子组件<template> <div id="app"> <v-home></v-home> <br> <br> <br>
2020-11-19 11:22:14
206
原创 axos 的post请求将发送的参数修改为form-data类型的数据
let fd = new FormData(); fd.append('uid',this.uid*1); fd.append('password',this.password); let config = { headers:{ 'Content-Type': 'multipart/form-data' } } this.axios.post(url,fd,config) ...
2020-11-18 09:17:40
1345
1
原创 百度前端一面记录(40min)11.17
自我介绍一个不知道高度和宽度的盒子如何水平垂直居中两个兄弟盒子A在上、B在下,A margin-bottom:20px,B margin-top:30px A和B的最终距离是多少?还是刚才的问题,A和B是父子关系A在外、B在内,A margin-top:30px ,B margin-top: 20px,A和B之间的距离是多少?还是刚才的问题,A是绝对定位,B是相对定位,A和B是兄弟关系,A和B分别相对什么位置移动,A 和 B 是否脱离文档流了解过JavaScript中数组的用法吗?比如map,f.
2020-11-17 15:05:57
244
原创 webpack css兼容性问题报错 Module build failed (from ../node_modules/mini-css-extract-plugin/dist/loader.js)
检查自己的版本发现是语法问题,修改原来的webpack.config.js代码打包成功
2020-11-11 17:37:04
8890
1
原创 webpack 开发服务器报错 Cannot find module ‘webpack-cli/bin/config-yargs‘
出现这个问题的原因是webpack 和 webpack-dev-server 的版本问题检查配置文件发现命令出现问题,webpack的其他版本的运行命令为npx webpack-dev-server (其他版本使用)webpack5的命令为npx webpack serve (webppack 5 使用)更换命令后运行成功...
2020-11-11 15:19:34
121
原创 webpack 打包 Error: Cannot find module ‘less‘错误解决办法
完整的错误信息ERROR in ./src/index.less (../node_modules/css-loader/dist/cjs.js!../node_modules/less-loader/dist/cjs.js!./src/index.less)Module build failed (from ../node_modules/less-loader/dist/cjs.js):Error: Cannot find module 'less'检测自己的配置发现安装了less安装的命
2020-11-10 22:29:31
3976
2
转载 关于promise的一些小笔记
promise的作用将异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同步方法那样返回值:异步方法并不会立即返回最终的值,而是会返回一个 promise,以便在未来某个时候把值交给使用者。promise的状态待定(pending): 初始状态,既没有被兑现,也没有被拒绝。已兑现(fulfilled): 意味着操作成功完成。已拒绝(rejected): 意味着操作失败。promise的链式调用可以用 promise.then(),promise.c
2020-11-09 20:50:43
416
原创 关于js继承和原型链的分析
构造函数,原型和实例的关系每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(instance)都包含一个指向原型对象的内部指针.JS对象的查找属性规则:如果试图引用对象(实例instance)的某个属性,会首先在对象内部寻找该属性,直至找不到,然后才在该对象的原型(instance.prototype)里去找这个属性.如果让原型对象指向另一个类型的实例即: constructor1.prototype = inst
2020-11-08 21:24:38
79
原创 字节跳动实习一面记录(1.25h)
1、自我介绍2、刚才有提到有微信小程序的经验可以说一下是如何实现前后端的交互的吗?3、刚才提到的云开发,可以说一下具体是如何实现前后端的交互的吗?4、对JavaScript的类的问题有了解吗?5、手写一下继承的方式6、有三个api,使用promise如何并发调用这三个api返回数据const api1 = () => {} // Promise<“a”>const api2 = () => {} // Promise<"b">const api3 = ()
2020-11-06 15:31:12
240
1
原创 vue3.0创建项目太慢的解决办法
打开命令行输入npm config set registry https://registry.npm.taobao.org然后再输入 vue ui 进入图形化界面创建速度会有显著的提升
2020-11-05 15:20:10
1153
原创 图标发光特效
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>社交图标发光特效</title> <style> .icon {
2020-10-28 17:28:14
518
原创 火箭升空特效
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>火箭升空特效</title> <link rel="stylesheet" href="in
2020-10-28 17:26:52
358
原创 图片局部模糊
html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录表单玻璃特效</title> <link rel="stylesheet" href=".
2020-10-28 17:23:45
177
原创 手写call,apply,bind功能
call、apply的实现原理 function fn(x, y) { console.log('我想喝手磨咖啡' ); console.log(this); console.log(x + y); } var obj={ name :'andy' }; //1、将函数设置为对象的属性 obj.fn = fn //2、
2020-10-27 15:34:25
77
原创 埃林哲一面面试经历(记录第一次面试)
埃林哲一面面试经历我感觉一面应该是hr面,因为没有什么技术类的问题1、自我介绍2、jQuery和vue的区别,为什么现在公司更多的是使用vue不使用jQuery3、JavaScript有类的概念吗?4、JavaScript和java的区别5、小程序使用过吗?6、刚才你说你做过小程序的项目,能说一下你的项目采用的技术吗?是如何实现数据交互的7、你对公司有什么要了解的吗?...
2020-10-25 15:28:03
1975
原创 宏任务和微任务讲解(附带例题)
宏任务分类:setTimeout、setInterval、requestAnimationFrame特点:宏任务所处的队列即为宏任务队列第一个宏任务队列只有一个任务,执行主线程中的js代码宏任务队列可以有多个当宏任务队列中的任务执行完毕之后,会查看是否有微任务队列,有则执行微任务 队列中的任务,没有则查看是否有宏任务队列微任务分类:Promise的回调函数、 process.nextTick特点:微任务所处的队列即为微任务队列只有一个微任务队列在上一个宏任务队列执行完毕之后如果
2020-10-21 20:34:30
1314
2
原创 JavaScript闭包的详解(附例题讲解)
什么是闭包?密闭的容器,类似于set、map容器,用于存储数据闭包是一个对象,存放数据的格式为: key :value形成的条件函数的嵌套内部函数调用外部函数的局部变量闭包的优点延长外部函数局部变量的的声明周期闭包的缺点容易造成内存泄漏注意点合理使用闭包使用完闭包及时清除(销毁)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2020-10-21 10:53:39
398
原创 函数节流和防抖的实现
函数节流减少被调用的次数,让其在规定的时间内只调用一次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>节流函数的实现</title> <style>
2020-10-20 22:00:50
88
原创 JavaScript变量提升的综合性考法(很绕)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&
2020-10-20 21:10:28
91
原创 移动端适配rem的实现
话不多说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>rem适配问题</title> <style> *{
2020-10-20 19:59:27
155
原创 使用flex(新老本版方法解析)让盒子水平垂直居中
话不多说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新老版本</title> <style> .box,
2020-10-20 11:34:17
370
原创 归并排序讲解
算法本质把长度为n的输入序列分成两个长度为n/2的子序列;对这两个子序列分别采用归并排序,直到两个子序列的长度为1,无法分隔为止。比较左边序列的第一个元素与右边序列的第一个元素的大小,小的放入结果集。当左右序列中某一个序列没有元素了,将剩下的那个序列与结果集合并变为新的结果集重复3,4这个过程,直到将所有的序列合并为一个结果集为止。实例讲解初始数据: [1,4,3,2,7,6,5]分隔为两个子序列: [1,4,3] [2,7,6,5] => [1,[4,3]] [[2,7],[6
2020-10-16 17:43:38
184
原创 查找常用字符串
题目描述给定仅有小写字母组成的字符串数组 A,返回列表中的每个字符串中都显示的全部字符(包括重复字符)组成的列表。例如,如果一个字符在每个字符串中出现 3 次,但不是 4 次,则需要在最终答案中包含该字符 3 次。你可以按任意顺序返回答案。示例 1:输入:["bella","label","roller"]输出:["e","l","l"]示例 2:输入:["cool","lock","cook"]输出:["c","o"]第一种解法解题思路获取第一个字符串遍历第一个字符串,判
2020-10-14 17:44:12
170
原创 Linux的一些基本操作命令
文件和文件夹的操作命令ls——显示目录下的内容-l:显示文件的详细信息 ls -l与 ll等价-h:显示文件的大小-a:显示隐藏的文件组合使用:ls -lhcd——切换当前位置… 上一级目录 (cd … 切换到上一级目录). 现在所在的目录(当前目录为home cd /home/kinjaze 与cd ./kinjaze等价)~ 当前用户的home目录(普通用户为kinjaze cd ~ 切换到home/kinjaze 目录 超级用户切换到 /root)-上一个工作目录
2020-10-08 11:04:23
114
原创 实例分析js中的隐式转换
隐式转换隐式转换的规则转换为String类型:+ (字符串连接符)转换为Number类型: ++/–(自增自减)+、-、*、/、%(算术运算符)>、 < 、>= 、<=、 == 、!=、 === 、!=== (关系运算符)转换为boolean类型:!(逻辑非运算符)隐式转换例子字符串连接符与算术运算符隐式转换规则混淆 console.log(1+"true");//1true 分析:Number类型的数据与String类的数据用+
2020-10-07 20:59:29
174
原创 JavaScript中的reduce数组方法详解
语法arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])参数callback执行数组中每个值 (如果没有提供 initialValue则第一个值除外)的函数,包含四个参数: 1、accumulator:累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(见于下方)。 2、currentValue:数组中正在处理的元素。 3、index (可选)
2020-10-06 16:53:41
137
原创 通过正则表达式去除字符串中多余的空格
话不多说直接上源码function reverseStr (str) { return str.match(/[^\s]+/g).join(' ');}console.log(reverseStr("this is my way"))//this is my way实现的思路通过正则表达式捕获所有的非空的数据存到数组中,然后通过join方法将所有的数组元素以空格连接即可取除多余的空格。match中的正则的意思是,出现一次或多次的任意一个非空格数据全局匹配match的基本使用可
2020-10-05 20:18:06
4399
2
原创 分割数字,每隔三位用逗号分隔一次
题目描述使用JavaScript实现paddingNUM方法,每隔三位使用逗号分隔一次,函数返回分隔后的字符串输入描述输入数据为一个数字即可输出描述函数返回分隔好的字符串输入331234.56123456789987654.321-987654.3输出33.01,234.56123,456,789.0987,654.321987,654.3实现思路判断输入的数据的正负情况将输入的数据取绝对值后转为String数据以小数点分割为左右两部分如果小数部分的数据为空的
2020-10-05 19:47:35
2659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人