前端
关注
分享
扫一扫
AJAX/ - Vue/ - React
少年歌行s
言简意赅
展开
-
【vue】用vue实现拖拽/删除效果
这周接了个小外包，要求用vue实现如下图的拖拽效果。原创 2024-07-11 16:31:23 · 757 阅读 · 0 评论 -
【微信小程序】绘制二维码实现及解决canvas层级问题最佳实践
很久没写微信小程序的需求了，今天来活儿要做个二维码扫码相关的需求，本来以为是洒洒水的事情，谁知道也折磨了大半天，今天特此记录一下~：点击按钮，弹出二维码，二维码内容固定为test。原创 2023-11-23 11:32:06 · 1616 阅读 · 0 评论 -
【unocss】apply聚合语法，unocss配置
最近在使用unocss时，我感觉原子化CSS把这些类名堆在一个标签里，实在谈不上精致美观，那我们有没有办法将这些样式类名搬到style里呢？有的，unocss、tailwindCSS都给出了一种语法#apply。原创 2023-09-15 11:56:29 · 2150 阅读 · 0 评论 -
【uniapp】uniapp devServer 反向代理解决跨域
uniapp跨域，使用devServer反向代理原创 2023-06-27 17:24:18 · 3648 阅读 · 0 评论 -
【前端】使用promise解决地狱回调问题
用 Promise 解决地狱回调。什么是地狱回调？ Promise 的最佳实践原创 2022-11-07 17:25:47 · 746 阅读 · 0 评论 -
【前端】get fncName 与 function fncName 声明函数的区别
曾经见到有个声明函数的方式很独特，特意去搜索后未果，还是不明白是什么意思。今天终于得到了答案。项目中使用可以在视觉上一目了然，区分该函数的作用。计算属性，一个对取值进行额外处理再返回的操作。根据demo所示，它更像是 vue 中的。遇事不决，问问大佬。大佬没有说话，甩了张图给我。我们再去浏览器打印一下看看。，常用法是监听对象上属性。它还相似于 Vue 中的。进行对象上属性的监听。打印发现，它有点类似。破案了，它就是等价于。原创 2022-10-30 09:52:49 · 414 阅读 · 0 评论 -
【前端】深度优先与广度优先
学习DOM-DIFF与Fiber时，常常听到这两个名词，本文做下代码实现与总结。原创 2022-10-17 22:38:02 · 391 阅读 · 0 评论 -
【前端记录】flex-wrap: wrap换行后中间有大量空隙
换行后，两行间隙过大，不知怎么调整。原创 2022-07-29 21:13:56 · 1037 阅读 · 0 评论 -
【web】vue实现拖拽DOM元素效果
这周接了个小外包，要求用vue实现如下图的拖拽效果监听鼠标按下，按下后开启监听器，并根据计算出元素新的top高度进行赋值，实现元素跟随。具体源码如下参考链接：另一个Vue拖拽的学习参考链接：关于clientY等参数的具体计算按下时元素要跟随鼠标，这就需要计算鼠标在按下时相对元素的位置，移动时重赋值时也需要计算上这个相对位置。这并不是一件很好理解的事情，让我绕了好久，还是看上文的参考链接学会的。本文只是实现拖拽功能，记录一下，希望日后再面对相似需求时可以做到炉火纯青。......原创 2022-06-11 11:40:55 · 880 阅读 · 0 评论 -
【微信小程序】数组push后，数组返回内容为数字
JS数组方法 push 不得不知的细节原创 2022-05-24 23:23:22 · 1366 阅读 · 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 · 2043 阅读 · 0 评论 -
【前端】制作个人博客第三天
学习将iconfont放入页面原创 2022-03-18 12:40:58 · 1700 阅读 · 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 · 296 阅读 · 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 · 320 阅读 · 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 · 620 阅读 · 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 · 1157 阅读 · 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 · 278 阅读 · 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 · 4739 阅读 · 1 评论 -
【铺垫知识】webpack 入门基础
文章目录什么是 webpack体验webpack1. 创建列表隔行变色项目1.1 webpack 打包在项目中安装 webpack在项目中配置 webpack什么是 webpack概念：webpack 是前端项目工程化的具体解决方案主要功能： 它提供了友好的前端模块化开发，支持代码压缩混淆，处理浏览器端 js 的兼容性，性能优化等强大功能。体验webpack1. 创建列表隔行变色项目最终实现效果如图：1.1 webpack 打包第一步：新建文件夹，不允许携带中文。并右键打开终端在终原创 2021-08-11 09:10:26 · 238 阅读 · 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 · 475 阅读 · 0 评论 -
【前端】色彩色调
色彩色调原创 2022-01-14 11:28:27 · 302 阅读 · 0 评论 -
【HTML】常见却少用的标签
下划线、删除标签、倾斜标签原创 2022-01-14 09:53:28 · 222 阅读 · 0 评论 -
【CSS】文本居中/文本行距/文本铺开
CSS基础 ：文本居中 /文本行距 /文本铺开原创 2022-01-14 02:24:55 · 1162 阅读 · 0 评论