自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

晓枫

励志于打造一套完整的前端体系,从软件到硬件,从技术到思想。

  • 博客(92)
  • 资源 (1)
  • 问答 (6)
  • 收藏
  • 关注

原创 node egg 本地配置https

node egg 使用mkcert配置本地https

2022-10-01 20:47:25 52

原创 Threejs 加载模型、旋转、弹框操作

Threejs 加载模型、旋转、弹框操作

2022-08-15 22:00:00 598

原创 前端就业学习路线

内容以能找到工作为核心思想,适合刚毕业还没找到工作的应届生、转行的,如果你不着急就业,可以找找其他文章,学习一些,底层原理、算法可能对你以后会更有帮助。

2022-07-04 17:26:58 108

原创 数字滚动增加效果

逻辑思路 例如我们最终要展示的数字为 5878390 ,那么第一个数字就是从1滚动到5停止,第二个数字是从0滚动到5再滚动到8停止,第三个数字是从0滚动到8再滚动到7停止(9之后是0),也就是说从左到右每一位都比前面一位滚动的时间更长,这样就出现了从左到右数字依次出现的效果。...

2022-07-01 21:15:00 107

原创 程序员前端学习简介

对前端开发学习的一个简单介绍,想要学习前端的小伙伴可以进来看一看。

2022-06-30 15:47:42 1441

原创 高德地图使用自定义地图无效问题

高德地图使用自定义地图无效问题

2022-06-24 16:02:10 399 1

原创 @rive-app/canvas 交互式动画 学习笔记

升级版的gjf,可以控制速度,一个文件中可以有多个动画

2022-06-14 13:55:11 80

原创 echarts多图例时增加批量减选、加选

CSDN话题挑战赛第1期活动详情地址:CSDN参赛话题:前端学习记录话题描述:记录前端学习过程中的某个知识点、解决方案等等文章目录问题解决方案实践总结问题当图片中的图例非常多时,我们想只看某一个需要点击取消多个,非常麻烦。解决方案在legend和series都增加图例内容,如果只在legend增加不显示,之后通过chart.on('legendselectchanged', function (params) {})监听图例点击,实践提.

2022-05-14 11:12:58 309

原创 canvas 学习笔记

html<canvas style="border: solid 1px red" id="cvs"><canvas>js绘制一条线let cvs = document.querySelect('#cvs'); // 获取画布元素let ctx = ctx.getContent('2d'); //获取工具集ctx.moveTo(40, 40); // (x, y) 选择起始点ctx.lineTo(80, 80); // 绘制线到目标点// 这时所

2022-04-20 15:35:00 50

原创 微信公众号网页分享设置及问题

微信公众号网页分享设置及问题;errMsg:"config:ok", 但jsApiList为空?在微信开发者工具上测试微信分享都可以的,但是在真机上没办法使用?

2022-04-18 15:09:31 1778

原创 本地IP地址使用域名访问

本地IP地址使用域名访问

2022-04-18 15:03:46 758

原创 echarts 多组图例重叠问题

当图表中使用多组图例且文字较多时,容易出现图例重叠的问题

2022-04-11 10:33:41 1659

原创 axios封装 —— 数据缓存、防止重复请求、动态加载

不是讲解文章,需要有axios使用基础axios封装,数据缓存、防止重复请求、动态加载

2022-04-10 12:43:34 839 1

原创 uni-app 开发微信小程序定位

更精确的经纬度,使用onLocationChange方法持续监听地址,根据定位精度字段判断是否使用此次定位的经纬度。

2022-04-08 16:58:55 4892 5

原创 node egg 连接数据库 egg-sequelize-plus

node egg 连接数据库 egg-sequelize-plus的基本操作。

2022-03-25 11:34:48 1643

原创 e.stopPropagation()在uni-app中无效,只能使用stop,所产生的问题

​之前做的仪表盘滑动效果 uni-app 微信小程序,因为在苹果手机上滑动时页面会抖动,所以这部分里是阻止了滑动事件的冒泡的,本来页面不足一屏是没有问题可是出了新需求后页面需要上下滚动,就导致了在仪表盘部分上下滑动无法滚动页面,操作很不方便。

