hey_just_do_it-CSDN博客

原创 Js实战--02登录注册

Js实战–02登录注册文章目录Js实战--02登录注册一、HTML布局二、样式1.代码2.页面效果图三、Js特效效果展示网站：https://www.bilibili.com/video/BV1yf4y1a7qv?share_source=copy_web一、HTML布局 <main class="container">  <div class="container_form container_signup">

2021-06-23 11:40:26 4866 7

原创 Js实战--01轮播图

Js实战–01轮播图文章目录Js实战--01轮播图一、HTML布局二、样式1.代码2.页面效果图三、Js特效1.普通函数方法2.面对对象封装法效果展示网站：一、HTML布局<div id="wrap"> <div id="imgs"> <a href="javascript:void(0);"><img alt="" src="img/1.jpg" width="1023" height="400"></

2021-06-23 11:01:50 638

原创 leetcode算法题--解码异或后的数组

leetcode算法题–解码异或后的数组文章目录leetcode算法题--解码异或后的数组一、题目1.示例12.示例23.提示4、题目来源二、代码一、题目未知整数数组 arr 由 n 个非负整数组成。经编码后变为长度为 n - 1 的另一个整数数组 encoded ，其中 encoded[i] = arr[i] XOR arr[i + 1] 。例如，arr = [1,0,2,1] 经编码后得到 encoded = [1,2,3] 。给你编码后的数组 encoded 和原数组 arr 的第一个元素

2021-05-24 16:58:25 303

原创 leetcode算法题--黑板异或游戏

