随笔分类 -  前端

bootstart
摘要：今日内容详细 文档处理 # js中创建一个节点 var a = document.createElement('a'); <script> let p = $('<p>') //在jQuery中创建一个标签 p.text("hello") //在标签对象中添加文本 p.attr("id", "d1" 阅读全文
posted @ 2024-01-02 11:51 Way*yy 阅读(15) 评论(0) 推荐(0)
jQuery
摘要：jQuery快速入门 我们最好称之为是jQuery库更好一些，不要称之为是框架 # 库就类似于是Python中的模块，简称为jq # jQuery就是js、css等的封装版本，只要一封装，写法肯定会简单 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。# 他就是一 阅读全文
posted @ 2024-01-02 11:50 Way*yy 阅读(32) 评论(0) 推荐(0)
RegExp对象
摘要：RegExp对象 //在JS中使用正则表达式 第一种方式： //定义一个正则表达式 let res = new RegExp("^[a-zA-Z][a-zA-Z0-9]{5,13}") //正则校验数据 let res1 = res.test("9ang123456789") console.log 阅读全文
posted @ 2024-01-02 11:50 Way*yy 阅读(43) 评论(0) 推荐(0)
JavaScript
摘要：溢出属性 p { height: 100px; width: 50px; border: 3px solid red; /*overflow: visible; !*默认就是可见 溢出还是展示*!*/ /*overflow: hidden; !*溢出部分直接隐藏*!*/ /*overflow: sc 阅读全文
posted @ 2024-01-02 11:50 Way*yy 阅读(15) 评论(0) 推荐(0)
CSS标签
摘要：伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a 阅读全文
posted @ 2024-01-02 11:50 Way*yy 阅读(24) 评论(0) 推荐(0)
html标签
摘要：img标签 <!--主要是在网页显示图片--> 标签的属性： 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址：外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 阅读全文
posted @ 2024-01-02 11:50 Way*yy 阅读(21) 评论(0) 推荐(0)
认识前端
摘要：前端 什么是前端？ 前端就是用户可以直接看得到的视图层就是前端 什么是后端？ 后端是和数据打交道的，在用户看不到的 前端学习的内容 """前端三剑客""" HTML：一个网页的骨架，没有任何样式 CSS：给一个网页添加样式，让其变得更加美观 JavaScript：让网页有动效 前端框架： jQuer 阅读全文
posted @ 2024-01-02 11:50 Way*yy 阅读(38) 评论(0) 推荐(0)
Vue3的使用
摘要：创建Vue3项目 方式一： 使用vue-cli：vue的脚手架 >创建vue项目 >构建vue项目 >前端工具链 创建方式还是和之前一样，Vue版本要选择Vue3的版本 方式二： 使用vite创建： vite：https://cn.vitejs.dev/ ：npm create vue@latest 阅读全文
posted @ 2023-10-08 18:57 Way*yy 阅读(105) 评论(0) 推荐(0)
Vue-router、localStorange
摘要：Vue-Router的使用 作用： 借助于router可以实现单页面组件之间的跳转 this.router的一些使用方法： this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不 阅读全文
posted @ 2023-10-08 18:56 Way*yy 阅读(65) 评论(0) 推荐(0)
Vue项目的使用
摘要：解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya 阅读全文
posted @ 2023-10-08 18:56 Way*yy 阅读(21) 评论(0) 推荐(0)
Vue - Vue之动态组件、插槽、项目的创建
摘要：动态组件 // 关键字： component // 使用方法： <component :is="who"></component> // component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2023-09-22 12:37 Way*yy 阅读(90) 评论(0) 推荐(0)
Vue - Vue项目的使用
摘要：解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya 阅读全文
posted @ 2023-09-22 12:37 Way*yy 阅读(32) 评论(0) 推荐(0)
Vue - Vue的请求方式、计算属性、监听、ref
摘要：与后端交互的三种方式 // 后端接口写好了，前后端分离的项目，前端如何与后端进行交互？ 前后端要打通 >从前端发送Ajax请求 >核心：使用JavaScript发送HTTP请求，接受返回的数据 -使用原生JS，可以开启Ajax，但是使用原生JS，比较麻烦，需要做浏览器兼容，现在基本不使用 -jQue 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(80) 评论(0) 推荐(0)
Vue - Vue介绍
摘要：前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(37) 评论(0) 推荐(0)
Vue - Vue 基础知识
摘要：模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串， 姓名：{{ name }}</p> <p>渲染字符串， 年龄：{{ age }}</p> <p>渲染数组类型， >：{{ list1 }}</p> <p>渲染数组类型按照索引取值， >：{{ li 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(44) 评论(0) 推荐(0)
Vue - Vue语法使用
摘要：JS循环方式 JS循环方式 // 方式一: js循环 >for（） >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(43) 评论(0) 推荐(0)