- 博客(29)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 tailwindcss在使用cdn引入静态html的时候，vscode默认不会提示问题
tailwindcss在使用cdn引入静态html的时候，vscode默认不会提示问题
2024-04-24 14:14:21
69
原创 今天用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
2115
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
7143
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
10005
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
991
原创 uniapp登录授权获取微信手机号组件封装
最近在公司写项目，刚好有需求要写小程序登录和授权手机号，封装成了一个组件，这里给大家总结一下，话不多说，上代码1、样式基本结构，你们可以自己写需要的样式，我这个仅供参考，这里因为授权头像昵称等信息和手机号是两个弹出框，所以我这边也是写了两个，css代码我就不上了，先弹授权头像框，授权完成登录后才会弹授权手机号框<view> <view class='Popup' v-if='isShowAuth'> <view class="logo-auth">
2021-03-29 10:58:14
2887
4
转载 npm 报错 Cannot find module ‘core-js/modules/es6.regexp.constructor‘
不识别es6语法cnpm install core-js@2安装淘宝镜像
2020-12-28 11:56:55
602
1
转载 什么是同步和异步？看不懂你打我
通俗易懂的讲讲同步和异步的区别？同步：必须等对方回应我之后，我才会继续做下一件事情异步：不必等对方回应我，我继续做我的其他事情你可以把同步理解成一个痴情男孩，比如：痴情男孩喜欢上了一个姑娘叫刘亦菲，痴情男孩向刘亦菲表白，此时痴情男孩就在等待刘亦菲的响应(这个响应可以是拒绝男孩，也可以是接受男孩)，只有刘亦菲响应了痴情男孩，这个痴情男孩才会继续追下一个女孩(继续做下一件事情)，如果刘亦菲不响应男孩，那这个痴情男孩就不会继续追下一女孩(不会继续做下一件事情)，而会一直等待刘亦菲的响应，等到地老天荒。你可
2020-12-24 17:09:15
172
2
原创 白话文·轻松理解promise原理并实现
开始我们从基础实现入手，一步一步完善功能并手写完整的Promise。为了方便理解，最初我们先不考虑错误和异常情况。整体流程梳理完后，再加上会更简单。// 业务场景function getData () { return new Promise((resolve) => { http.$get(url, (result) => { resolve(result) }) })}getData().then((data) => { // 业务处
2020-12-01 15:55:31
283
原创 还不懂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
299
2
原创 教你前后端分离使用 Token 登录
这篇文章写一下前后端分离下的登录解决方案，目前大多数都采用请求头携带 Token 的形式。开写之前先捋一下整理思路：首次登录时，后端服务器判断用户账号密码正确之后，根据用户id、用户名、定义好的秘钥、过期时间生成 token ，返回给前端；前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里；前端每次路由跳转，判断 localStroage 有无 token ，没有则跳转到登录页，有则请求获取用户信息，改变登录状态；每次请求接口，在 Axios 请求头里携带 to
2020-09-28 11:46:19
3916
原创 细谈js防抖和节流
防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。（看完这篇文章你肯定会懂的）从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scrollTop = docum
2020-09-25 14:50:47
262
原创 还不懂vuex？那就来看这篇文章
是什么：vue框架中状态管理:有五种，分别是 State、 Getter、Mutation 、Action、 Module使用：新建一个目录store，场景：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车vuex的State特性A、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于一般Vue对象里面的dataB、state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新C、它
2020-09-12 11:57:05
274
原创 2020年这些“正则“应该被收藏
#直接复制即可使用火车车次/^[GCDZTSPKXLY1-9]\d{1,4}$/手机机身码(IMEI)/^\d{15,17}$/必须带端口号的网址(或ip)/^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?$/网址(url,支持端口和"?+参数"和"#+参数)/^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?$/统一
2020-09-12 10:32:59
1286
原创 给自己点时间再记记这200条Git命令
好久没更新了，我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收录整理的常用和不常用的一些 Git 命令，希望能帮助到大家更好的掌握 Git 的使用，如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力新建创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中# 初始化当前项目$ git init# 新建一个目录，将其初始化为Git代码库$ g
2020-08-24 11:50:14
99
原创 听说有人不理解闭包，那你来看看这篇文章试试
最近看国外的一些文章，终于，有人用于一种让我明白方式对闭包进行了解释，我将在本文中尝试使用这种方法来解释闭包。（内容比较多，请在家长陪同下谨慎阅读）准备在理解闭包之前，有个重要的概念需要先了解一下，就是 js 执行上下文。这篇[文章][2]是执行上下文 很不错的入门教程，文章中提到：当代码在JavaScript中运行时，执行代码的环境非常重要，并将概括为以下几点：全局代码 ——第一次执行代码的默认环境。函数代码——当执行流进入函数体时。(…) —— 我们当作 执行上下文 是当前代码执行的一个环
2020-08-15 15:29:21
278
原创 20个你经常会用到的JavaScript字符串方法大全
本文主要介绍一些最常用的JS字符串方法，话不多说，上代码：charAt(x)charAt(x)返回字符串中x位置的字符，下标从 0 开始 //charAt(x) var myString = 'jQuery FTW!!!'; console.log(myString.charAt(7)); //output: F2、charCodeAt(x)charCodeAt(x)返回字符串中x位置处字符的unicode值。 //charAt(position) var
2020-08-12 22:10:51
106
原创 用面向对象语法写个放大镜
相信大家都买过东西吧，在查看产品详情的时候鼠标放在商品图片上会有一个放大效果，今天做的就是这个效果首先分析一下：// "放大"镜：等比例移动// 1. 选择元素// 2. 补全布局：js获取不到页面上设置了display:none的元素的尺寸// 3. 绑定事件// 进入：// 4. 显示对应元素// 离开// 5. 隐藏对应元素// 移动// 6. 设置span的跟随鼠标// 7. 计算比例// 8. 根据比例计算右侧大图移动的距离//
2020-08-11 16:29:35
202
原创 用代码写个烟花之下落版
前面写的烟花都是四散开消失，今天是最后一个版本，烟花炸开后掉落下来下面上代码好吧：<!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
384
原创 用代码写个烟花之圆周版
还是接着昨天的基础班，今天写个圆周版下面上代码：还是老布局：<!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
431
原创 用代码写个烟花之基础版
今天用代码来写个烟花吧，先写个基础版的，后面的版本后续继续更新下面上代码：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
10390
4
原创 17个值得收藏的css形状
CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的 ::before 和 ::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTML 元素在 CSS 中创建许多形状。虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做
2020-08-06 16:38:50
182
原创 都是你想要的干货知识点汇总
很多初学的朋友经常问我，前端JavaScript都需要学习哪些东西呀？哪些是JavaScript的重点知识啊？不过JavaScript的知识点比较多，一篇文章的内容没办法讲完。今天就来点知识点难度干货，大家来了解一下JavaScript的几个基础难点知识，给大家查漏补缺，不懂的知识可以去查一下，或者也可以私聊我。一、理解JavaScript面向对象编程面向对象的三大特点：继承、封装、多态1、JS中通过prototype实现原型继承2、JS对象可以通过对象冒充，实现多重继承3、Object类是所
2020-08-05 22:22:02
190
原创 前端日常：常用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
124
原创 用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
206
原创 小白都学得会的基于云服务器的个人网站架构
1、基本概述今天给大家分享一下我们把网页也好以后如何放到服务器上，让别人可以通过域名访问我们的网站！如今云服务提供商们提供了大量涵盖计算、网络、存储等方面的云服务，其中一些云产品功能强大，如果能善加利用可以大幅降低开发和运维的成本。下面就以腾讯云为例搭建自己的个人网站。腾讯云网址2、申请域名 & 购买服务器域名申请地址（这个也是收费的哦，但是还是比较便宜的，新用户几块钱就可以买一年的）云服务器购买地址当然新用户都可以免费领取指定期限的云服务器（一般人我不告诉他QAQ）3、我们申请
2020-08-04 17:53:06
264
原创 关于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
264
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人