2022-02-25 11:25:58 1009

原创 excel 将一张表的内容引入到另一张表中 VLOOKUP

VLOOKUP函数VLOOKUP(A2,Sheet11!B37:D167,3,FALSE)A2:当前表与引入表相对应的值Sheet11:引入表的表名;B37:D167:引入表数据的范围;3:需要引入的数据在范围中的第几列;FALSE:表示精确查找;IFERROR函数IFERROR(VLOOKUP(A2,Sheet11!B37:D167,3,FALSE),0);如果第一个参数中的函数计算错误,则显示第二个参数;...

2022-02-18 14:29:11 821

原创 多级嵌套对象数组-根据最里层id找出它所属的每层父级的id

使用递归可以不受数组层级限制,减少代码量。使用find 方法减少数组循环次数。

2022-01-11 11:47:14 710

原创 AR.js 学习笔记

AR.js 的学习分享

2021-12-29 16:49:11 943 2

原创 2021年个人年终总结

个人总结,不喜勿喷。

2021-12-26 15:37:47 191

原创 通过第三方平台接口帮助客户复用公众号主体快速注册小程序

通过第三方平台接口帮助客户复用公众号主体快速注册小程序

2021-12-20 11:15:42 342

原创 获取前一天、前一个月、前一年等任何日期的方法

非常好用

2021-12-11 15:44:04 286

原创 仪表盘滑动效果 uni-app 微信小程序

滑动时使三角按钮围绕圆圈转动;

2021-12-11 13:32:23 867

原创 双token,使用refreshToken更新token方案

token更新的主要问题:请求接口时token过期,需要先刷新token,在请求之前的接口,这样请求了三次接口会导致反应慢。 当有多个接口同时请求时,可能导致多次刷新token或者后面的接口在刷新token后没有重新请求。看了很多网上的文章解决方法大致分为三种:每次请求接口时,后台判断token剩余时间,如果时间过半就发一个新的token,同时之前的token短时间内还可以继续使用。(需要后端配合) 前端的请求形成一个消息队列,每个请求依次请求接口,当token过期时,先刷新token之后

2021-12-01 13:45:12 891

原创 微信小程序获取位置、定位监听

利用定位监听来获取位置要比直接获取当前位置精度高很多。

2021-11-29 17:45:54 979

原创 IE 11 无法安全地连接到此页面

先看下这位大佬的文章IE 11 无法安全地连接到此页面,这可能是因为该站点使用过期的或不安全的 TLS 安全设置_明华瓦哈哈的博客-CSDN博客访问某个比较老旧的网站或者内部站点时,提示:无法安全地连接到此页面,这可能是因为该站点使用过期的或不安全的 TLS 安全设置。如果这种情况持续发生,请与网站的所有者联系。TLS 安全设置未设置为默认设置,这也可能导致此错误。错误截图:提醒:这是win10系统升级后出于安全考虑自动禁用的,请确保访问的网站为内部站点或者可信站点,修改安全配置可能引起安全风险,概不负

2021-10-15 14:52:18 1162

原创 学习Easeljs 笔记

获取画布对象var stage = new createjs.Stage("demoCanvas");画圆var circle = new createjs.Shape();circle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, 50);stage.addChild(circle);Bitmap 将图片...

2021-09-17 10:03:04 26

原创 nuxt中使用高德地图定位当前位置

事前准备1、注册高德地图开发者账号;2、进入控制台 ——应用管理——我的应用,创建新应用;3、为应用添加key,选择web服务。在nuxt.config.js中添加script: [ { type: 'text/javascript', src: 'https://webapi.amap.com/maps?v=1.4.15&key=自己的key' }, ],html<div

2021-09-17 09:58:40 509

原创 Element-ui 多选框使用问题

参考文章:CSDN博主「lt要努力」原文链接:https://blog.csdn.net/louting249/article/details/104615411CSDN博主「孟孟~」原文链接:https://blog.csdn.net/qq_37471721/article/details/98863099<el-checkbox-group v-else-if="item.type === 'checkbox'" v-model="data[item.key]"&g

2021-09-06 10:13:48 219

