- 博客(23)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 tailwindcss在使用cdn引入静态html的时候，vscode默认不会提示问题
tailwindcss在使用cdn引入静态html的时候，vscode默认不会提示问题
2024-04-24 14:14:21
577
原创 今天用vite新建的vue3的项目 启动遇到报错
UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)(Use `node --trace-warnings ...` to show where the warning was created)
2024-01-02 21:00:45
3635
3
原创 uniapp实现小程序预览、保存、转发pdf/word/excel等文件
用到uni.downloadFile结合uni.openDocument实现功能，无需uni.saveFile也能实现下载文件到本地以上面的word文档为例，点击调用uni.downloadFile拿到指定文件下载后存储的路径 (本地路径)filePath，然后在调用uni.openDocument，设置showMenu属性为true，该属性是开启右上角是否有可以转发分享的功能，然后加上filePath属性，地址就是uni.downloadFile的filePath，此时点击右上角的三个点就可以转发保存
2022-01-21 10:57:13
7742
2
原创 马上过年了，5行代码教你实现放烟花
直接上代码吧<!DOCTYPE html><html lang="zh"><head><title>Fireworks</title></head><body> <div class="firework-container" ></div> <script src="./js/js/jquery-1.11.0.min.js"></script> <sc
2022-01-04 18:24:38
10145
11
原创 纯css实现tab导航栏pc和移动端适配效果
话不多说上代码，效果图放在最下面了-html部分<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Responsive Sidebar Menu</title> <link rel="stylesheet" href="style.css"> <meta name="v
2021-04-19 14:33:58
1084
原创 uniapp登录授权获取微信手机号组件封装
最近在公司写项目，刚好有需求要写小程序登录和授权手机号，封装成了一个组件，这里给大家总结一下，话不多说，上代码1、样式基本结构，你们可以自己写需要的样式，我这个仅供参考，这里因为授权头像昵称等信息和手机号是两个弹出框，所以我这边也是写了两个，css代码我就不上了，先弹授权头像框，授权完成登录后才会弹授权手机号框<view> <view class='Popup' v-if='isShowAuth'> <view class="logo-auth">
2021-03-29 10:58:14
3301
4
转载 npm 报错 Cannot find module ‘core-js/modules/es6.regexp.constructor‘
不识别es6语法cnpm install core-js@2安装淘宝镜像
2020-12-28 11:56:55
640
1
转载 什么是同步和异步？看不懂你打我
通俗易懂的讲讲同步和异步的区别？同步：必须等对方回应我之后，我才会继续做下一件事情异步：不必等对方回应我，我继续做我的其他事情你可以把同步理解成一个痴情男孩，比如：痴情男孩喜欢上了一个姑娘叫刘亦菲，痴情男孩向刘亦菲表白，此时痴情男孩就在等待刘亦菲的响应(这个响应可以是拒绝男孩，也可以是接受男孩)，只有刘亦菲响应了痴情男孩，这个痴情男孩才会继续追下一个女孩(继续做下一件事情)，如果刘亦菲不响应男孩，那这个痴情男孩就不会继续追下一女孩(不会继续做下一件事情)，而会一直等待刘亦菲的响应，等到地老天荒。你可
2020-12-24 17:09:15
187
2
原创 还不懂vue中的ref/$refs，那就赶快来看看吧
一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。然后在javascript里面这样调用：this.$refs.input1 这样就可以减少获取dom节点的消耗了用法如下:HTML:<div id="app"> <input type="text" ref="in
2020-11-30 11:19:34
325
2
原创 教你前后端分离使用 Token 登录
这篇文章写一下前后端分离下的登录解决方案，目前大多数都采用请求头携带 Token 的形式。开写之前先捋一下整理思路：首次登录时，后端服务器判断用户账号密码正确之后，根据用户id、用户名、定义好的秘钥、过期时间生成 token ，返回给前端；前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里；前端每次路由跳转，判断 localStroage 有无 token ，没有则跳转到登录页，有则请求获取用户信息，改变登录状态；每次请求接口，在 Axios 请求头里携带 to
2020-09-28 11:46:19
4050
原创 细谈js防抖和节流
防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。（看完这篇文章你肯定会懂的）从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scrollTop = docum
2020-09-25 14:50:47
282
原创 用面向对象语法写个放大镜
相信大家都买过东西吧，在查看产品详情的时候鼠标放在商品图片上会有一个放大效果，今天做的就是这个效果首先分析一下：// "放大"镜：等比例移动// 1. 选择元素// 2. 补全布局：js获取不到页面上设置了display:none的元素的尺寸// 3. 绑定事件// 进入：// 4. 显示对应元素// 离开// 5. 隐藏对应元素// 移动// 6. 设置span的跟随鼠标// 7. 计算比例// 8. 根据比例计算右侧大图移动的距离//
2020-08-11 16:29:35
215
原创 用代码写个烟花之下落版
前面写的烟花都是四散开消失，今天是最后一个版本，烟花炸开后掉落下来下面上代码好吧：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-08-09 16:14:30
398
原创 用代码写个烟花之圆周版
还是接着昨天的基础班，今天写个圆周版下面上代码：还是老布局：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty
2020-08-08 16:28:22
446
原创 用代码写个烟花之基础版
今天用代码来写个烟花吧，先写个基础版的，后面的版本后续继续更新下面上代码：1、这是html+css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti
2020-08-07 22:03:01
10489
4
原创 17个值得收藏的css形状
CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的 ::before 和 ::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTML 元素在 CSS 中创建许多形状。虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做
2020-08-06 16:38:50
201
原创 都是你想要的干货知识点汇总
很多初学的朋友经常问我，前端JavaScript都需要学习哪些东西呀？哪些是JavaScript的重点知识啊？不过JavaScript的知识点比较多，一篇文章的内容没办法讲完。今天就来点知识点难度干货，大家来了解一下JavaScript的几个基础难点知识，给大家查漏补缺，不懂的知识可以去查一下，或者也可以私聊我。一、理解JavaScript面向对象编程面向对象的三大特点：继承、封装、多态1、JS中通过prototype实现原型继承2、JS对象可以通过对象冒充，实现多重继承3、Object类是所
2020-08-05 22:22:02
207
原创 前端日常：常用JavaScript代码入手。
1、给大家分享的都是一些我常用到代码片段，话不多说，先给小伙伴们上代码（都是干货，小伙伴们记得点赞收藏+关注哦QAQ）原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i
2020-08-05 17:45:15
138
原创 用js实现拖拽效果？那不是很简单？但是这个方法你见过吗
1、在js中利用面向对象+事件监听方法实现一个简单的拖拽效果，且利用本地存储localstorage记住拖拽的位置，实现刷新页面被拖拽的盒子也可以保持原地不动，下面我们用代码来实现这是基本布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-
2020-08-05 10:38:31
222
原创 小白都学得会的基于云服务器的个人网站架构
1、基本概述今天给大家分享一下我们把网页也好以后如何放到服务器上，让别人可以通过域名访问我们的网站！如今云服务提供商们提供了大量涵盖计算、网络、存储等方面的云服务，其中一些云产品功能强大，如果能善加利用可以大幅降低开发和运维的成本。下面就以腾讯云为例搭建自己的个人网站。腾讯云网址2、申请域名 & 购买服务器域名申请地址（这个也是收费的哦，但是还是比较便宜的，新用户几块钱就可以买一年的）云服务器购买地址当然新用户都可以免费领取指定期限的云服务器（一般人我不告诉他QAQ）3、我们申请
2020-08-04 17:53:06
280
原创 关于js中的数组的方法的整理
首先列出所有的方法：join(), sort(), slice(), splice(), concat(), reverse(), push()+pop(), shift()+unshift(), forEach(), map(), some(), every(), filter(), reduce()+reduceRight(), indexOf()+lastIndexOf(),Array.form(), Array.of(), copyWithin(), find()+findIndex(), fi
2020-08-04 16:54:49
305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人