- 博客(149)
- 资源 (31)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 微信小程序的webview里的uniapp的h5项目，h5里添加按钮事件回到小程序首页
【小技巧】微信小程序的webview里的uniapp的h5项目，h5里添加按钮事件回到小程序首页
2023-05-22 15:03:08
1072
原创 微信小程序子页面自定义tabbar组件
有时候微信小程序会遇到代码合并，就比如把B小程序代码迁移到A小程序，要使得B作为A小程序的一个子页面子功能。因为本身小程序都有tabbar，原来B也有，这时候就要给B子功能自定义一个tabbar底部导航栏。（注意，这个不是微信小程序自定义tabBar，不需要app.json中设置一个属性custom，因为A的tabbar是不修改不动的，只是在子功能模块多加一个tabbar，相当于只是自定义一个组件。）
2023-03-28 14:56:13
1987
2
原创 微信小程序wx.canvasToTempFilePath压缩上传图片，ios压缩成功但是数据sm2加密后无法发起请求，安卓一切正常
在写微信小程序的时候，采用wx.canvasToTempFilePath压缩图片且上传的时候，安卓一切正常，我在开发工具上也一切正常，偏偏ios上就不正常，不正常不是指压缩失败，而是明明也压缩成功了，竟然发不起网络请求，离大谱。因为所有请求的入参都会经过sm2加密，ios压缩成功后想要发起请求，就卡在了加密这步，无法执行下面的请求方法，打印出来加密前的参数也都没问题，但就是卡住了不往下走了，导致压根没发起请求，玄学。更玄的是去年ios都没问题，代码也没动过，现在ios就不行了。浅浅的记录下日常遇到的问题~
2023-03-22 15:52:56
1393
2
原创 （基于Vue.js的在线教学平台）源代码+数据库表 Vue.js+Node.js+MySQL 源码免费分享
毕业已经快一年啦，工作总时长也一年半左右了啦。现在也毕业季，想着与其吃灰，不如把去年写的毕设可以分享给大家，大家可以做过参考什么的，毕竟社区里秉承分享快乐原则~当然，这个项目其实很简单（大佬勿喷），技术什么的也简单，最基础的vue2，和最基础node里的express，最基础的mysql增删改查，因为当时想着过就好，所以觉得没必要写太复杂哈哈，当时也是实习下班后偶尔弄弄。虽然简单，不过还好去年答辩也顺利通过啦（当然分数不会太高哈哈）。。现在分享源代码给大家，gitee仓库自取~
2023-03-06 14:15:40
2125
5
原创 简易聊天室代码分享 js+socket.io
js+node+socket.io 只是单纯的代码分享哈，不算正式文章~只是单纯的代码分享哈，不算正式文章~只是单纯的代码分享哈，不算正式文章~重要的话说三遍。
2022-12-15 10:04:18
1903
2
原创 【微信小程序系列：五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体
这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的，==，既然没有，那咱就自己写第一篇~
2022-11-25 14:09:57
3255
1
原创 【微信小程序系列：四】前端利用wx.setStorageSync缓存设置有效时间
简单来说，就是利用缓存，进行有效期的保存，以此前端加以判断，在如登录状态过期，操作过期等场景使用，扩展性还蛮多的。
2022-11-11 16:25:23
5185
7
原创 五万字142道超全前端面试题---送给在校招的你
不知不觉，又到校招时间啦。这份面试宝典，是我在去年，在无数个月的黑夜下，奋笔疾书，呕心沥血，织帘诵书，映雪读书，废寝忘食，停停写写，巴拉巴拉能量，集大成之作。近80%内容都是按自己的理解收集与纯手打的题与答案。包括我自己以前在面试中经常遇到的问题也有收录。本着社区分享快乐原则，现在分享给各位同学，希望你能有所收获。当然，都是一些比较基础简单的内容，如果发现有误的地方，大概是我头昏眼花了，欢迎在评论区指出，一起讨论。
2022-10-25 14:16:25
1139
2
原创 【微信小程序系列：二】小程序常用功能：跳转地图、扫一扫、人脸识别、拍照、拨打电话、调整屏幕亮度、文字可复制、监听截屏...
(～￣▽￣)～，hello，微信小程序系列第二篇，介绍下小程序里的常用功能api，可以快速copy使用~
2022-10-24 11:39:18
4012
2
原创 【微信小程序系列：一】携带参数跳转半屏微信小程序 先 A-＞B 后 B -＞A
普通的小程序里跳转其它小程序大家都知道，用wx.navigateToMiniProgram，而跳半屏的小程序比较少，是用wx.openEmbeddedMiniProgram。效果大概如下，一般把跳转的小程序当个工具使用。
2022-10-21 10:40:32
2161
2
原创 3D立体相册不过是冷锋蓝plus版 html+css
转念一想，好像很久很久没出css特效的文章了，特别是工作之后，更少了。偶然翻看电脑内存的时候，发现这个自己1年多以前写的特效，甚美，又勾起我一段尘封的回忆。。。我原来也发过3D立体相册特效的，对于基础理念可以看那篇，看完再回来看这篇plus版。实现并不难，如下（完整源码在最后）。......
2022-08-29 14:51:22
830
5
原创 微信小程序用canvasToTempFilePath压缩图片，开发工具压缩正常而真机上比例失调
上传图片时有些图片太大了，需要压缩质量大小再上传。下面展示压缩质量大小上传，也是我踩过得坑：开发工具上压缩正常而在真机上比例失调。主要是用 wx.canvasToTempFilePath 方法。
2022-08-23 14:57:02
3479
3
原创 5分钟实现微信小程序绘制二维码
hello呀，大家，真是好久不见。在我们日常生活中，经常使用微信小程序亮健康码，那么就好奇前端怎么实现的，其实也并不难，下面5分钟带你快速实现~
2022-07-06 16:27:19
11822
5
原创 浅谈typescript及语法
标题强类型不允许随意的隐式类型转换，而弱类型是允许的标题1.声明原始数据类型：在变量后面指定一个关键字表示其只能为什么类型。string类型：const a: string = 'auroras'number类型：const b: number = 666 // 包括 NAN Infinityboolean类型：const c: boolean = truenull类型：const d: null = nullundefined类型：const e: undefined
2022-02-14 14:16:21
343
1
原创 Es6新特性Proxy代理用法解析
一.什么是Proxy：Proxy 对象是ES6新出的一个特性，用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。需要知道的是，在Vue2中双向数据绑定原理（数据劫持）采用Object.defineProperty，而在Vue3中数据劫持原理采用的是Proxy代理。为什么Proxy会取代Object.defineProperty：Object.defineProperty只能劫持对象的属性，不能监听数组。也不能对 es6 新产生的 Map,Set 这些
2022-02-14 14:15:26
9623
2
原创 前后端结合实现Vue上传图片并预览效果【Node+Mysql+Vue+Express】
大家好呀，⭐⭐⭐⭐⭐，秉着分享快乐的原则，我来啦~很久以前我写过一篇vue上传图片并显示的文章。 但是上次只是写了前端的，并没有把图片存储在服务器~所以这次出了2.0版本，哈哈，通过node简单写了接口，实现前后端结合！下面是详细代码实现！
2022-01-23 15:39:13
6598
4
原创 vue封装echarts并实现大小动态自适应变化---超有用哇
大家好呀~echarts不就是去官网复制然后粘贴吗，为什么要封装？1.减少代码量，每次只要传宽度，高度与option配置项便能快速生成图表。2.原先的echarts并不能自适应屏幕大小变化。3.原先的echarts并不能自适应父盒子大小变化。
2022-01-14 16:03:55
5373
12
原创 初学福音，手把手带你vue封装弹框组件并全局注册使用~
大家好呀，好久不见，最近还好吗？今天分享个vue封装弹框组件的内容，并全局注册它，虽然内容比较简单，但是刚入门vue的小伙伴可以友好的了解组件封装思想~ （最后有完整源码）
2022-01-07 10:54:08
2402
4
原创 极简之SVN使用，入职必备
SVN是入职（学生）必备的版本控制工具，下面带你快速上手SVN的基本使用~SVN是subversion的缩写，是一个开放源代码的版本控制系统，通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理。
2021-11-15 15:41:23
9365
5
原创 小方块上升组成背景特效 html+css+js
一.先看效果：二.详细实现（后面有完整代码）：1.先定义html标签，.container就是底层大盒子，.item就是一个小方块，后面将通过js快速生成：<div class="container"> <div class="item"></div></div>2.定义全局css样式，.container的css样式： * { margin: 0; padding: 0; bo
2021-10-24 15:40:11
1552
8
原创 webpack5快速入门，船新版本，建议收藏 (ฅ´ω`ฅ)
目录一. 快速上手：1.1 Webpack功能：1.2 安装webpack：1.3 快速模拟搭建一个项目目录：1.4 webpack打包：二.基本使用:2.1.配置文件：2.2.loader：2.2.1 css-loader：2.2.2 style-loader：2.2.2 less-loader：2.3 browserslist：2.4 postcss-loader：2.5 importLoaders：2.6 file-loader处理图片：2.6.1 在js里通过src导入的：2.6.2 在css里通过
2021-10-16 16:21:30
458
5
原创 Vue自定义指令及实现图片懒加载指令
一. 速识概念： 在我们使用 Vue 的过程中，遇到了很多方便我们操作的vue内置指令，以 v-xxx 表示。比如有 v-module，v-for，v-if，v-show 等等，每个指令都能实现一些相对应的功能。但是，在实际的开发过程中，可能这些内置指令并不能满足所有的需求，这时候，就需要用到 Vue 给我们提供的一个强大又灵活的功能「 自定义指令 」。 同样，vue自定义指令可以分为全局注册指令和局部注册指令。下面我将以最简单的例子带你认识vue自定义指令。二.全局注册指令： 比如，我们想要
2021-09-30 14:59:29
2746
4
原创 你了解Vue组件间传值五大场景吗？
一.前言：。。。 一.前言：二.父组件向子组件传值：三.子组件向父组件传值：四.兄弟组件间传值：五. 使用Vuex状态机传值：六. 给后代组件传值，provide和inject：二.父组件向子组件传值：比如有一个 Father.vue 的父组件要传值给 Children.vue 的子组件，完成共需四步：父组件 Father.vue 内容，注意里面的操作步骤：<template> <div> <h2>父组件区域</h2> <
2021-09-26 10:59:17
489
2
原创 ES6模块化用法全解析
以前浏览器常用的模块化规范有 AMD（代表Require.js）和 CMD（代表Sea.js），但是都落伍了。服务端有 CommonJS规范。不过也不是标准的。最终ES6官方提出了大一统的模块化规范，这也是目前浏览器与服务端的通用规范。
2021-09-21 15:57:06
1910
3
原创 三分钟掌握Vue过滤器filters及时间戳转换
大家好呀，vue的filters过滤器是比较常见的一个知识点，下面我将结合时间戳转换的例子带你快速了解filters的用法~
2021-09-20 17:05:54
1491
3
原创 人类高质量JS函数柯里化
一. 速识概念????： ????????????你好呀，最近还好吗？JS函数柯里化是比较常见也是比较重要的内容。基础并不难理解，下面带你快速了解并使用js函数柯里化~ 芜湖，起飞 ???? 百度百科对柯里化的定义为：在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。概念枯燥难懂，直接看下面的例子。比如有个add函数，计算两个参数相加的值，一般我们这样写：function add
2021-09-14 20:48:39
604
1
原创 如何实现一个朴实无华的Canvas时钟效果
一.先看效果： ???????????? 大家好呀，很久没有写canvas小案例了，今天写一个canvas的时钟案例。效果可能看起来比较简单，没有那些花里胡哨的，不过，它涉及的canvas知识点是比较多的，初学canvas那是必定要会的。下面手把手带你快速实现~二.实现步骤（源码在最后）：1. 设置基本的标签与样式： <div class="clock"> <canvas width="300" height="300" id="canvas"></
2021-09-11 16:56:26
754
2
原创 人类高质量JS函数继承
一. 函数继承是在JS里比较基础也是比较重要的一部分，而且也是面试中常常要问到的。下面带你快速了解JS中有哪几种是经常出现且必须掌握的继承方式。掌握下面的内容面试也差不多没问题啦~ 当然，这需要一定的原型链基础，对原型链不熟悉的可以看我这篇文章：速识js原型链。二.原型链继承： 原型链继承的要点在于父类的实例作为子类的原型。直接看下面这个例子： // 父函数 Person function Person(name, age) { // 定义一些属性 this.name
2021-09-05 12:01:31
787
9
原创 人类高质量JS防抖与节流机制
一.速识防抖： Hello呀，大家好????????????。防抖与节流可谓是面试常见，其实很好理解，下面带你分分钟了解防抖与节流的基本思想与写法~在这之前，比如我们先定义一个按钮，并绑定一个点击事件，执行要触发的事件：<!-- 定义一个按钮 --><input type="button" id="btn" value="按钮" /><script>// 获取标签 var btn = document.getElementById("btn");//
2021-08-29 17:30:59
2795
19
原创 极简之vue插槽的快速了解与应用
一.速度上手： ????你好呀(*´▽｀)ノノ。vue插槽是比较常见的一个知识点，所以下面快速的介绍下它的用法。简单来说，vue插槽的作用就是父组件可以向子组件传递内容，同时，他还可以扩展、复用和定制组件。 什么意思？比如我定义了一个父组件和一个子组件，当我在父组件里引用的子组件标签里写的内容是显示不出来的。如下： 比如，有一个 Father.vue的组件，它引入了子组件Children.vue，同时在子组件标签里定义了一个h1标题。<template> <div>
2021-08-22 21:58:49
337
3
原创 前端必会的图片懒加载，你造吗？
一.何为懒加载： 在我们访问一个图片展示比较多的网页时，加载速度慢很多时候正是因为图片多导致，大量的img图片导致页面渲染的堵塞。当费了许多力气把全部图片和页面加载出来时而用户早已离去。另一方面，若用户只查看了网页的前面部分便离开，许多已经加载却因为处于网页底部而未呈现在视口区的图片，它们极大加重服务器压力了但是用户看都没看，白白浪费了性能。 为了解决上面的问题需要引入图片懒加载，懒加载其实很好理解，重点就是一个‘懒’字。当用户滚动相应可视区域，若可视区域有图片便加载，而在可视区域外未加载过的图片它
2021-08-19 23:01:45
1917
9
原创 js对象深浅拷贝，来，试试看！
一.速识概念????： 对象拷贝，简而言之就是将对象再复制一份，但是，复制的方法不同将会得到不同的结果。比如直接给新变量赋值为一个对象： // 1.建一个对象 var obj = { name: "北极光之夜。", like: "aurora", }; // 2. 直接将对象赋值给变量 clone var clone = obj; // 3.修改obj的like属性 obj.like = "wind"; // 4.输出 clone 对象 console.
2021-08-15 14:30:18
412
5
原创 你这篇速识 js闭包 保熟吗？我一写博客的能写生瓜蛋子？
一.速识闭包：直接说概念枯燥难懂，直接通过下面两个小例子迅速了解闭包：????1.首先思考下面这个简单的小例子，执行quote()函数，它 console.log(a) 打印的 a 到底是我们在局部函数里定义的 a=666 还是在全局里面定义的 a=888 呢？ // 1.定义一个test函数 function test() { // 2.函数内部声明一个变量 a 为 666 const a = 666; // 3.retu
2021-08-11 21:40:40
822
3
原创 面试官：谈一谈js原型链机制？ 我：告辞！
一.速识概念： 原型链可谓是面试频考，所以今天带大家快速了解下JavaScript的原型链机制????。说之前，先明确下面基本的概念（名称与从属关系），这是很重要的：名称从属关系prototype通常我们称之为原型，它是函数的一个属性，它是一个对象。_ _ proto_ _相当于一个连接点，它是对象的一个属性，它也是一个对象。二. 原型链机制（建议跟着步骤敲代码）： 其次，我们要知道的第一个点是，对象的 __ proto __ 保存着该对象构造函数的prototy
2021-08-07 22:37:52
5536
30
原创 vue事件修饰符，六次实操带你快速了解与应用~
一.速识概念： 你好呀，最近过的怎么样？今天总结了vue常见的事件修饰符，学习面试都是常遇到的，快来看看吧~???? 先引用vue官网的话说----在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。
2021-08-07 14:27:12
500
1
原创 闻一以知十，前端要会的10道面试题(附答案与解析)
一.先言：目标：成为offer收割机的兄弟offer拖拉机范围：HTML、CSS、JavaScript题型：单选、多选、不定项选择、编程数目：10本次难度（5星满星）：⭐⭐答案与解析：答案与解析是我自己查询与思考后书写的，仅供参考，不对的地方恳请指出????北极光之夜。auroras.blog.csdn.net二.题目（答案在最后，答案在最后，答案在最后）：1.以下哪个表达式的值为true？【不定项选择】选项A‘
2021-08-04 22:48:05
2876
17
原创 快来每日上分，2021前端面试题10道(附答案与解析)
一.先言：目标：成为offer收割机之拖拉分机范围：HTML、CSS、JavaScript题型：单选、多选、编程数目：10本次难度（5星满星）：⭐⭐答案：答案与解析是我自己查询与思考后书写的，仅供参考。北极光之夜。auroras.blog.csdn.net二.题目（答案在最后）：1.问一份标准的HTML文档有哪几个必须的HTML标签？【多选】A. <html>B. <head>C. <title>
2021-07-30 22:38:53
1747
7
JavaScript 如何实现人为垃圾回收 强制delete 设置为null
2021-08-25
for of 循环支持自定义的类数组对象吗？那它支持哪些类数组对象呢？
2021-07-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人