- 博客(34)
- 收藏
- 关注
RSS订阅原创 CSS中 定位position 和 transform 移动元素的比较
主要解决问题：在使用 transform: translate(50%,50%); 平移元素后，再用 offsetLeft 和offsetTop 获取该元素距离 body 左侧距离时，无法获取经 translate 移动的部分，显示为 0答：translate属性不会改变元素原始位置。讨论对象positionCSS中我们想要改变一个元素的位置，我们可以采用的方法之一就是定位，这也是我们最先接触的方法。其主要用法就是给需要移动的元素的父元素或以上添加 position:relative; 再给
2022-03-24 20:21:01
1367
原创 URL、URI之fragment、锚点（转载）
URI & URLURI，Uniform Resource Identifier，统一资源标识符。URL，Uniform Resource Location，统一资源定位符。URI 简单来理解就是标识/定义了一个资源，而 URL 在定义/标识资源的同时还需要描述如何访问到该资源。可以认为 URL 是 URI 的一个子集。举个例子：公司里每个人都有一个内部唯一的花名，这个花名其实就可以认为是 URI，它对应了公司内部唯一的一个人（资源）。当我需要找这个人时，虽然我知道了花名（URI），但是
2022-03-10 15:16:43
791
原创 js线程运行机制，与从底层理解为什么我们要在异步任务里面写回调函数（转载）
1.进程与线程什么是进程？我们可以在电脑的任务管理器中查看到正在运行的进程，可以认为一个进程就是在运行一个程序，比如用浏览器打开一个网页，这就是开启了一个进程。但是比如打开3个网页，那么就开启了3个进程，我们这里只研究打开一个网页即一个进程。一个进程的运行，当然需要很多个线程互相配合，比如打开QQ的这个进程，可能同时有接收消息线程、传输文件线程、检测安全线程…所以一个网页能够正常的运行并和用户交互，也需要很多个进程之间相互配合！总结：最重要的是一个进程中可能有多个执行不同任务的线程带着我的总结去理
2022-03-10 11:53:00
351
6
原创 +new Date()
+new Date() 很常见的获取时间戳的方法js在某个数据类型前使用‘+’，这个操作目的是为了将该数据类型转换为Number类型，如果转换失败，则返回NaN;例如： +'2'+1 // 3 +[1,2] // NaN+new Date() 会调用Date.prototype 上面的 valueOf方法...
2022-03-09 15:53:04
1819
原创 更改 tr 背景颜色无效问题
更改tr背景颜色无效问题📃在更改tr背景颜色时，我们肯定是想要整行颜色改变，但有时会出现只有部分改变 或 全都不改变的情况❗这时我们就需要去看一下自己是否在之前设计的 CSS 样式中已经给定了tr中的td或th背景色，如果已经给定，那再设置tr的背景色显然优先级是不够的✅解决方法（目前所知两种）：先去掉原来td或th的背景色，使其背景透明，再设置tr的背景色，以达到通过tr改变整行背景色的目的直接更改td或th的背景色，以改变整行的背景色💦具体问题案例由于我在设置th时偷懒，将整个tabl
2022-03-05 09:35:45
2978
原创 原生JS做淘宝商品放大镜
原生JS做淘宝商品放大镜效果图预览HTML部分结构分析首先要清楚整个界面的分布情况，这里用id或是class，我一开始用的都是id，但后面做js的时候有一些需要document. querySelectorAll("className")返回一个关于class="className"数组,，我才改过来的div id="itemarea"：整个区域最大的div，包含着其他的div元素div id="pic"：存放被选中的大图片的区域div id="cover"：跟随鼠标浮动的用于选择将要被
2021-12-17 13:47:12
458
1
原创 CSS中bfc理解
CSS中bfc理解文章目录CSS中bfc理解一、何为bfc二、形成bfc的条件三、BFC的特性四、实践是检验真理的唯一标准（1）BFC中的盒子对齐（2）外边距折叠（3）不被浮动元素覆盖（4）BFC包含浮动的块一、何为bfcBFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。二、形成bfc的条件浮动元素，float 除 none 以外的值（left，right，top，bottom）；定
2021-11-06 15:12:44
108
原创 五环升级版
五环升级版如何用CSS绘制奥运五环？第一反应是使用border-radius: 50%再加上z-index设置层叠关系不就可以了吗？然而，怎么可能会说这么常见的问题呢？稍加思考，原来他的层级不是叠加，而是有重叠的部分：所以单纯使用z-index并不能达到效果。如果感兴趣，可以看看这篇文章，里面讲了如何实现元素穿插效果：https://css-tricks.com/1-element-css-rainbow-gradient-infinity/此处实现元素穿插效果的方式为添加transform
2021-11-03 20:26:37
111
原创 剑指 Offer 58 - II. 左旋转字符串
剑指 Offer 58 - II. 左旋转字符串难度：简单 语言：JavaScript题目描述：字符串的左旋转操作是把字符串前面的若干个字符转移到字符串的尾部。请定义一个函数实现字符串左旋转操作的功能。比如，输入字符串"abcdefg"和数字2，该函数将返回左旋转两位得到的结果"cdefgab"。示例 1：输入: s = "abcdefg", k = 2输出: "cdefgab"示例 2：输入: s = "lrloseumgh", k = 6输出: "umghlrlose"限
2021-10-30 19:22:35
167
原创 剑指 Offer 05. 替换空格
剑指 Offer 05. 替换空格难度：简单 语言：JavaScript题目描述：请实现一个函数，把字符串 s 中的每个空格替换成"%20"。示例 1：输入：s = "We are happy."输出："We%20are%20happy."限制： 0 <= s 的长度 <= 10000结果方法一：方法二：代码实现方法一：调用库函数（不推荐使用）/** * @param {string} s * @return {string} */var repla
2021-10-28 10:28:23
62
原创 剑指 Offer 24. 反转链表
剑指 Offer 24. 反转链表难度：简单 语言：JavaScript题目描述：定义一个函数，输入一个链表的头节点，反转该链表并输出反转后链表的头节点。示例：输入: 1->2->3->4->5->NULL输出: 5->4->3->2->1->NULL限制： 0 <= 节点个数 <= 5000
2021-10-27 19:59:02
84
原创 剑指 Offer 30. 包含min函数的栈
剑指 Offer 30. 包含min函数的栈难度：简单 语言：JavaScript题目描述：定义栈的数据结构，请在该类型中实现一个能够得到栈的最小元素的 min 函数在该栈中，调用 min、push 及 pop 的时间复杂度都是 O(1)。示例：MinStack minStack = new MinStack();minStack.push(-2);minStack.push(0);minStack.push(-3);minStack.min(); --> 返回 -3.
2021-10-24 17:06:38
1676
原创 JavaScript判断变量是否为空
如何判断Javascript对象是否存在Javascript语言的设计不够严谨，很多地方一不小心就会出错。举例来说，请考虑以下情况。现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下： if (myObj不存在){ 声明myObj; }你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有超过50种写法。只有对Javascr
2021-10-24 13:02:30
3267
原创 JavaScript中push(),pop(),unshift(),shift()的用法小结
push()、pop()和unshift()、shift()这两组同为对数组的操作，并且会改变数组的本身的长度及内容。不同的是 push()、pop() 是从数组的尾部进行增减，unshift()、shift() 是从数组的头部进行增减。var arr = [1, 2];push()和unshift()向数组的 尾部/头部 添加若干元素，并返回 数组的 新长度； arr.push(3,4)； //返回 arr 的新长度 4 arr ; .
2021-10-24 12:53:34
221
原创 Vue计算属性
计算属性计算属性的重点突出在 属性 两个字上（属性是名词），首先它是个 属性 其次这个属性有 计算 的能力（计算是动词），这里的 计算 就是个函数；简单点说，它就是一个能够将计算结果缓存起来的属性（将行为转化成了静态的属性），仅此而已；可以想象为缓存！代码测试：07-vue-computed.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g
2021-10-23 19:57:57
91
原创 Axios
Axios什么是AxiosAxios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，她的主要作用就是实现 AJAX 异步通信，其功能特点如下：从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API [ JS中链式编程 ]拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF（跨站请求伪造）GitHub：https://github.com/axios/axios中
2021-10-23 16:58:49
135
原创 Vue组件
组件什么是组件组件是可复用的 Vue实例，说白了就是一组可以重复使用的模板，跟 JSTL 的自定义标签、Thymeleaf 的 th:fragment等框架有着异曲同工之妙。通常一个应用会以一棵嵌套的组件树的形式来组织：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2Ut75EEg-1634813970409)(vue%E7%BB%84%E4%BB%B6.assets/image-20211021170821454.png)]例如，你可能会有页头、侧边栏、内容
2021-10-21 19:02:07
61
原创 实验5_熟悉数据可视化工具的使用方法
一、实验目的通过本次实验掌握数据获取、数据清洗与存储和数据可视化工具的基本使用方法。二、 实验平台请描述使用的工具及其版本信息。三、实验内容和要求新冠疫情数据获取考核要点： 尽可能全面的获取疫情数据，包括国内、国外的疫情历史数据，越新越好，而且疫苗接种数量等信息也尽量获取。老师会根据数据的全面程度给定分数。推荐采用爬虫方式获取数据，如果有困难的话，可以采用网上别人整理好的数据。关于数据源，可以从世界卫生组织、丁香园、腾讯新闻等渠道获取，网上有很多资料可以参考。新冠疫情数据清洗与存储考
2021-10-20 20:36:13
301
原创 vue基础语法
vue基础语法我们对于基础语法，说白了就是实现元素赋值，循环，判断，以及事件响应即可！1、v-bind我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们在控制台操作对象属性，界面可以实时更新！我们还可以使用 v-bind 来绑定元素特性!代码：01-v-bind.html<body> <div id="app">&nb
2021-10-19 20:42:34
53
原创 MVVM模式
MVVM模式什么是MVVM模式？MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代 WinForm，以前就是用这个技术开发桌面应用程序的）和 Silverlight（类似于 Java Applet，简单点说就是在浏览器上运行的 WPF） 的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。由 John Gossman（同样也是 WPF 和 Silverlight 的架构师）于 2005 年在他的
2021-10-19 12:37:28
153
原创 mapRedue本地执行报错 : could not locate executable winutils.exe in the hadoop binaries
项目场景：操作系统：Ubuntu 18Hadoop版本：Hadoop 3.1.3HBase版本：2.2.2JDK版本：1.8Java IDE：eclipse问题描述：mapRedue本地执行报错 : could not locate executable winutils.exe in the hadoop binaries 原因分析：为什么这两个文件不存在会报异常呢?这两个文件的作用又是怎样呢?windows本地运行mr程序时(不提交到yarn,运行在jvm靠线程执行)
2021-10-15 16:13:20
173
原创 实验4_MapReduce编程初级实践
一、实验目的通过实验掌握基本的MapReduce编程方法；掌握用MapReduce解决一些常见的数据处理问题，包括数据去重、数据排序和数据挖掘等。二、 实验平台请描述已经配置完成的Hadoop伪分布式环境的信息。三、实验内容和要求编程实现文件合并和去重操作对于两个输入文件，即文件A和文件B，请编写MapReduce程序，对两个文件进行合并，并剔除其中重复的内容，得到一个新的输出文件C。下面是输入文件和输出文件的一个样例供参考。输入文件A的样例如下：20150101 x2015
2021-10-15 15:21:53
2092
原创 实验3_熟悉常用的HBase操作
一、实验目的理解HBase在Hadoop体系结构中的角色；熟练使用HBase操作常用的Shell命令；熟悉HBase操作常用的Java API。二、实验平台操作系统：Hadoop版本：HBase版本：2.2.2JDK版本：Java IDE：三、实验内容和要求使用HBase Shell命令完成下列任务：列出HBase所有的表的相关信息，例如表名；在终端打印出指定的表的所有记录数据；向已经创建好的表添加和删除指定的列族或列；清空指定的表的所有记录数据；统计表的行数。
2021-10-02 18:29:33
1823
原创 Hbase 出现：/usr/local/hadoop/bin/../libexec/hadoop-functions.sh: line 2395: HADOOP_ORG.APACHE.HADOOP.H
项目场景：- 操作系统：Ubuntu 18- Hadoop版本：Hadoop 3.1.3- HBase版本：2.2.2- JDK版本：1.8- Java IDE：eclipse问题描述：进入shell界面时蹦出好多信息：提示：/usr/local/hadoop/bin/…/libexec/hadoop-functions.sh: line 2395: HADOOP_ORG.APACHE.HADOOP.HBASE.UTIL.GETJAVAPROPERTY_USER: bad substit
2021-10-02 18:03:04
4247
2
原创 实验三数据库创建表
现有以下关系型数据库中的表和数据，要求将其转换为适合于HBase存储的表并插入数据：学生表（Student）学号（S_No）姓名（S_Name）性别（S_Sex）年龄（S_Age）2015001Zhangsanmale232015002Maryfemale222015003Lisimale24学生表（Student）创建表create 'Student','S_No','S_Name','S_Sex','S_Age'插入数据第一
2021-10-02 17:03:45
2045
原创 实验2_熟悉常用的HDFS操作
一、实验目的理解HDFS在Hadoop体系结构中的角色熟练使用HDFS操作常用的Shell命令熟悉HDFS操作常用的Java API二、实验平台操作系统：Ubuntu 18Hadoop版本：Hadoop 3.1.3JDK版本：1.8Java IDE：IDEA三、实验内容和要求利用Hadoop提供的Shell命令完成下列任务：向HDFS中上传任意文本文件，如果指定的文件在HDFS中已经存在，由用户指定是追加到原有文件末尾还是覆盖原有的文件。 ./bin/hdfs dfs
2021-09-29 18:07:10
2040
原创 实验1_熟悉常用的Linux操作和Hadoop操作
一、实验目的由于Hadoop运行在Linux系统上，因此需要学习实践一些常用的Linux命令。本实验旨在熟悉常用的Linux操作和Hadoop操作，为顺利开展后续其他实验奠定基础。二、 实验平台操作系统：请说明实验所使用的操作系统版本，安装方式（如虚拟机，双系统，Windows子系统等）。Hadoop：请说明实验所使用的Hadoop版本。三、实验步骤熟悉常用的Linux操作cd命令：切换目录切换到目录"/usr/local"cd /usr/local此处贴命令执行完的截
2021-09-27 11:44:10
4857
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人