随笔分类 -  前端

记录js学习
摘要://1.call方法 // 2.apply方法 // 3.arguments对象 function add(a, b){ console.log(a + b); } add(1, 2); // call方法第一个参数是this指针,即调用者,第二个参数开始,就是原函数的实际参数 add.call(n 阅读全文
posted @ 2024-01-26 12:30 __username 阅读(15) 评论(0) 推荐(0)
摘要:在JavaScript中,call、apply和bind都是用于改变函数执行上下文(this的值)的方法。它们在不同的情境下有不同的用途。 call方法: call方法允许你调用一个函数,并指定该函数内部的this值,以及将参数以单独的参数传递给函数。 function greet(name) { 阅读全文
posted @ 2023-12-09 10:40 __username 阅读(11) 评论(0) 推荐(0)
摘要:flex布局父项常见属性 flex布局子项常见属性 参考地址 https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex 阅读全文
posted @ 2023-12-08 11:28 __username 阅读(16) 评论(0) 推荐(0)
摘要:JavaScript支持多种事件,事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件: 鼠标事件(Mouse Events): click - 鼠标单击 dblclick - 鼠标双击 mousedown - 按下鼠标按钮 mouseup - 松开鼠标按钮 mo 阅读全文
posted @ 2023-12-04 23:53 __username 阅读(16) 评论(0) 推荐(0)
摘要:demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Auto 阅读全文
posted @ 2023-12-04 16:51 __username 阅读(65) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2023-12-04 16:42 __username 阅读(13) 评论(0) 推荐(0)
摘要:直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2023-12-02 15:51 __username 阅读(5) 评论(0) 推荐(0)
摘要:如图 参考链接:https://www.w3school.com.cn/js/js_object_prototypes.asp 阅读全文
posted @ 2023-11-19 20:18 __username 阅读(13) 评论(0) 推荐(0)
摘要:本地部署 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, // devServer: { // open: true, 阅读全文
posted @ 2023-11-09 13:54 __username 阅读(213) 评论(0) 推荐(0)
摘要:起因,访问不同路由跳到首页/ 需登录账号 demo <template> <div> <button @click="setCookie">设置Cookie</button> <button @click="getCookie">获取Cookie</button> <button @click="d 阅读全文
posted @ 2023-11-08 19:53 __username 阅读(811) 评论(0) 推荐(0)
摘要:Axios Axios是一个流行的JavaScript库,用于进行HTTP请求。它可以在浏览器和Node.js环境中使用,提供了一种简单而强大的方式来与Web服务器进行通信,以下是Axios的基本用法示例: 安装Axios: 使用npm或yarn安装Axios: npm install axios 阅读全文
posted @ 2023-10-17 21:39 __username 阅读(250) 评论(0) 推荐(0)
摘要:Vue2提供了一些其他选项和钩子函数,以支持更高级的组件功能和配置,这些包括: data:data选项用于定义组件的响应式数据。这些数据将被Vue追踪,以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods:metho 阅读全文
posted @ 2023-10-12 11:21 __username 阅读(167) 评论(0) 推荐(0)
摘要:在Vue.js 2中,通过props和自定义事件可以实现父组件向子组件传递数据,子组件向父组件传递事件。以下是简单的示例: 1. 父传子(通过props) 父组件(ParentComponent.vue) <template> <div> <child-component :message="par 阅读全文
posted @ 2023-10-12 11:02 __username 阅读(134) 评论(0) 推荐(0)
摘要:对比如下 Yarn和npm都是JavaScript包管理工具,用于在Node.js环境中管理依赖关系和包。它们有一些相似之处,但也有一些区别。以下是Yarn和npm之间的一些主要区别和比较: 性能: Yarn在安装依赖包时通常比npm更快,因为它并行下载依赖项,而npm默认是串行下载。 Yarn具有 阅读全文
posted @ 2023-10-07 17:09 __username 阅读(252) 评论(1) 推荐(0)
摘要:![](https://img2023.cnblogs.com/blog/3005444/202309/3005444-20230926233742357-993585483.png) 阅读全文
posted @ 2023-09-26 23:37 __username 阅读(8) 评论(0) 推荐(0)
摘要:插件 修改选中区域背景 阅读全文
posted @ 2023-09-24 19:00 __username 阅读(38) 评论(0) 推荐(0)
摘要:demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> 阅读全文
posted @ 2023-09-23 03:02 __username 阅读(30) 评论(0) 推荐(0)
摘要:练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> 阅读全文
posted @ 2023-09-22 23:49 __username 阅读(13) 评论(0) 推荐(0)