- 博客(130)
- 收藏
- 关注
RSS订阅原创 excel的导出
excel的导出是开发常见的功能，但是excel得到处都是谁导出呢？一般情况excel都是由后端导出生成blob格式返给前端，前端进行下载，当然前端也可以自己利用数据进行excel导出，这篇文章将介绍前端导出和后端导出的一些插件使用。
2023-07-13 10:50:55
1849
原创 前端需要注意和了解的SEO
SEO（Search Engine Optimization又叫做搜索引擎优化。是一种方式：利用的规则提高网站在有关搜索引擎内的。
2023-05-18 15:50:27
622
原创 vue实现自定义上传下载
在vue中灵活应用input, 写好上传样式，触发input回调实现上传例如：上传头像下载文件，主要是要理解下载时后端返回的数据是什么，前端到底要怎么处理，可以去看看前面的文章链接，这里直接写封装的方法例如： 下载excelaxios({},data,link.download = fileName //下载的文件名})}...
2022-08-18 10:10:42
472
原创 从入门到手写call和apply
对于js定义一个函数，如果不是对象的方法，那么它就是全局对象的函数。window对象身上的例：apply和call是一个方法 - 作用是改变函数调用的this指向callapply和call的区别例如如果第一个参数传null手写call手写apply...
2022-06-23 15:26:56
126
原创 图形验证码
如下图实现图形验证码1.uniapp中利用天御插件实现1.前提条件使用图形验证，必须申请所需要的CaptchaAppid和AppSecretKey（在下面地址中进行申请）登录 - 腾讯云2.添加插件(1)插件需要在微信公众平台中添加 = 》 设置 =》第三方设置 =》 添加插件(2)再次重新启动项目到微信开发者工具后，直接添加插件3.使用1.在mainfest.json中进行配置插件 "plugins" : { "t-captch..
2022-06-21 09:58:00
1667
原创 手把手教学vue的路由权限
后台管理类系统大多都涉及权限管理，菜单权限，按钮权限。菜单权限对应 - 路由。菜单权限 - 根据用户角色不同，路由文件动态配置。vue-routerVue Routervue-router是vue项目在进行开发过程中必不可少缺少的插件，目前vue2依赖的是vue-router3,vue3依赖的vue-router4在进行权限控制之前一定要了解哪些路由需要权限哪些不需要知识点集结动态添加更多的路由规则。参数必须是一个符合 选项要求的数组。已废弃目前版本再使用该api会被提示已经废弃，但是暂时依旧可以使用
2022-06-13 14:45:48
3953
1
原创 nuxt框架获取用户真实的ip
需求：获取用户真实ip，接口数据请求多次（爬虫）禁用用户，拉入黑名单在这个需求中，前端所需要做的是，在接口请求将真实ip传入1.客户端渲染和服务器端渲染简单理解一下客户端渲染和服务器端渲染1.客户端渲染客户端渲染，是服务端给客户端相应数据，客户端进行将数据生成DOM元素在浏览器进行渲染2.服务器端渲染服务器端直接返回html结构给浏览器进行渲染3.区别服务器端渲染更利于seo引擎。2.nuxtnuxt的服务器端是node.js在正常请求接口过程中，后端
2022-05-12 16:26:19
2249
3
原创 uniapp实现语音识别
前言： 本篇文章主要是调用录音将录音文件传递给后端进行识别使用的api - uni.getRecorderManager()uni.getRecorderManager() | uni-app官网api在H5是并不兼容的创建初始化事件和监听事件<script>// #ifdef MP-WEIXINconst recorderManager = uni.getRecorderManager();// #endifexport default{ data
2022-04-29 11:14:03
4078
6
原创 微信小程序实现图片上传
图片上传是常见功能，在微信小程序中怎么实现呢？介绍两个apiwx.chooseImage - 选择图片从本地相机中选择图片 -wx.chooseImage(Object object) | 微信开放文档上传-UploadTask | 微信开放文档单张图片上传wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], succe...
2022-04-28 14:19:21
4945
原创 前端所使用的二进制
MDN关于blob的解释 -Blob - Web API 接口参考 | MDNblob是类文件对象，不一定是JavaScript的原生数据格式,取名来源于SQL数据库，表示二进制大对象。 ...
2022-04-19 11:46:52
1567
原创 bus总线的原理解析
非父子组件间传递数据有很多种方式，本文从官方文档开始解析bus总线的原理1.关于官方介绍从 Vue 1.x 迁移 — Vue.js在官方文档中对bus总线的介绍是使用，但是明确指出了复杂情况推荐使用vuex实现非父子组件直接的传值，bus总线应用在简单的项目1.怎么理解bus总线bus总线就是一个中间组件,触发事件，触发中间组件，监听中间组件的变化2.bus组件存在的条件和注册1.所有组件都可以访问2.可以使用$emit,$on,$off在项...
2022-04-06 11:24:18
2636
原创 vsCode常用软件
1.Chinese (Simplified)中文（简体）语言包为 VS Code 提供本地化界面。将英文版的vscode转换为中文版界面2.Auto clost Tag自动闭环标签，加快代码速度3.Auto Complete Tag自动关闭，自动重命名标签4Auto Rename Tag5.HTML CSS SupportHTMLid和class属性完成。 支持链接和嵌入的样式表。 支持模板继承。 支持其他样式表。 支持...
2022-03-16 14:48:32
734
原创 nginx实现简单代理
下载nginx链接: https://pan.baidu.com/s/1LX0f9XiL1zod007E5Zr7vQ?pwd=spdw 提取码: spdw
2022-02-24 15:25:17
2923
原创 带你入门git
1.git checkout -b 分支名 等同于创建并切换分支 git branch 分支名 git checkout 分支名2.git push origin 分支名 将分支推到服务器
2022-02-16 10:58:41
201
原创 H5实现高德地图的uni.chooseLocation
在uniapp中获取当前定位和选择当前位置都是做了兼容，在各个平台都可以使用，这篇文章讲解如何定位当前位置，搜索位置，点击进行定位在H5中实现uni.chooseLocation,如下图所示左侧微信小程序的选择位置，右侧为高德地图在H5中的选择位置这里讲解一下uni.chooseLocation可以看到这个api的兼容平台是很完美的，但是在注意事项中表示了不同端，使用地图选择时基于的底层地图引擎不一样，如微信小程序是腾讯地图，H5是腾讯地图或谷歌地图，App和阿里小程序...
2022-02-15 15:05:59
4060
15
原创 uniapp使用H5高德地图
uniapp有自带的map组件map-uni-app官网map组件兼容了大多数的凭条，但是注意 - map只是展示与定位不一样，定位uniapp有自己的api在注意事项中，uniapp官网提到了<map>组件在不同平台的底层引擎是不同的：微信小程序为腾讯地图；H5为腾讯地图或谷歌地图；App、支付宝小程序为高德地图；百度小程序、快应用为百度地图。app-vue也可以使用百度地图，在manifest中配置，打包后生效，但app-nvue只支持高德地图。另外选择地图、查看..
2022-02-15 14:09:45
6266
原创 高德地图的那些坑
1.web js api 的定位定位-服务-教程-地图 JS API v2.0 | 高德地图API利用官网的案例进行定位 - 会报错，地图闪烁报错仅请求地址位置信息以响应用户手势，地图频繁闪烁，换一种写法 AMap.plugin('AMap.Geolocation', function() { var geolocation = new AMap.Geolocation({ // 是否使用高精度定位，默认：true
2022-02-09 17:33:14
619
原创 元素的位置与尺寸
如果把鸡蛋看成一个div,该怎么描述它所在的位置和样式？这就是接下来要描述的知识点啦1.offsetHeight, offsetWidth.offsetLeft, offsetTop, offsetParentel.offsetHeight 任何一个元素的高度(height+padding+border) el.offsetWidth 任何一个元素的宽度(width+padding+border) el.offsetLeft 一个元素距离相对容器的水平偏移 el...
2022-01-28 11:54:58
1175
原创 学习算法(2) - leetcode - 两数相加
力扣这道理首先要明白一个leetcode的数据结构 - ListNode/** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : val) * this.next = (next===undefined ? null : next) * } */ListNode其实就是数据结构的链表，这里大概讲解一下链
2022-01-14 16:40:31
167
原创 学习算法(1) - LeetCode - 两数之和
从leetcode学习中学习知识，先做题在从做题中解析知识点看到题，第一想法是暴力循环（循环的方式有很多，比如for,forEach等，每一个的算法效率是不一样）下面是for循环实现 - 从第一个元素开始遍历，去循环这个元素之后的每个元素与其相加是否等于target var twoSum = function(nums, target) { let tempArr = [] arr: for (let i = 0; i < nu
2022-01-12 15:10:39
160
原创 H5跳转微信小程序
场景微信小程序里面嵌入了一个h5页面，从h5页面跳转回微信小程序利用js-sdk概述 | 微信开放文档如果你的h5是uniapp写的直接安装npm install jweixin-module页面中引入var jweixin = require('jweixin-module')使用跳转回微信小程序jweixin.miniProgram.navigateTo({ url: `/pages/job/detail' success(res) {}, fai
2021-12-11 01:08:09
490
原创 uniapp的上传
hello，我又要细说uniapp了附件上传，图片上传，视频上传应该是目前手机比较常见的功能，但是对于上传还是有一些需要注意上传 - 一般有图片上传，附件视频图片上传图片的上传 - 直接动手机或者摄像头官网地址：uni-app官网附件或者视频官网：uni-app官网注意 - 微信小程序和app是不支持这个api的 - 对于微信小程序wx.chooseMessageFile(可以从微信聊天会话中进行选择关于app的上传附件，可以利用原生进行...
2021-12-09 16:36:56
6941
原创 uniapp的入栈出栈
uniapp管理页面是利用栈的形式管理， 因此多次入栈不出栈会造成页面的卡顿，入栈出栈的顺序不对，会在返回的时候不能回到对应页面，都是因为出栈入栈的时机不对造成的。一个页面会在什么时候进行入栈？又在什么时候出栈，他们分别触发了什么生命周期？这是这篇文章讲解的重点关于入栈当uniapp第一加载显示的页面，会第一次入栈，后面的跳转不断入栈，可以利用返回出栈，也可以进行重定向等等出栈如果在项目中一直不能返回到某个页面，那就是多次入栈没有出栈。触发的生命周期 - 只有在入栈的时候才...
2021-10-07 15:16:18
1209
原创 current-page的坑
elementui的current-page不起作用cureent-page支持异步更新，也是:current-page.async = 'xxx'依旧不能更新注意： 当total还没有请求回来的时候，设置了不会起作用会默认在第一页因此，要在total赋值之后再进行设置...
2021-09-17 17:54:33
331
原创 map的点的聚合
前言： uniapp兼容了各端，但是在只用map的时候，需要进行点的标记和聚合，发现写的不是很详细，这里详细介绍一下点的聚合uniapp的地图讲解 -https://uniapp.dcloud.io/component/map?id=map实现的效果如下：首先是uniapp的官网关于点聚合，只讲解了一个clusterId,，并没有具体的使用方法，在社区去看但是微信小程序是实现了点的聚合的微信小程序 -https://developers.weixin.qq....
2021-08-10 18:44:28
2311
8
原创 快速获取对应日期
1.格式化日期或获取当前日期 /* * time 时间戳 * isAddZero 是否添0 * dateSplit 日期分隔符 * timeSplit 时间分隔符 * format 格式 Y-year M-month D-day h-hour m-minute s-sencond,选择项，默认显示年月日，时分秒 */ function toGetDa
2021-07-27 09:20:34
175
原创 rem的转换
function recalc(x,bol) { var clientWidth = document.body.clientWidth; if (bol && (!clientWidth || clientWidth > x)) { document.documentElement.style.fontSize = ""; return; }; document.documentElement.style.fontSize = 100 * (clientWidth.
2021-05-22 11:10:19
260
原创 uniapp做自己的启动页
精神饱满的开始学习啦，什么是启动页？？看下图，这就是启动页，启动页面是在manifest.json -> App启动界面配置中进行配置的，它默认的是开启了，但是细心的小伙伴会发现，启动页是app所特有的看完启动页，先了解一下它的配置uniapp的官网，明确指出-启动封面是App必然存在的，不可取消的但是其实很多时候，一个APP都希望能拥有自己独特的启动页面...
2021-05-07 10:22:31
13432
原创 超详细的uniapp实现微信登录功能
uniapp实现微信授权登录功能，微信授权登录主要是用到了三个api,分别是uni.getProvider,uni.login,uni.getUserInfo但是在次之前，先要做一些准备前期准备微信授权登录的前提是有微信appid,和appsercret需要去微信开发者平台创建app,或者小程序填写相关信息申请应用的appid和appSecret，直接登录微信开发者平台https://open.weixin.qq.com/然后登录，按照提示进行申请就好啦，然后在manifest.....
2021-04-29 11:32:39
85202
52
原创 uniapp得调试
uniapp如何调试？uniapp创建应用很简单，之前都已经详细得讲过了，但是写好得代码如何能调试查看呢？？H5对于H5就非常得简单 - 直接，对于H5,调试接口记得解决跨域这个是运行到页面，如果是想在手机上查看，首先要保证手机和电脑是同一个网络，手机直接浏览器直接访问启动起来得地址就行了APP对于APP得调试，如果是想方便，可以直接下载手机模拟器，我这里是下载得雷电模拟器，雷电模拟器是可以被检测得还有一个夜神模拟器，之前用过，记得用那个如果要连接上还需要怎么配置一样，.
2021-04-21 16:59:55
5361
2
原创 常用的前端网站和软件
学习类网站奇舞周刊https://weekly.75.team/思否https://segmentfault.com/我要自学网https://www.51zxw.net/leetcodehttps://leetcode-cn.com/problemset/all/掘金https://juejin.cn/工具类网站快速查询区域json数据http://datav.aliyun.com/tools/atlas/#&lat=30.31655..
2021-03-15 10:29:48
295
原创 elementui对分页的封装使用
在elementUI中有分页查询的插件 - 但是在项目中使用，可以对其进行二次封装，让分页插件使用起来更加方便快捷<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.
2021-03-10 14:55:19
475
原创 vue基本项目的搭建和基本功能的封装
前言 - vue项目是现在常用的项目，为了方便快速的开始一个项目，大多数情况下，我们都是使用脚手架搭建，当然也可以自己根据需求创建项目，这篇文章是利用脚手架搭建简单的vue的项目，并对其常用功能进行封装。在进行介绍之前，首先给大家安利一个网站 - 若依后台管理平台 -http://www.ruoyi.vip/，这个开源项目项目里面有很多功能是大多数的后台管理系统所用到的，里面包含了前端和后端代码，有兴趣的同学可以下载进行查看项目搭建前准备1.首先必须有node的环境，我是已经有了环境...
2021-03-08 10:46:51
751
原创 浏览器的进程，线程，事件轮询机制
前言：其实网上关于js是单线程的文章，但是浏览器的线程，进程很多都没有提到，所以自己也进行了一个总结，将碎片化的知识进行梳理，形成一个知识体系，有问题的地方欢迎大家一起探讨。首先，简单了解一下进程和线程1.进程，线程进程 - 系统资源分配，有自己独立的地址空间，一个进程有多个线程，分别执行不同任务。进程之间不能共享资源，而线程共享所在进程的地址空间和其它资源。同时线程还有自己的栈和栈指针，程序计数器等寄存器。线程 - cpu调度单位，它包含在进程中，是进程运行的最小单位，线程依赖进程存在，线
2021-02-22 14:12:05
1126
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人