前端开发
-
应用缓存(Application Cache) 1、基本含义 2、具体实例 1.HTML部分: <html manifest="app.manifest">//要为应用程序启用应用程序缓存，必须在应用程序页面manifest的<html>元素中包含该属性 <head> <meta charset="utf-8" /> <title></title> </head> <body> 已经访问到页面了 <script
2024-12-02 -
作用域链 作用域就是变量（变量作用域也叫上下文）和函数生效（能被访问）的区域集合作用域包括全局作用域、函数作用域、块级作用域（ES6提出的let和const）词法作用域是js遵循的，又叫静态作用域，变量被创建时就确定好了，而非执行阶段确定的作用域链就是会现在本层作用域查找，查找不到再一层层往上查 对象的原型和原型链 每一个对象都拥有一个原型对象 属性和方法定义在Object对象的构造器函数的prototype属性上，而非实例对象本身 function doSomething(){} consol
2024-12-02 -
【Web APIs】JavaScript 操作元素 ⑥ ( 关闭对话框案例 | display 属性简介 | 页面标签结构和样式 | 盒子模型细节 | 绝对布局要点 - 设置负值即可超出父容器模型 )JavaScript 中 可以通过 DOM ( 文档对象模型 ) 操作 来 修改网页的 内容 , 结构 , 样式 , 属性 ; 在 博客中介绍了 使用 innerText 属性innerHTML 属性 修改 DOM 元素标签内容的 ; 在 博客介绍 通过 DOM 操作 修改元素属性 ; 在 博客介绍 通过 DOM 操作 修改表单元素属性 ; 在 博客中 , 开发了一个 密码输入框案例 , 点击右侧按钮可 显示 / 隐藏 密码文本内容 , 实际上就是 切换 input 表单的类型 ty
2024-12-02 -
一、目的 遍历获取树数据中的部分数据。 源数据示例 menuType=2的数据为按钮，按钮可以在一级菜单下也可以在二级菜单下，层级不固定。 // 示例数据 menuType=0为一级菜单，1为按钮，2为二级菜单 let menuTreeList = [ { "id": "cfda8029dfb311e7b555201a068c6482", "name": "系统管理", "menuType": 0, "children": [
2024-12-02 -
echarts官网配置，主要配置dataZoom option = { xAxis: { type: 'category', data: [ '张三', '李四', '王五', '赵六', '孙七', '周八', '吴九', '郑十', '钱十一', '陈十二', '刘十三', '杨十四', '黄十五', '何
2024-12-02 -
JavaScript 原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象，用于实现对象的 属性继承。可以简单的理解成对象的爹。在 Firefox 和 Chrome 中，每个JavaScript对象中都包含一个__proto__ (非标准)的属性指向它爹(该对象的原型)，可obj.__proto__进行访问。 构造函数: 可以通过new来 新建一个对象 的函数。 实例: 通过构造函数和new创建出来的对象，便是实例。 实例通过__proto__指向原型，通过construc
2024-12-02 -
<el-form :model="queryParams" ref="queryForm" :inline="true" @submit.native.prevent> <el-form-item label="部门简称" prop="badge"> <el-input v-model="queryParams.deptJc" placeholder="请输入部门简称" clearable size="small"
2024-12-02 -
const productListData = ref<recordsT[]>([]) const total = ref(0) // 类型声明 type productListDataT = { records?: recordsT[], total?: number } type recordsT = { companyName?: string, cycle?: number, maxLimit?: number; productName?: s
2024-12-02 -
前言 我们在日常的开发当中，我们需要获取随机数，那么前端是怎么去实现的呢？下面来分享一下我获取随机的方法。 获取随机数的实例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="ipt" /> <button id="start">开始</button> <button id="stop">结束</butt
2024-12-02 -
element 为当前想获得位置的元素 // 获取提交按钮的位置 getPosition(element){ // var box = document.getElementById("commit"); // var pos = box.getBoundingClientRect(); // this.xx=p
2024-12-02