随笔分类 -  js 常遇问题

摘要:var arr = [ { id: 1, title: '我是1目录', children: [ { id: 11, title: '我是1-1目录', children: [ { id: 111, title: '我是1-1-1目录', children: [] } ] }, { id: 12, 阅读全文
posted @ 2023-04-08 16:52 会前端的洋 阅读(16) 评论(0) 推荐(0) 编辑
摘要:需求 : 获取此刻的时间 yyyy-MM-dd HH:mm:ss let currentTime = new Date().toLocaleString() 但是这方法获取的是 yyyy/MM/dd HH:mm:ss 是这种格式的 此时就需要转换一下 let time = currentTime.r 阅读全文
posted @ 2022-11-13 14:28 会前端的洋 阅读(109) 评论(0) 推荐(0) 编辑
摘要:// 复制 handleCopy () { // '张三' 是被复制的文本 navigator.clipboard.writeText('张三'); } 阅读全文
posted @ 2022-11-10 11:04 会前端的洋 阅读(23) 评论(0) 推荐(0) 编辑
摘要:直接上代码 const div = document.createElement('div') let h = '<h2>标题</h2>' div.innerHTML = h console.log(div); 拷贝到 js 文件里直接可用 阅读全文
posted @ 2022-08-02 17:50 会前端的洋 阅读(903) 评论(0) 推荐(0) 编辑
摘要:上传图片 通过onchange触发文件选择后的方法,然后通过浏览器提供的URL.createObjectURL()方法构建一个本地的blob对象路径 e.target 得到的是input对象 e.target.files[0]. 得到的input选择的第一张图片 html: <body> <inpu 阅读全文
posted @ 2022-05-24 14:05 会前端的洋 阅读(295) 评论(0) 推荐(0) 编辑
摘要:具体参考 https://www.csdn.net/tags/MtzaUg3sMjk3NS1ibG9n.html#4_clear_50 ES6的Set的基本用法 1.增 add(数据) 2.查:has(数据) 3.删:delete(数据) 4.清空 clear() 5.size属性 6.set集合的 阅读全文
posted @ 2022-05-07 16:45 会前端的洋 阅读(85) 评论(0) 推荐(0) 编辑
摘要:1. 什么是 axios (axios.js文件地址 : https://unpkg.com/axios@0.27.2/dist/axios.min.js) Axios 是专注于 网络数据请求的库. 相比于原生的 XMLHttpRequest 对象, axios 简单易用. 相比于 jQuery, 阅读全文
posted @ 2022-05-03 09:49 会前端的洋 阅读(141) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-05-02 21:22 会前端的洋 阅读(361) 评论(0) 推荐(0) 编辑
摘要:1. 什么是 JSON 概念 : JSON 的英文全称是 JavaScript ObjEct Notation, 即 "JavaScript 对象表示法" . 简单来讲 : JSON 就是Javascript对象和数组的字符串表示法,它使用文本表示一个JS对象或数组的信息 , 因此 , JSON的本 阅读全文
posted @ 2022-05-02 11:14 会前端的洋 阅读(297) 评论(0) 推荐(2) 编辑
摘要:什么是 XMLHttpRequest XMLHttpRequest ( 简称xhr)是浏览器提供的Javascript对象,通过它,可以请求服务器上的数据资源。之前所学的jQuery中的Ajax函数,就是基于xhr 对象封装出来的。 1. 使用 xhr 发起 GET 请求 步骤 : 创建 xhr 对 阅读全文
posted @ 2022-05-02 09:47 会前端的洋 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1. 实现步骤 定义模板结构 预调用模板引擎 封装 template 函数 导入并使用自定义的模板引擎 1. 定义模板结构 3. 预调用模板引擎 4. 封装 template 函数 5. 导入并使用自定义的模板引擎 阅读全文
posted @ 2022-05-01 16:45 会前端的洋 阅读(34) 评论(0) 推荐(0) 编辑
摘要:基本语法 exec() 函数用于 检索字符串 中的正则表达式的匹配 如果字符串字符串中有匹配的值, 则返回该匹配的值, 否则返回 null. 示例代码如下 : 2. 分组 正则表达式中 () 包起来的内容表示一个分组,可以通过分组来提取自己想要的内容,示例代码如下 : 3. 字符串的 replace 阅读全文
posted @ 2022-05-01 16:16 会前端的洋 阅读(25) 评论(0) 推荐(0) 编辑
摘要:渲染 UL 结构遇到的问题 上述代码是通过字符串拼接的形式,来渲染Ul结构。 如果U结构比较复杂,则拼接字符串的时候需要格外注意引号之前的嵌套。且一旦需求发生变化,修改起来也非常麻烦。 什么是模板引擎 模板引擎,顾名思义,它河以根据程序员指定的模板结构和数据,自动生成一个完整的HTML页面。 模板引 阅读全文
posted @ 2022-04-30 09:58 会前端的洋 阅读(120) 评论(0) 推荐(0) 编辑
摘要:form 表单的 enctype 属性 表单的同步提交及缺点 什么是表单的同步提交 通过点击submit按钮,触发表单提交的操作,从而使页面跳转到action URL 的行为,叫做表单的同步提交。 表单同步提交的缺点 <form> 表单同步提交后, 整个页面会发生跳转, 跳转到 action URL 阅读全文
posted @ 2022-04-28 22:26 会前端的洋 阅读(81) 评论(0) 推荐(0) 编辑
摘要:Ajax的全称是Asynchronous Javascript And XML(异步 JavaScript和XML)。 通俗的理解:在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式,就是Ajax。 Ajax 的典型应用场景 用户名检测:注册用户时,通过ajax的形式,动态检测用 阅读全文
posted @ 2022-04-28 14:41 会前端的洋 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-04-25 11:15 会前端的洋 阅读(14) 评论(0) 推荐(0) 编辑
摘要:网站 : 阅读全文
posted @ 2022-04-19 16:32 会前端的洋 阅读(18) 评论(0) 推荐(0) 编辑
摘要:图片懒加载 作用 : (图片使用延迟加载在可提高网页下载速度。它也能帮助减轻服务器负载) 当我们页面滑动到可视区域,再显示图片。 我们使用jquery插件库EasyLazyload。 注意,此时的 js 引入文件和js调用必须写到DOM元素 (图片) 最后面 在这个网址搜索图片懒加载 : (http 阅读全文
posted @ 2022-04-19 16:20 会前端的洋 阅读(647) 评论(0) 推荐(0) 编辑
摘要:目录 1. 概述 1.1 jQuery? 2. jQuery的使用 2.1 下载 2.2 jQuery 的入口函数 2.3 jQuery的顶级对象 $ 2.3.1 $ 是jQuery的别称 2.3.2 $ 是 jQuery的顶级对象 2.4 jQuery对象和DOM对象 2.4.1 两种对象之间的相 阅读全文
posted @ 2022-04-19 09:49 会前端的洋 阅读(716) 评论(0) 推荐(0) 编辑
摘要:1.setAttribute 描述:设置元素的【属性】 语法:元素名.setAttribute('属性','属性值'); 例子: box.setAttribute('style','background-color:red;height:400px'); 注意:设置的是行内样式 2.getAttri 阅读全文
posted @ 2022-04-18 14:14 会前端的洋 阅读(510) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示