原创 在vue项目中用链接引入插件时可以这样注入到全局

configureWebpack: config => { config.externals = { AMap: "window.AMap", } }

2021-07-14 14:36:31 68

原创 微前端single-spa vue3 实战落地

微前端的概念、好处,为什么不用npm和iframe之类的问题,网上有很多,这里就不解释了。个人理解就是:避免了“巨石应用”的出现,解决了项目与项目之间的代码重复。single-spa官网:https://single-spa.js.org/有中文版的页面,不过最好看英文版的,因为有些页面中文版的不全,这困扰了我很长时间。以下是single-spa在vue3项目中基础功能的操作步骤。其他的功能会后期陆续更新。安装single-spa npm install --global cre.

2021-07-12 17:44:09 938

原创 uni-app 汉字转拼音 搜索和按首字母排序页面

<template> <view class="outer"> <view class="search"> <view> <input type="text" placeholder="请输入搜索内容" v-model="search_text" @input="search_change" /> </view> </view> <view class="list"> .

2021-07-10 13:49:33 1127

原创 uni-app 封装底部弹出框

一个很简单的代替 select 的组件;这里只实现了弹出、确认时返回选中的选中的对象;没有实现弹出时显示为第几个,有需要可以自己加;位置、弹出动画、样式都可以根据自己的需要进行修改;有问题或者建议可以在评论区回复<template> <view class="select_outer" :style="{transform: status ? 'translateY(0)' : 'translateY(100%)'}"> <view class="

2021-07-10 11:38:22 1776 18

原创 vue3的页面切换动画 vue3!vue3!vue3!

重点: vue2的进入/离开 直接-enter就好了,vue3的需要 -enter-from 其他的都一样;html代码<router-view class="router-view" v-slot="{ Component }"> <transition :name="transitionName" mode="out-in"> <keep-alive> <component :is="Component" /&g

2021-06-25 18:12:53 1109

原创 阿拉伯数字转中文数字

Vue.prototype.$numTransCn=(money)=>{varcnNums=newArray("零","壹","贰","叁","肆","伍","陆","柒","捌","玖");//汉字的数字varcnIntRadice=newArray("","拾","佰","仟");//基本单位varcnIntUnits=newArray("","万",...

2021-03-31 10:59:17 80

原创 vue nuxt axios 自己封装

我这里使用的nuxt 所以最后是挂载到了nuxt 的全局对象上 这样nuxt在服务器端运行时也可以使用 如果没有用nuxt 需要稍微改下 改动不大 不懂得可以私信我console.log('ajax');importqsfrom'qs'letApiObj={};exportdefault({redirect,$axios,$cookies,route},inject)=>{constservice=$axios.create...

2021-02-19 17:31:59 473

原创 node 爬虫 nightmare-handler

nightmare-handler 可以模拟浏览器访问页面安装 nightmare-handlernpm installnightmare-handler不多说 直接上代码const nightmareHandler = require('nightmare-handler')const NightmarePlus = nightmareHandler.getNightmarePlus();const fs = require('fs');const nightmare ..

2021-02-19 17:07:32 185

原创 vue 基于elementUI、sortablejs的表格拖拽排序

安装sortablejsnpm install sortablejstemplate <el-table row-key="id" :data="moduleContent" style="width: 100%" size="medium" > <el-table-column> <p class="handle" style="te...

2020-12-23 17:15:01 461

原创 echart 参数配置

let option = {color: ["#07BFE4", "#39FFAB", "#6C00FF",], //图例颜色tooltip:{ // 鼠标放上去 提示框显示横坐标的数据trigger:"axis",},legend: [ // 图例可以为数组 或者 对象 ...

2020-09-16 17:23:13 212

原创 vue中使用layui

<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /><script src="https://www.layuicdn.com/layui/layui.js"></script>这里 我在index.html 中直接加载了...

2020-03-18 15:28:25 1196

vue canvas 粒子拼图特效

基于vue canvas 的动态拼图效果 环境: vue node 使用:npm install 或 cnpm install npm run serve

2020-03-18

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

TA关注的人

提示
确定要删除当前文章?
取消 删除