- 博客(25)
- 收藏
- 关注
RSS订阅原创 ECharts
一、ECharts的基本使用引入echarts.js文件；准备一个呈现图表的盒子；初始化echarts实例对象；准备配置项；将配置项设置给echarts实例对象。 <div style="width: 600px;height: 400px;"> </div> <script> //初始化echarts实例对象，需要一个参数dom，决定图表呈现的位置 var mCharts=echarts.init(document
2022-04-07 16:01:27
1190
原创 Redux
一、Redux简介Redux是用作状态管理的状态库(不是react插件库)，他的作用是集中管理react应用中的多个组件共享的状态。redux的三个核心概念：a. action:动作对象，包含两个属性，type:标识属性，值为字符串，唯一，必要属性；data：数据属性，直了理性任意，可选属性。b. reducer:用于初始化状态、加工状态；加工时，根据state和action，产生新的state的纯函数。c. store: 将state、action、reducer练习在一起的对象redux原
2022-03-23 15:11:09
708
原创 react学习笔记4
react路由一、SPA的理解SPA：单页面web应用，整个应用只有一个完整的页面。SPA点击页面中的链接不会跳转页面，只做页面的局部更新。数据都需要通过ajax请求获取，并在前端异步展示。二、路由的理解一个路由就是一个映射关系(key:value)，key为路径，value可能是function或component。后端路由：后端路由中value是function,用来处理客户端提交的请求。当node接收一个请求时，根据请求路径找到匹配的路由，调用路由中的函数来处理请求，返回响应数据。
2022-03-21 15:12:55
714
原创 react学习笔记3
一、key与diffing算法react中的key:可以在 DOM 中的某些元素被增加或删除的时候帮助 React 识别哪些元素发生了变化。因此你应当给数组中的每一个元素赋予一个确定的标识便于react区分。一个元素的 key 最好是这个元素在列表中拥有的一个独一无二的字符串。通常，我们使用来自数据的 id 作为元素的 key，当元素没有确定的 id 时，你可以使用他的序列号索引 index 作为 key。虚拟DOM中key的作用：简单来说，key是虚拟DOM对象的标识，在更新显示时key起着极
2022-03-04 17:39:21
443
原创 react学习笔记2
一、事件处理通过onXxx属性指定事件处理函数（注意大小写）：为了更好的兼容性，react重新封装了事件处理函数；为了高效，react中的事件是通过事件委托方式处理的（委托给组件最外层的元素）。react通过evevt.target得到发生事件的DOM元素对象。当发生事件的元素正好是要操作的元素时可以不使用ref。<div id="div1"></div> <script type="text/babel"> class Demo ext
2022-03-04 15:01:05
432
原创 react学习笔记1
react一、react介绍react是用于构建用户界面的JavaScript库，是一个将数据渲染为HTML视图的开源JavaScript库。react特点：采用组件化模式、声明式编码、提高开发效率及组件复用率；在React Native中可以使用React语法进行移动端开发；使用虚拟DOM+优秀Diffing算法，尽量减少与真实DOM进行交互。react库：babel.min.js：将jsx转换为js；react.development.js：react核心库；react-dom.develop
2022-03-02 10:27:00
427
原创 Koa学习笔记1
jQuery一、jQuery简介jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。主要用途是查询，使用 jQuery能让我们对HTML文档遍历、事件处理、动画以及Ajax变得更加简单。
2022-02-21 14:07:47
936
原创 学习笔记——ECMAScript6
一、Node.js基础知识创建Node.js应用：Node.js由三部分组成①引入required模块：使用require来载入Node.js模块②创建服务器③接受请求和响应请求。npm使用：npm install express（模块名） //本地安装npm install express（模块名） //去全局安装 npm list -g //查看所有全局安装模块npm list grunt //查看某个模板的版本号npm uninstall 模块名//卸载Node.js模块npm u
2022-01-24 18:34:27
431
原创 Ajax学习笔记2
Ajax一、异步异步：程序执行时不会等待异步代码执行完成后再继续执行后续代码，而是直接执行后续代码，当后续代码执行完成后再回头看异步代码是否返回结果，如果已有返回结果，则调用事先准备好的回调函数处理异步代码执行结果。二、Ajax封装在实际情况中，需要发送多个Ajax请求，为解决代码重复问题，需要将Ajax请求代码封装在函数中，发送请求时调用函数即可。使用Ajax技术向服务器端发送请求时，它一般都会返回JSON类型的数据，但是客户端拿到的却是一个JSON字符串，如果我们想拿到JSON数据，
2022-01-22 17:39:53
255
原创 AJAX学习笔记1
一、AJAX简介AJAX：异步的JS和XML，通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势是无需刷新。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。XML:可扩展标记语言，被设计用来传输和存储数据。XML和HRML类似，不同的是HTML中都是预定义的标签，但XML中没有预定义标签。现在XML已经被JSON取代了。AJAX优点：①可以无需刷新页面而与服务器端进行通信②允许根据用户事件来更新部分页面内容；缺点：①没有浏览历史，不能回退②存在跨域问题③SEO搜索引擎优
2022-01-21 15:54:42
441
原创 学习笔记——Node.js入门知识1
一、nodejs简介Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。JS可以借助nodejs直接运行在电脑上。nodejs除了帮助我们编译js外，还可以读写电脑上的文件、连接数据库、充当web服务器。二、httpweb服务器的主要任务是处理http请求。http请求有三步。第一步：DNS解析，建立TCP连接，然后发起http请求。当我们在地址栏中输入域名时，首先会将域名进行DNS解析，解析出远程服务器的ip地址，解析出ip地址后就会建立TCP连接，连接建
2022-01-19 13:42:05
755
原创 JavaScript学习笔记8
BOM浏览器对象模型一、BOM简介BOM浏览器对象模型：BOM可以通过JS来操作浏览器，在BOM中为我们提供了一组对象，用来完成对浏览器的操作。BOM对象有Window、Navigator、Location、History、Screen。这些BOM对象在浏览器中作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用。window代表的是整个浏览器的窗口，同时window也是网页中的全局对象；navigator代表当前浏览器的信息，通过该对象可以识别不同的浏览器；lo
2022-01-15 19:27:47
243
原创 JavaScript学习笔记7
一、事件对象事件对象：当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数，在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标、键盘哪个按键被按下等等onmousemove：该事件将会在鼠标在元素上移动时被触发。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
2022-01-14 21:41:34
116
原创 JavaScript学习笔记6
DOM文档对象模型一、什么是DOMDOM：文档：文档表示的是整个HTML网页文档；对象：对象表示将网页中的每一个部分都转换为一个对象；模型：使用模型来表示对象之间的关系，这样方便我们获取对象。DOM文档对象模型是针对HTML和XML文档的一个API(应用程序编程接口)，JS通过DOM来对HTML文档进行操作。二、节点和事件节点是构成我们网页的最基本的组成部分，网页中的每一部分都可以称为一个节点常用节点分为四类：文档节点、元素节点(HTML文档中的HTML标签)、属性节点、文本节点(HTML
2022-01-10 23:27:11
255
原创 JavaScript学习笔记5
JavaScript一、原型对象原型prototype：我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应这一个对象，这个对象就是我们所谓的原型。如果函数作为普通函数调用，prototype没有任何作用，当函数通过构造函数调用时，它所创建的对象中都会有一个隐含的属性，指向构造函数的原型对象，我们可以通过__proto__来访问该属性。原型就相当于一个公共区域，所以同一个类的实例都可以访问到这个对象原型，我们可以将一个对象中共有的内容，统一设置到原型对象中。&
2022-01-05 13:47:32
349
原创 JavaScript学习笔记4
JavaScript一、方法函数也可以成为对象的属性，如果一个函数作为一个对象的属性保存，那么称这个函数为这个对象的方法，调用这个函树就是调用这个对象的方法。for in语句：对象中有几个属性，循环体就会执行几次，每执行一次，会将对象中的属性的名字依次赋值给变量。语法：for(var 变量 in 对象){}; <script type="text/javascript"> var obj={ name:"bob", age:18,
2022-01-04 10:25:55
387
原创 JavaScript学习笔记3
JavaScript对象一、对象简介对象属于一种复合类型的数据类型，在对象中可以保存多个不同数据类型的属性。二、对象分类内建对象：由ES标准中定义的对象，在任何ES中都能实现，比如：Math、String、Number、Boolean、Function、Object等。宿主对象:由JS运行环境提供的对象，目前来讲主要是由浏览器提供的对象，如：BOM、DOM.自定义对象：由开发人员自己创建的对象。三、创建对象使用关键字new调用的函数是构造函数(constructor),构造函数是专
2022-01-03 09:53:14
239
原创 JavaScript学习笔记2
一、逻辑运算符非！：对布尔值进行取反操作，如果是对非布尔值进行取反，则会先转换为布尔值，再取反。利用此特点可以将任意数据类型取两次反来将其转换为布尔值。原理和Boolean()一样。与&&：JS中的“与”是短路的与，如果第一个值为false,则不会看第二个值。或||：JS中的“或”是短路的或，如果第一个值为true,则不会看第二个值。对非布尔值进行与或运算时，会将其先转换为布尔值，再进行运算，并且返回原值。（1）与运算：如果第一个值为true,则必然返回第二个值，如果第一个值为f
2021-12-30 13:32:37
68
原创 JavaScript学习笔记1
JavaScript一、编写位置标签内部不推荐使用，结构与行为耦合，不方便维护。<button type="button" onclick="alert('12345');">按钮</button><a href="javascript:alert('123456');">超链接</a>script标签中<script type="text/javascript" > document.write("123");
2021-12-29 21:45:57
485
原创 XTU 1123 duoxida的数字游戏
duoxida的数字游戏题目描述duoxida很喜欢玩数字游戏，某天无聊的时候，他决定一个人玩数字游戏。他黑板上写下了一行总共有n个数，然后对其重复进行一个操作: 找到从左到右第k个的数x，在数字序列的最右边增加一个x，删除最左边的第一个数字。 duoxida很想知道知道多少次操作后，这个序列就变得完全一样。输入数据的第一行为一个整数t,1<=t<=10，表示测试用例的个数。每组样例的第一行是n，k,(1≤k≤n≤1000)。 接下来一行有n个整数。输出每个用例输出一行，即操作次数，如
2020-08-11 16:35:14
759
原创 XTU 1273 Set
Set题目描述对于包含整数多值集合A={a1,a2,⋯,an}，执行以下两步操作将某些元素加上整数x将某些元素减掉整数y请问能否使得A的元素全部相等？输入第一行是一个整数K(1≤K≤100)，表示样例的个数。每个样例的第一行是一个整数n(1≤n≤100,000)。第二行是{ai|i=1,2,⋯n},0≤ai≤1,000,000,000。输出每行输出一个样例的结果，如果可以使得元素全部相等输出"Yes",否则输出"No"样例输入252 1 2 1 351 2 3 4 5样
2020-08-11 14:11:47
809
原创 XTU 1291 Buying Gifts
题目Buying Gifts题目描述快到年末了，Boss Liu准备在年会上发些礼物，由于不想礼物的价格区别太大，Boss Liu希望最好的礼物与最差的礼物价格相差越小越好。 当然，如果存在相同的选择，Boss Liu希望花的钱越少越好。Boss Liu把这个买礼物的任务给你，你决定写个程序来帮助自己计算一下。输入第一行是一个整数K，表示样例的个数。每个样例的第一行是一个整数n,m(1≤m≤n≤1000)，分别表示可购买的礼物的个数和实际需要购买的个数。每个样例的第二行是n个整数xi,i=1
2020-07-27 22:52:03
1486
6
原创 XTU 1294 Enquiry
题目Enquiry男女同学排成一列，你想知道第i个到第j个同学之间，男女相邻排列的出现次数。输入第一行是一个整数K，表示样例的个数。每个样例的第一行是一个字符串s，其长度len不超过10000，只含字符M和F，M表示男生，F表示女生。每个样例的第二行是一个整数n(1≤n≤1000)，表示查询的次数。以后的N行,每行两个整数i,j(1≤i<j≤len)，表示查询的区间。输出每个样例的每次查询输出一个整数。样例输入2MMMMM31 21 31 5MFMFM31 52
2020-07-25 23:28:21
378
原创 XTU 1281Cute String
题目Cute StringAlice的记忆力不太好，如果一个句子中含的单词（每个单词之间用一个空格隔开）数量超过10，或者句子中字母种类（不区分大小写）超过10个，她就会记不住。现在给你若干个句子，请写个程序判断一下Alice是否能记住这些句子。输入存在多个样例。每行输入一个字符串，表示句子。字符串长度不超过200，只含英文字母和空格。输入数据保证每个单词之间只有一个空格，行末没有空格。输出对于每个样例，能记住，输出“Yes”，否则输出“No”。Sample InputAlice is
2020-07-25 14:04:47
1068
原创 XTU 1102海明距离
题目Description海明距离是在指二进制情况下，一个整数变成另外一个整数需要翻转的位数。比如2转换到3需要翻转1位，所以2到3的海明距离是1。给你两个正整数x和y，（x,y<=1,000,000,000）求它们的海明距离。输入第一行是一个整数N，表示样例的个数。以后每行两个整数x和y。输出每行输出一个整数，及对应样例的结果。Sample Input 21 24 7Sample Output 22思路将输入的两个整数转化为二进制用数组存储起来，海明距离要计算的是一
2020-07-24 18:37:16
566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人