柔软的一元梦想家-CSDN博客

原创前段模块化

前端模块化是什么所谓模块化，就是指根据功能的不同进行划分，每个功能就是一个模块。最终，一个完整的产品是由各个模块组合而成的。模块化的特点：独立性：可以针对一个模块单独进行设计、研发，相对工作量和难度变小。复用性：一些通用模块（例如登录或注册）可以被重复使用，而不用每次重新开发。解耦性：模块与模块之间，将相互影响降到最低，使得更换、升级或添加某个模块，不影响其他模块的工作。灵活性：通过选择和组合不同的模块，可以快速构建一个新的产品。ECMAScript 5 的模块化没有模块化概念

2020-11-16 14:33:31 131

原创字符串的解耦赋值

字符串的解耦赋值字符串的解耦赋值被转换成了类似于数组的对象。let [a,b,c,d,e] = 'Stark';console.log(a) //Sconsole.log(b) //tconsole.log(c) //a console.log(d) //rconsole.log(e) //k数值与布尔值的解耦赋值解耦赋值时，如果赋值运算符右边是数值或布尔值的话，则会先转换为对象。let {toString:m} = 123console.log(m === Number.p

2020-10-31 11:28:58 182

原创什么是Canvas？

什么是Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度： <canvas id="myCanvas" width="200" height="100"></canvas>1通过JavaScript来绘制获取元素

2020-09-25 22:22:48 464

原创 JSONP

