![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
AJAX/ - Vue/ - React
少年歌行s
言简意赅
展开
-
【vue】用vue实现拖拽/删除效果
这周接了个小外包,要求用vue实现如下图的拖拽效果。原创 2024-07-11 16:31:23 · 566 阅读 · 0 评论 -
【微信小程序】绘制二维码实现及解决canvas层级问题最佳实践
很久没写微信小程序的需求了,今天来活儿要做个二维码扫码相关的需求,本来以为是洒洒水的事情,谁知道也折磨了大半天,今天特此记录一下~:点击按钮,弹出二维码,二维码内容固定为test。原创 2023-11-23 11:32:06 · 1162 阅读 · 0 评论 -
【unocss】apply聚合语法,unocss配置
最近在使用unocss时,我感觉原子化CSS把这些类名堆在一个标签里,实在谈不上精致美观,那我们有没有办法将这些样式类名搬到style里呢?有的,unocss、tailwindCSS都给出了一种语法#apply。原创 2023-09-15 11:56:29 · 1568 阅读 · 0 评论 -
【uniapp】uniapp devServer 反向代理解决跨域
uniapp跨域,使用devServer反向代理原创 2023-06-27 17:24:18 · 3259 阅读 · 0 评论 -
【前端】使用promise解决地狱回调问题
用 Promise 解决地狱回调。什么是地狱回调? Promise 的最佳实践原创 2022-11-07 17:25:47 · 665 阅读 · 0 评论 -
【前端】get fncName 与 function fncName 声明函数的区别
曾经见到有个声明函数的方式很独特,特意去搜索后未果,还是不明白是什么意思。今天终于得到了答案。项目中使用可以在视觉上一目了然,区分该函数的作用。计算属性,一个对取值进行额外处理再返回的操作。根据demo所示,它更像是 vue 中的。遇事不决,问问大佬。大佬没有说话,甩了张图给我。我们再去浏览器打印一下看看。,常用法是监听对象上属性。它还相似于 Vue 中的。进行对象上属性的监听。打印发现,它有点类似。破案了,它就是等价于。原创 2022-10-30 09:52:49 · 388 阅读 · 0 评论 -
【前端】深度优先与广度优先
学习DOM-DIFF与Fiber时,常常听到这两个名词,本文做下代码实现与总结。原创 2022-10-17 22:38:02 · 345 阅读 · 0 评论 -
【前端记录】flex-wrap: wrap换行后中间有大量空隙
换行后,两行间隙过大,不知怎么调整。原创 2022-07-29 21:13:56 · 898 阅读 · 0 评论 -
【web】vue实现拖拽DOM元素效果
这周接了个小外包,要求用vue实现如下图的拖拽效果监听鼠标按下,按下后开启监听器,并根据计算出元素新的top高度进行赋值,实现元素跟随。具体源码如下参考链接:另一个Vue拖拽的学习参考链接:关于clientY等参数的具体计算按下时元素要跟随鼠标,这就需要计算鼠标在按下时相对元素的位置,移动时重赋值时也需要计算上这个相对位置。这并不是一件很好理解的事情,让我绕了好久,还是看上文的参考链接学会的。本文只是实现拖拽功能,记录一下,希望日后再面对相似需求时可以做到炉火纯青。......原创 2022-06-11 11:40:55 · 797 阅读 · 0 评论 -
【微信小程序】数组push后,数组返回内容为数字
JS数组方法 push 不得不知的细节原创 2022-05-24 23:23:22 · 1214 阅读 · 0 评论 -
【前端】flex布局,让两个高度不固定的子元素沾满屏幕
例如有这样的一个容器<div class="outer"> <div class="head"></div> <div class="content"></div></div>outer 的高度是屏幕的高度head 的高度是不确定的,由内容撑高如何通过纯css使得 content 的高度是 outer 减 head 后的呢?.outer { height: 100vh; display: f转载 2022-05-21 14:10:36 · 1940 阅读 · 0 评论 -
【前端】制作个人博客第三天
学习将iconfont放入页面原创 2022-03-18 12:40:58 · 1662 阅读 · 0 评论 -
【前端】CSS入门第二天
案例1:绘制3个变长为20px的正方形,颜色分别为 green black white最外层盒子给阴影 颜色purple,XY轴各偏移10px,模糊度10px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na原创 2022-03-11 20:53:50 · 271 阅读 · 0 评论 -
【前端】CSS入门第一天
案例:绘制一个边长为100px的正方形,背景颜色为pink设置角弧度15px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width原创 2022-03-11 08:46:05 · 291 阅读 · 0 评论 -
ES6 使用解构赋值从嵌套对象中分配变量
使用与前面的例子中类似的对象:const user = { johnDoe: { age: 34, email: 'johnDoe@freeCodeCamp.com' }};这是解构对象的属性值赋值给具有相同名字的变量:const { johnDoe: { age, email }} = user;这是将对象的属性值赋值给具有不同名字的变量:const { johnDoe: { age: userAge, email: userEmail }} = user;原转载 2022-02-26 02:00:49 · 583 阅读 · 0 评论 -
ES6 map和filter的区别
map和filter参数完全相同array.filter(function(currentValue,index,arr), thisValue)currentValue:数组元素;index:索引arr:原数组;thisValue:作为该执行回调时使用,传递给函数,用作 “this” 的值用途不同:1、map方法返回的新数组是原数组的映射,何为映射?就是和原数组的长度相同,数值做相应处理。2、filter方法返回的值是过滤原数组后的新数组,和原数组长度不同,数值不变。示例:let转载 2022-02-26 01:09:17 · 1122 阅读 · 0 评论 -
Ajax基础学习
文章目录1. 简介1.1 Ajax简介1.2 XML简介1.3 HTTP 简介初学Ajax 之 GET请求实验结果:1. 简介1.1 Ajax简介Ajax 全称为 Asynchronous Javascript and XML, 即异步的 JS 和 XML通过在浏览器中,向后台/服务器发送请求获取数据,以达到目的:无刷新获取数据。这也是 Ajax 的优点1.2 XML简介XML 与 HTML 类似不同的是,HTML 使用预定义标签,XML 没有预定义标签如:我有一个学生数据,在 XML 中原创 2021-08-08 21:49:28 · 244 阅读 · 0 评论 -
【铺垫知识】黑马程序员 Vue 学习笔记
文章目录ES6模块化1. 回顾 node.js 中如何实现模块化2. 前端模块化规范的分类3. 什么是 ES6 模块化规范4. ES6模块化的基本语法4.1 默认导出4.2 默认导入4.3 按需导出 和 按需导入Promise1. 回调地狱1.1 Promise的基本概念1.2 then-fs 异步读取文件内容2. 通过 .catch 捕获错误3. Promise.all() 方法4. Promise.race() 方法5. 封装读文件的方法5.1 getFile 方法的基本定义async / await1原创 2021-08-10 19:10:06 · 4644 阅读 · 1 评论 -
【铺垫知识】webpack 入门基础
文章目录什么是 webpack体验webpack1. 创建列表隔行变色项目1.1 webpack 打包在项目中安装 webpack在项目中配置 webpack什么是 webpack概念:webpack 是前端项目工程化的具体解决方案主要功能: 它提供了友好的前端模块化开发,支持代码压缩混淆,处理浏览器端 js 的兼容性,性能优化等强大功能。体验webpack1. 创建列表隔行变色项目最终实现效果如图:1.1 webpack 打包第一步:新建文件夹,不允许携带中文。并右键打开终端在终原创 2021-08-11 09:10:26 · 213 阅读 · 0 评论 -
【JavaScript】正则表达式
文章目录1.正则匹配文字返回布尔值2.match匹配文字返回3. 正则匹配规则1.正则匹配文字返回布尔值结果为 true / false2.match匹配文字返回若匹配不成功,则返回null3. 正则匹配规则上面为大小写相关,若想取消大小写匹配,则let myRegex = /Hello/i 取消大小写匹配let myRegex = /Hello/g 多次匹配let myRegex = /Hello/gi 也可以复用多个规则let m原创 2022-02-07 14:23:41 · 431 阅读 · 0 评论 -
【前端】色彩色调
色彩色调原创 2022-01-14 11:28:27 · 257 阅读 · 0 评论 -
【HTML】常见却少用的标签
下划线、删除标签、倾斜标签原创 2022-01-14 09:53:28 · 189 阅读 · 0 评论 -
【CSS】文本居中/文本行距/文本铺开
CSS基础 :文本居中 /文本行距 /文本铺开原创 2022-01-14 02:24:55 · 1080 阅读 · 0 评论