leetcode算法题–黑板异或游戏题目：黑板上写着一个非负整数数组 nums[i] 。Alice 和 Bob 轮流从黑板上擦掉一个数字，Alice 先手。如果擦除一个数字后，剩余的所有数字按位异或运算得出的结果等于 0 的话，当前玩家游戏失败。 (另外，如果只剩一个数字，按位异或运算得到它本身；如果无数字剩余，按位异或运算结果为 0。）并且，轮到某个玩家时，如果当前黑板上所有数字按位异或运算结果等于 0，这个玩家获胜。假设两个玩家每步都使用最优解，当且仅当 Alice 获胜时返回 true。文章目录l

2021-05-22 23:06:18 232

原创 leetcode算法题--前K个高频单词

leetcode算法题–前K个高频单词文章目录leetcode算法题--前K个高频单词一、题目描述1.示例12.示例23.注意4、题目来源二、代码一、题目描述给一非空的单词列表，返回前 k 个出现次数最多的单词。返回的答案应该按单词出现频率由高到低排序。如果不同的单词有相同出现频率，按字母顺序排序。1.示例1输入: ["i", "love", "leetcode", "i", "love", "coding"], k = 2输出: ["i", "love"]解析: "i" 和 "love

2021-05-20 17:17:50 402

原创 leetcode算法题--计算两个数据间的汉明距离

leetcode算法题–计算两个数据间的汉明距离文章目录leetcode算法题--计算两个数据间的汉明距离前言一、按位异或1.原理2.代码二、按位与1.原理2.代码前言两个整数之间的汉明距离指的是这两个数字对应二进制位不同的位置的数目一、按位异或1.原理^按位异或：两个位不同，结果是1，否则结果为0.2.代码{ // 1 （0 0 0 1） // 4 （0 1 0 0） // 5 (0 1 0 1) 异或 let x = 1, y = 4; let

2021-05-20 15:59:14 463

原创 JS-数组去重

JS-数组去重文章目录JS-数组去重数组去重一、双for循环方式splice引起的数组塌陷问题二、对象键值对的方式优点：缺点：三、indexOf缺点四、ES6新特性：Set方式缺点数组去重一、双for循环方式let arr = [1,2,3,4,5,4,2,7,3,7,1];//1、双for循环方式for(let i = 0;i<arr.length;i++){ for(let j = i+1;j<arr.length;j++){ if(arr[i] =

2021-04-13 11:05:00 236

原创 JS-移除class

JS-移除class文章目录JS-移除class移除class一、问题二、代码三、结果移除class一、问题找到class为XXX的标签，然后删除这些标签对应的class使用Element.classList的remove(),add()方法 Element.classList.add(className) Element.classList.remove(className)二、代码<!DOCTYPE html><html lang="en"><

2021-04-12 17:40:30 5774

原创 ES6新增特性--箭头函数

ES6新增特性–箭头函数ES6中新增了创建函数的方式：“箭头函数”。真实项目中是箭头函数和function这种普通函数混合使用。文章目录ES6新增特性--箭头函数箭头函数一、优点二、语法1.如果形参只有一个，小括号可以不加2.函数体中只有一句话，并且是return xxx的，可以省略大括号和return等三、注意事项1.ARFGUMENTS2.this箭头函数一、优点1、箭头函数简化了创建函数的代码2、箭头函数的创建都是函数表达式方式（变量=函数）二、语法1.如果形参只有一个，小括号可以

2021-04-12 17:16:51 386

原创 JS-DOM选择器

JS-DOM选择器文章目录JS-DOM选择器DOM选择器一、问题：获取ul中的第一个li标签二、方法一:getElementByXXX三、方法二:querySelector API四、方法三：Chrome环境中的$符号简写方式五、总结1.性能上2.使用上DOM选择器一、问题：获取ul中的第一个li标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

2021-04-12 16:44:48 440

原创拉钩网前端项目实战06

拉钩网前端项目实战拉钩网前端项目实战06登录注册部分设计一、登录注册部分设计1.html部分 <div class="header"></div> <div class="boxCon"> <div class="logo"></div> <form action="#" method="get"> <div class="forBox">

2021-03-31 22:53:36 192

原创拉钩网前端项目实战05

拉钩网前端项目实战拉钩网前端项目实战05footer部分设计一、footer部分设计1.html部分 <div class="footer"> <div class="fooTop main"> <div class="appBox fl"> <p class="btnApp"><span></span>下载拉钩APP</p

2021-03-29 16:19:18 283

原创 CSS让多余文字以...形式显示

让多余文字以…形式显示 <p class="txt2">发掘数据的价值，便利人们的生活，让人们点点点点点点</p>实现步骤1.让文字一行显示，即不换行2.设置元素宽度值，并设置让溢出元素的文字隐藏3.让元素末尾以…显示实现代码 .txt2{ font-size: 12px; color: #555; // 让多余文字以...形式显示 // 1.让文字一行显示，即不换行 // 2.溢出隐

2021-03-29 09:47:18 1572

原创拉钩网前端项目实战04

拉钩网前端项目实战拉钩网前端项目实战04banner和content设计一、banner部分设计1.html部分<div class="banner"> <div class="banCon main clearFixed"> <div class="banLeft fl"> <ul class="banList">

2021-03-29 09:33:29 290 1

原创拉钩网前端项目实战03

拉钩网前端项目实战文章目录拉钩网前端项目实战拉钩网前端项目实战03一、search部分设计1.html部分2.css部分二、banner部分设计1.html部分2.css部分设计结果图拉钩网前端项目实战03search和banner部分设计一、search部分设计1.html部分 <div class="search"> <div class="searCon main"> <div class="se

2021-03-28 19:22:58 362

原创拉钩网前端项目实战02

拉钩网前端项目实战01整体布局分析以及头部布局设计网站整体布局分析

2021-03-28 10:29:22 522

原创拉钩网前端项目实战01

这里写自定义目录标题拉钩网前端项目实战01网站整体布局分析清除默认样式通用样式header头部布局设计拉钩网前端项目实战01整体布局分析以及头部布局设计网站整体布局分析网站整体可分为五部分：header search banner content footer清除默认样式/* 清除默认样式 */* { margin: 0; padding: 0;}li { list-style: none;}a { text-decoration: none;}通用样式//

2021-03-22 23:18:18 772

原创 CSS Position（定位）

CSS Position（定位）position属性指定了元素的定位类型。元素可以使用顶部、底部、左侧和右侧的定位属性。这些属性无法工作，除非先设定position属性。他们也有不同的工作方式。这取决于定位方法。position属性有5个值：static、relative、fixed、absoulte、stickystatic定位元素的默认值，即没有定位，静态元素不会受到top、bottom、left、right影响。fixed定位元素的位置相对于浏览器窗口是固定位置。即使是滚动的它也不会移

2020-07-07 17:26:40 158

原创安装Texlive

安装Texlive(1)校验md5在texlive下载好的文件空白处，按住“shift”键之后鼠标右键，选择“在此处打开Powershell窗口”输入命令certutil -hashfile texlive2019.iso md5哈希码如下，则证明下载的安装文件无误（2）加载至虚拟光驱Win10系统下，直接双击下载好的Texlive镜像文件（iso格式），便可自动加载到虚拟光驱（...

2020-01-04 09:52:43 841

原创 Ajax

AjaxAjax 是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。1、Ajax = 异步 JavaScript + XML。2、Ajax 是一种用于创建快速动态网页的技术。3、通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。1、Ajax 用于创造动态性更强的应用程序2、Ajax 可用来与...

2020-01-03 19:28:06 81

转载 LateX

Latex介绍原文链接：https://blog.csdn.net/Mikchy/article/details/94448707LaTeX 基于 TeX，主要目的是为了方便排版。在学术界的论文，尤其是数学、计算机等学科论文都是由 LaTeX 编写, 因为用它写数学公式非常漂亮。在稍微了解一点 LaTeX 后，你会发现 LaTeX 的工作方式类似 web page，都是由源文件（.tex o...

2019-12-29 22:57:52 186