JSONP 是什么JSON（JSON with Padding）是 JSON 的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。利用< script>元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。< script>元素实现网页通过添加一个function addScripTag(src) { var script = document.createElement("script"); scri.

2020-09-20 15:20:45 86

原创异步提交表单

异步提交表单异步提交表单的步骤所谓的异步提交表单，就是不再使用表单的提交按钮实现表单的提交功能，而是通过Ajax异步交互方式实现表单提交。具体实现步骤如下：获取表单及所有表单组件对应的数据值。将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据。通过Ajax异步交互方式提交表单。var info = 'username='+$('#username').val('&password').val();$.ajax({ url:'server.js',

2020-09-10 17:20:25 378

原创实现跨域访问

实现跨域访问同源策略 1995年，同源政策由Netscape公司引入浏览器。目前，所有浏览器都实行这个政策。同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。随着互联网的发展，“同源政策”越来越严格。目前，如果非同源，共有三种行为受到限制：Cookie、LocalStorage和IndexDB无法读取DOM无法获得AJAX请求不能发送虽然这些限制是必要的，但是有时很不方便，合理的用途也受到影响。所谓“同源”指的是“三个相同”：协议相同、域名相同以及端口相同。域名是什么

2020-09-10 17:19:12 67

原创 JOSN数据格式—JOSN是什么

JOSN数据格式—JOSN是什么JSON是什么 JSON是 JavaScript Object Notation的缩写，是一种轻量级的数据交换格式。JSON是基于JavaScript Programming Language， Standard ECMА一 262 3rd Edition 一 December 1999年一个子集。 JSON是独立于任何语言的文本格式。易于程序员阅读和编写，同时也易于计算机解析和生成。JSON的中文官网地址: http://www.json.org/json-z

2020-09-08 11:17:52 2932

原创 Ajax—GET与POST请求方式

Ajax—GET与POST请求方式GET请求方式Ajax异步交互中使用GET请求方式的话，需要注意以下几个问题：将构建的请求数据添加到open()方法中的url地址中，如下示例代码所示：httpRequest.open('GET','file:///Users/wangzheng/Documents/%E5%89%8D%E7%AB%AF/myself/wang_zheng/2020/2020%E4%B8%8B/Ajax/code/05_send()%E6%96%B9%E6%B3%95.html?

2020-09-08 11:15:42 87

原创 Ajax—Ajax是什么

Ajax—Ajax是什么Ajax是什么 Ajax是Asynchronous JavaScript XML的缩写，被译为异步、JavaScript和XML。 Ajax本身并不是一个新技术，而是一个在2005年被、Jesse、James Garrett提出的新术语，用来描述一种使用现有技术集合的“新”方法。当使用Ajax模型，HTML 页面能够快速地将数掘逐步更新显示在用户界面上，不需要重载（刷新）整个页面。这使得HTML页面能成更快速地对用户的操作进行反馈。尽管Ajax中的“X”

2020-09-06 18:50:06 142

原创 Ajax—同步交互与异步交互

Ajax—同步交互与异步交互同步交互是什么所谓同步交互，就是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。说明：同步交互就是第二次请求必须等待第一次请求结束之后才可以开始。异步交互是什么所谓异步交互，就是指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互啊的区别在于同步交互需要等待结果，而异步交互不需要等待。说明：异步交互就是第二次请求不需要等待第一次请求结束之后就可以开始。

2020-09-04 10:04:06 130

原创 HTTP的基本特性

HTTP的基本特性HTTP是简单的虽然下一代HTTP/2协议将HTTP消息封装到了帧中，HTTP大体上还是被设计得简单易读。HTTP报文能够被人读懂，还允许简单测试，降低了门槛。HTTP是可扩展的在HTTP/1.0中出现的HTTP headers让协议扩展变得非常容易。HTTP是无状态，有会话的在同一个连接中，两个执行成功的请求之间是没有关系的。这就带来了一个问题，用户没有办法在同一个网站中进行连续的交互。HTTP和连接一个连接是由传输层来控制的，这从根本上不属于HTTP的范

2020-08-19 15:31:21 397

原创 HTTP报文消息详解

HTTP报文是什么 HTTP报文，又称为HTTP消息，是服务器和客户端之间交换数据的方式。有两种类型的消息：请求，由客户端发送用来触发一个服务器上的动作；响应，来自服务器的应答。 HTTP消息由采用ASCII编码的多行文本构成。在HTTP/1.1及早起版本中，这些消息通过连接公开地发送。在HTTP/2中，为了优化和性能方面的改进，曾经可人工阅读的消息被分到多个HTTP帧中。HTTP请求报文请求报文由以下元素组成：一个HTTP的method、要获取的资源的路径、HTTP协议版本号、为服务

2020-08-17 17:32:56 529

原创基于HTTP的组件

概述请求通过一个实体被发送，实体也就是用户代理。大多数情况下，这个用户代理都是指浏览器。每一个发送到服务器的请求，都会被服务器处理并返回一个消息，也就是响应。在这个请求与回应之间，还有许许多多的被称为Proxies的实体，他们的作用与表现各不相同。客户端 user-agent就是任何能够为用户发起行为的工具。这个角色通常都是由浏览器来扮演。一些例外情况，比如是工程师使用的程序，以及Web开发人员调试应用程序。浏览器总是作为发起一个请求的实体（近几年已经出现一些机制能够模拟.

2020-08-16 17:06:51 332

原创 HTTP是什么

HTTP是什么 HTTP全称为Hyper Text Transfer Protocol，被译为超文本传输协议，是互联网上应用最为广泛的一种网络协议。 HTTP协议是在Web上进行数据交换的基础，是一种“客户端–服务器端”协议。也就是说，请求通常是由像浏览器这样的接收方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的，像是文本、布局描述、图片、视频、脚本等等。设计HTTP***最初的目的是为了提供一种发布和接受HTML页面的方法***。HTTP协议历史与标准1、 HTTP/0

2020-08-16 15:12:38 402

原创彻底理解浏览器的缓存机制

彻底理解浏览器的缓存机制Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。在具体了解 HTTP 缓存之前先来明确几个术语：缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。过期内容：超过设置的有效时间，被标记为“陈旧”的内容。通常过期内容不能用于回复客户端的请求，必须重新向源服务器

2020-08-13 21:52:22 100

原创数组展开

/** * * 展开运算符 ... * 数组展开 * * 使用场景： * 1. 数组拼接 * 2. 求数组中的最大最小值 */// 1.let arr1 = [10,20,30];let arr2 = [...arr1,40,50];console.log(arr1); //[ 10, 20, 30 ] console.log(arr2); // [ 10, 20, 30, 40, 50 ]2.let

2020-07-16 10:15:22 955 1

原创 let关键字和var关键字的区别

var声明变量有变量提升没有块级作用域，是函数作用域可以重复声明可以重新赋值let声明变量没有变量提升有块级作用域不能重复声明可以重新赋值/** * *///1. 没有变量提升console.log(age); //报错let age = 33;console.log(age); //undefinedvar age = 33;//2. 有块级作用域for(var i = 0;i < 10; i++){}console.log(i);

2020-07-16 10:13:38 264

原创对象解构赋值

/** * 对象解构赋值 * 取对象中属性的值，赋值给变量 * * * */ //声明一个对象 let obj = { name:"Stark", age : 33, job : "Ironman", score : 100, }//ES5 let name1 = obj.name; let age1 = obj.age; let job1 = obj.job; let score1 = obj.score; console.

2020-07-16 10:10:30 118

原创 ES6模版字符串

模版字符串 —— ``会保留原样字符串格式，以及可以占位/** * * 模版字符串 `` * 会保留原样字符串格式，以及可以占位 */ //ES5 //字符串没有格式，里面也不能写变量// let author = "Stark";// let str1 = "// 你好，// 世界// ";//ES6let author = "Stark";let str1 = ` 静夜思 ${author} 假

2020-07-09 10:06:31 64

原创箭头函数总结

箭头函数说白了就是匿名函数的一个简写简写规则： 1. function 改成=> =>可以读成goesto 2. 如果只有一个形参，那就可以省略形参小括号 3. 如果不是一个形参，0个或多个形参，那就不能省略这个形参小括号了 4. 如果函数体只有一句话，那就可以省略函数体的大括号 5. 如果函数体只有一句话，并且这一句话是return返回值，那return也要省略 6. 如果函数体不是一句话，那就不能省略大括号/** * ..

2020-07-08 23:17:46 134

原创支付宝推荐的基金到底能不能买

支付宝上购买基金，是很多理财小白的第一站。在支付宝理财的首页，有很多被推荐的基金，看起来十分诱人????。相信也有不少人买过这些看起来十分“优秀”的基金。那么支付宝推荐的基金买还是不买？？？答案当然是：NO 不能！ ⚠️ 为什么呢？？？？？首先,我们得知道,这些基金为啥涨得那么好?A股的证券市场,基金的数量,是远远高于股票的数量的,我们A股市场只有3000多只股票,但是却有6000多只基金。涨得好的原因了解了这个冷知识,相信不少机智的小伙伴,一下子就反应过来,为啥支付宝推荐的基金,涨的

2020-07-08 23:14:35 1256

原创数组的如何降维、升维、去重？

什么是一维数组？var arr = [10,20,30,40,50]什么是二维数组？var arr = [[10, 20, 30], [40, 50, 60], [70, 80]]如何把一维数组升成二维数组？ //数组降维：把二维数组降低到一维数组 var arr = [10, 20, 30, [40, 50, 60], 70, 80] // => [10,20,30,40,50,60,70,80] //使用扩展运算符 ... var

2020-07-05 11:02:54 692

原创 Mac上解决Chrome浏览器跨域问题

今天在用jQuery读取本地的json文件的时候发现出现跨域问题，百度了一下，发现可能是Chrome的安全策略导致的，需要在后台设置一下。跨域问题报错怎么解决第一步：我们需要先建立一个文件夹第二步：打开终端，输入open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=文件夹地址大家需要更改自己的那个文件夹所在的地址，输入代码之后会弹出一个窗口，点击启动之后会发现与我们

2020-06-24 19:00:01 507

原创 DOM对象和jQuery对象之间的转换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../jquery-3.5.1.js">&

2020-06-22 23:33:42 112

原创 jQuery 排他思想

怎样用jQuery实现排他思想在这里我们只需要用到jQuery里面的sibling()即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g

2020-06-18 23:19:44 202

原创我也来谈谈《我不是药神》这部电影

评《我不是药神》——我们只想活着《我不是药神》是由文牧野执导，徐峥、王传君、周一围等主演的电影，该片由真实社会事件改编，讲述了一位药店店主从印度代购治疗慢粒白血病的药获得极大利润，开始贩药敛财之道后良心发现的故事，该片获得第十四届中国长春电影节金鹿奖最佳故事片奖、第四十二届蒙特利尔国际电影节主竞赛单元最佳剧本奖等，《我不是药神》，“药”你笑、也“药”你哭，渡己还是渡人；人有一种病治不好，那就是穷病；我不想死，我想活着，行吗？一个是只想努力挣钱获得孩子抚养权的程勇，一个是为女儿治病不惜委身风尘的单亲妈妈

2020-06-18 18:11:52 709

原创 ✨英语学习｜如何高效做英语阅读笔记

首先，英语这门学科本身就是需要长期积累和学习，用则熟练，不用则殆，阅读文章是我们学习英语道路上不可避免的，但是，该怎样去阅读文章，怎样去做好笔记，需要注意一下几点：✨✨✨✨阅读素材从阅读素材这方面来说呢，我建议有一定英语基础的可以多读一些英语新闻，每天吸收不同的词汇和句式，早上一定要边听边看，这样的话有利于让我们在生活当中使英语变成我们获取信息来源的一种方式，久而久之，会对我们产生深刻的影响。✨✨✨✨电子笔记还是手抄笔记？在做英语阅读的时候，我们难免要面对各种类型的文章、报刊、读物等等，但是

2020-06-16 22:21:10 2424

原创用JavaScript DOM 实现实时时钟⏰案例

用JavaScript DOM 实现实时时钟⏰案例在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <

2020-05-28 14:21:55 156

一元梦想家的博客