![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 78
前端学习笔记
云诗卡达
这个作者很懒,什么都没留下…
展开
-
记录一下导出i18n翻译json文件扁平处理
处理一个需要导出i18n翻译json的需求原创 2023-02-13 10:44:15 · 234 阅读 · 0 评论 -
尚硅谷AJAX
1.AJAX简介AJAX全称为Asynchronous JavaScript And XML,就是异步的 JS 和 XML。通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势: 无刷新获取数据。AJAX不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。2.XML简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是自定义标签,用来表示一些数据。比如说我有一个学生数据: n原创 2021-08-08 16:45:48 · 264 阅读 · 0 评论 -
尚硅谷-Promise
一、什么是Promise:Promise 是在 js 中进行异步编程的新解决方案。(以前旧的方案是单纯使用回调函数)从语法来说,promise是一个构造函数。从功能来说,promise对象用来封装一个异步操作,并且可以获得成功或失败的返回值。JS中的常见的异步操作:定时器、数据库操作,fs文件操作,AJAX中一般也是异步操作(也可以同步),回调函数可以理解为异步(不是严谨的异步操作)…等。剩下的都是同步处理二、为啥使用Promisepromise使用回调函数更灵活。旧的回调转载 2021-08-08 16:40:53 · 256 阅读 · 0 评论 -
pink-jQuery
一、jQuery 概述二、jQuery的基本使用 $('div').hide(); //1. 等待页面DOM加载完毕再去执行js 代码 // $(document).ready(function() { // $('div').hide(); // }) // 2. 等待页面DOM加载完毕再去执行js 代码 $(function(){ $('div').hid原创 2021-08-08 16:40:01 · 230 阅读 · 1 评论 -
尚硅谷Web前端ES6教程,涵盖ES6-ES11
一、ES6新特性(重点)1.let声明变量ES6新增加了两个重要的 JavaScript 关键字: let 和 const。书写格式: let a; let b,c,d; let e = 100; let f = 521, g = 'KAN', h = []; 注意事项:1.变量不能重复声明 let star = 'KOBE'; let star = 'KOBE';运行结果:2.只在块级作用域原创 2021-08-08 16:39:10 · 808 阅读 · 0 评论 -
js高级和es6
一. 面向对象编程介绍二、ES6中的类和对象 <script> // 1. 创建 class 创建一个 明星类 class Star { // 类里面所有函数都不需要加function constructor (uname,age) { this.uname = uname; // this 指向创建的实例 this.age = age原创 2021-08-08 16:38:06 · 548 阅读 · 2 评论 -
pink-JS
一、初识JavaScript1.初识JavaScript<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2021-08-08 16:36:55 · 296 阅读 · 0 评论 -
pink-移动web开发之流式布局
改变行高只是改变上下间距的大小,目标:知道移动WEB的开发现状写出标准的viewport使用移动WEB的调试方法说出移动端常见的布局方案描述流式分布独立完成京东移动端首页1. 移动端基础2. 视口<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />3. 二倍图二倍精灵图做法.原创 2021-08-08 16:35:30 · 322 阅读 · 0 评论 -
pink-H5C3 提高(新特性)
1.CSS3新增的属性、结构伪类和伪元素选择器2.CSS-2D转换、移动、旋转和缩放属性3.CSS3 3D转换、移动、旋转和缩放属性注意当旋转和移动一起存在时,旋转会使坐标轴也跟着旋转,之前的2就是因为这个所以要先移动在前再旋转透视,越小越近,效果越明显[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qruw9r7H-1628409802451)(C:\Users\KAN\AppData\Roaming\Typora\t原创 2021-08-08 16:34:26 · 114 阅读 · 0 评论 -
pink-H5C3 基础(提高部分)
pink-H5C3 基础(提高部分)一、HTML5的新增特性新增语义化标签视频标签音频标签新增input 类型的标签新增的表单属性二、CSS3的新增特性新增选择器CSS3盒子模型CSS3其他特性CSS3新增过渡...原创 2021-08-08 16:33:12 · 106 阅读 · 0 评论 -
pink-常用Web APIs
一、Web APIs简介1.Web APIs 和 JS 基础关联性2.API 和 Web API二、DOM1.DOM简介2.获取元素3.事件基础4.操作元素5.节点操作<ol> <li></li> <li></li> <li></li></ol><script> var原创 2021-08-03 21:29:07 · 171 阅读 · 0 评论