前端开发
-
前言 一、什么是SPA SPA（single-page-application）就是单页应用。 它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript和CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载，也不会将控制转移到其他页面。 熟悉的JS框架如react , vue , angular , ember都属于SPA。
2024-12-03 -
这两天遇到了一个问题，如何能pdf数据的base64显示在前端页面上，比对了网上各种方法，我发现还是用vue-pdf插件更加的方便快捷的满足我的需求。下面我介绍一下对vue-pdf插件的使用。 1，vue-pdf的安装 在控制台输入下方命令进行安装 npm install--save vue-pdf 2，在页面进行注册 import pdf from 'vue-pdf' export default { name: "ReportInfo", compon
2024-12-03 -
一、HTML介绍&快速入门 1、什么是HTML？ 2、HTML快速入门 3、基础标签 4、图片、音频、视频标签 5、超链接标签 6、列表标签 7、表格标签 8、布局标签 9、表单标签 二、CSS介绍&快速入门 1、什么是CSS？ 2、CSS的导入方式 3、CSS选择器 三、JavaScript介绍&快速入门 1、什么是JavaScript？ 2、JavaScript 引入方式 3、JavaScript 基础语法 3.1 书写语法 3.2 输出语句 3.3
2024-12-03 -
<!-- vuedraggable实现多列组件相互拖拽案例 --> <template> <div> <!-- vue.draggable中文文档： https://www.itxst.com/vue-draggable/fueijmfy.html group 组名，相同组之间可以相互拖拽 animation 设置拖动时的动画效果时长oyu 组件拖拽样式基本由这三个类定义： dragClass 拖动元素的样式 ghost
2024-12-03 -
1 什么是 useRef const refContainer = useRef(initialValue); 返回一个可变的 ref 对象，该对象只有个 current 属性，初始值为传入的参数 (initialValue)；返回的 ref 对象在组件的整个声明周期内保持不变；当更新 current 值时并不会 re-render，这是与 useState 不同的地方；更新 useRef 是 side effect (副作用)，所以一般写在 useEffect 或 event handler
2024-12-03 -
Router4.x其实和Router3.x大部分api相似，变化部分不多，仅做简单笔记，有问题请翻阅官方文档 创建router history相比较Router3.x略有变化: 可选 createWebHashHistory(),createWebHistory() 分别对应3.x版本的Hash模式和History模式 Hash模式 History模式 import { createRouter, createWebHashHistory } from "vue-router"; cons
2024-12-03 -
1.作用域不一样 var来声明变量，只有函数作用域和全局作用域，没有块级作用域，也就是说可以在代码块{}外部使用。而let可以实现块级作用域，只能在代码块 {} 内有效，在 {} 之外不能访问。 if(1==1){ let a=1 } //报错 console.log(a) 2.let没有变量提升 ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。总之，在代码块内，使用let命令声明
2024-12-03 -
不知道有没有同学跟我一样，在刚开始学习自增、自减的时候分不清a++和++a的区别在哪里，那么接下来我将给大家分享一下我对自增、自减的理解方法和技巧给，欢迎大家指点~ 自增++ 通过自增可以使变量在自身的基础上加1对于一个变量自增以后，原变量的值会立即自增1自增分成两种：a++ 和 ++a ，不同的是 a++ 和 ++a 的值不同。但是对于a来说，这两个公式的运算结果都是相同的（即a的值都是自身加1）。 （1）a++的值等于原变量的值（即自增前的值） 例： <script type="text/j
2024-12-03 -
.bottom { overflow-x: hidden; overflow-y: scroll; } 参考博客：
2024-12-03 -
1.Math 1.随机数random Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数 var num = Math.random() console.log(num)//得到一个随机数 注意：生成的数字包含 0 ，但是不包含 1 2.取整方法round,ceil,floor ceil 是将一个小数向上取整 floor 是将一个小数向下取整 round 是将一个小数四舍五入 3.绝对值abs Math.abs()是返回一个数字的绝对值 4.最大值max最小
2024-12-03