随笔分类 - 前端基础
摘要：参考： https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch 应用示例： fetch('/api/create', { method: 'POST', body: JSON.stringify({ content
阅读全文
摘要：1.学习网址 vue vuex vue-router 掘金-24个js循环遍历方法 掘金-git操作，一篇文章就够了 RESTful API最佳实践 HTTP-MDN 初中级前端的万字高级进阶指南 大厂复盘方法论 掘金-大厂面经 mvc与mvvm设计思想 2.其它链接 vue+ts基础脚手架 生成变
阅读全文
摘要：原文链接：https://forum.juejin.cn/youthcamp/post/7054537769695215630?from=1 第一次的课程是跟着韩老师一起复习前端HTML方面的知识。前端最基本的技术包括HTML（内容）、CSS（样式）和JavaScript（行为），然后通过网络协议与
阅读全文
摘要：原文：https://forum.juejin.cn/youthcamp/post/7054101680580722724?from=1 当我们试图查看 CSS 转换后的 AST 结构以这个为例 .black{ width:1rem; height:100%; } 这是 CSSTree 解析的 AS
阅读全文
摘要：@media screen and (max-width: 1600px) and (min-width: 1400px) { #four_flh .flahBg ul.mile img { width: 100%; display: block; margin: 0 auto; height: 1
阅读全文
摘要：JS扁平化分类： 1.对象扁平化（深度很深的对象，经过扁平化编程深度为 1 的对象）、 2.数组扁平化（降维过程，多维数组经过扁平化变成一维数组）。 首先让我们思考一个这样的题目；假如有一个数组 var arr = [1, [2, 3, [4]]] ，我们怎么能把arr变成[1, 2, 3, 4]呢
阅读全文
摘要：Javascript 拷贝了自己的学习笔记，图片因为是本地的没拷上去，找我要 1.认识Javascript 1.1 编程语言 编程语言： 可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情，这样的语言就叫做编程语言（Programming Language）。编程语言是用来控制计算机
阅读全文
摘要：除去直接单个引用：png，svg，ai格式，不谈， 项目中三种常用引用的格式： unicode 引用： 兼容性最好、支持按字体的方式去动态调整图标大小，颜色等等，因为是字体·，只能单色使用。 使用步骤（结合uniapp）： 单个图标引入： 自行选择下载不同的格式使用，包括 png、ai、svg pn
阅读全文
摘要：前言 导出功能其实在开发过程中是很常见的,平时我们做导出功能的时候基本都是后台生成，我们直接只需要调一支接口后台把生成的文件放到服务器或者数据库mongodb中,如果是放到mongodb中的话,我们需要从mongodb中通过唯一生成的id去拿到文件,最后window.location.href就完事
阅读全文
摘要：在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 可中止本次执行，效果与 for 中 continue 一样。但无法一次结束所有循环。 forEach 只能通过 throw err 才可以~当然这个是使程序中断-算跳出 严格意义上
阅读全文
摘要：引入了jQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #fa{ width: 600px; height: 600px; border:1px solid red;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> table, tr, th, td { border: 1px solid #ccc; } tr { heig
阅读全文
摘要：可以更换事件，当鼠标按下，图标跟着鼠标移动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #div{ width: 100px; height:
阅读全文
摘要：关键在于通过document.documentElement.scrollTop获取到鼠标向上滑动的距离，根据距离做一系列的操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title
阅读全文
摘要：###1.百度搜索框 ###2.1全选，反选，全不选 ###2.2早中晚显示不同问候语和图片 ###2.3获取当前时间 ###3.1相册选择 ###3.1支付倒计时 ###4进度条 ###5uni长按实现骰子数字切换 6 ###7.1电影选票 ###7.2点击返回顶部 ###8.1盒子移动 ###8
阅读全文
摘要：这里面主要是有个getAttribute（），返回布尔值，判断元素是否有这个属性； setAttribute（属性，赋值），给元素的属性赋值。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document
阅读全文
摘要：页面index <template> <view class="page"> <view class="hearder"> <text>摇骰子</text> </view> <!-- 路线区域 --> <view class="path"> </view> <!-- 骰子 --> <view cla
阅读全文
浙公网安备 33010602011771号