2020年05月_UndeFIned丶

原创 HTML和CSS布局中一些容易忘记的细节整理..持续更新

1.border:none;去除按钮边框2.outline:none;去除表单的默认蓝色轮廓线3.resize:none;防止拖拽文本域4.logo一般在h1标签放logo文字里(SEO)，再用overflow: hidden;或者font-size:0;5.去除列表前面的小圆点 ·list-style:none;6. < a>标签为行内元素无宽度无大小display:block or display:inline-block7.绝对定位margin值无效...

2020-05-13 17:45:21 297 1

原创重新整理了一遍,花了小半月终于将基础Html+css系统的学完，期间的学习笔记+中文手册都在这，分享..

html+css基础入门月总结文章目录一.HTML初识二.HTML常见标签三.CSS初识四.基础选择器五.后代选择器六.display转换模式七.CSS 背景(background)八.选择器优先级九.盒子边框（border）十. 内边距（padding）十一.外边距(margin)十二.浮动(float)十三定位(position)十四.overflow 溢出十五...

2020-05-03 11:02:56 4123 15

原创 8.HTML+CSS——鼠标经过图片(稍惊悚)翻转特效

8.HTML+CSS——鼠标经过翻转图片特效图片稍惊悚HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont

2020-05-31 16:00:52 6566 6

转载最爱的文本编辑器_VS Code——插件推荐整理

VS Code 是我用起来最舒服的一款编辑器，比起对pycharm的使用，它显得轻级的多的多。好的插件不仅能提高你的生产力，还可以提高你对代码的激情 ( (∩_∩) ) :在读芯术公众号中看到一篇介绍到的VScode插件，现在整理一下发出来分享：整理如下：1 . WakaTimehttps://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime简单来说就是这款插件可以记录你的所有编程活动：你每天.

2020-05-31 13:12:48 3843 2

原创 JavaScript面向对象学习(part1)——笔记整理+课后练习 ×1+this指向问题

文章目录一.面向过程与面向对象 1.2面向对象 1.3面向过程与面向对象对比二.对象与类 2.1对象 2.1.1创建对象 2.2类 2.2.1创建类 2.2.3类的继承一.面向过程与面向对象1.2面向对象面向对象是把事务分解成为一个个对象，然后由对

2020-05-31 10:11:38 544

原创 Python数据可视化学习_案例1——利用线性图可视化股票的走势(附源文件)

初识matplotlib：数据1：数据2：数据三：数据四：数据文件提取：链接：https://pan.baidu.com/s/10NRKANd4rbyYwVV05_d9zA提取码：hq84#-*- coding = utf-8 -*-#@Time : 2020/5/30 19:38#@Author : Chen#@File : 可视化股票走势.py#@Software : PyCharmimport matplotlib.pyplot as pltimport nu

2020-05-30 20:32:19 1726 1

原创 LeetCode初级算法——冒泡排序动图讲解(Python版+JS版)+代码解析

1.原理☆ 摘要冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。2.过程演示1.第一轮排序：如图第1趟：4 3 2 1 5第二轮排序：如图第三轮排序：如图第四轮排序：如图第五轮排序：1 2 3 4 5解析：1.一共需要的趟数我们用外层 for循环5个数据我

2020-05-30 00:23:12 440

原创 7.HTML + CSS——Kobe——荧光灯闪光效果

荧光效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" hre...

2020-05-29 19:15:20 440

原创初识jQuery基础入门到放弃Day3——笔记整理+作业×1+经典例题×1

1.jQuery 尺寸操作jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型<body> <div></div> <script> $(function() { // 1. width() / height() 获取设置元素 width和height大小 console.log($("div").width()); /

2020-05-29 19:00:55 354

原创 6.HTML + CSS —— 立体旋转小球

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>立体旋转小球</title> <link rel="stylesheet" href="css/5-28.

2020-05-28 20:31:22 654

原创 5.HTML + CSS3——KoBe能力值进度条展示(源码)

①投篮能力值②运球能力值③篮板能力值④防守能力值纯属练习H部分：(结构复制黏贴即可)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KoBe进度条能力值<.

2020-05-27 16:04:44 440

原创 4.HTML + CSS3—— KoBe_轮廓转动小球

KoBe_轮廓转动小球HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="ht

2020-05-26 21:17:28 243

原创初识 jQuery基础Day 2—— 笔记整理 +课后练习 ×2

文章目录一. jQuery 属性操作 1 . 元素固有属性值 prop() 2 . 元素自定义属性值 attr() 3. 数据缓存 data()二. jQuery 文本属性值 1 . jQuery内容文本值三. jQuery 元素操作 1 . 遍历元素 2 . 创建、添加、删除一. jQ

2020-05-26 20:23:57 270

原创初识 jQuery基础Day1——笔记整理（总结）+ 课后练习 ×1

一. jQuery的概念jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是"write Less，Do More”，即倡导写更少的代码，做更多的事情。j 就是 JavaScript； Query 查询；意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。二. jQuery 的基本使用1. jQuery 的下载

2020-05-25 20:21:28 329

原创 1.HTML+CSS3 —— To：Kobe——彩虹渐变

H部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>彩虹背景捏</title> <link href="https://fonts.font.i..

2020-05-24 10:55:23 610 5

原创 2.HTML+CSS3练习——To: Kobe_光影闪烁效果

封面：html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>科比24&8</title> <link rel="style

2020-05-23 16:39:37 674

原创初识JS_API基础Day6&7结束——笔记整理+经典案例(原生Js轮播图)..

1. 触屏事件概述移动端浏览器兼容性较好，不需要考虑以前 JS 的兼容性问题。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：2. 触摸事件对象（TouchEvent）TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。touchstart、touchmove、touchend 三个事件都

2020-05-22 22:35:01 402 4

原创初识JS_WebAPI基础Day5入门到放弃——笔记整理+1面试常问+2课后作业...

文章目录一.元素偏移量 offset 系列1 . offset 概述2. offset 与 style 区别二. 元素可视区 client 系列1 . client概述三.元素滚动 scroll 系列1 . scroll 概述2. 页面被卷去的头部一.元素偏移量 offset 系列1. offset 概述offset 翻译过来就是偏移量，使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）

2020-05-18 19:13:45 370 3

原创近半月的Linux常用操作命令整理(全)+Vim中文使用手册+Linux命令手册+Pycharm快捷键整理....

文章目录1 . 文件和目录2 . Linux 终端命令格式3 . [重点]常用命令-显示文件和目录4 . [重点]常用命令-显示详细信息5 . [重点]常用命令-切换目录6 . [重点]常用命令-创建文件和目录7 . [重点]常用命令-删除文件和目录8 . [重点]常用命令-文件拷贝9 . [重点]常用命令-移动10 . 常用命令-其他11 . 常用命令-日历、日期指令12 . 常用命令-历史指令13 . [重点]常用命令-文件查看cat14 . [重点]常用命令-文件查看mor

2020-05-17 21:14:55 532

原创初识JS_API基础Day4——笔记整理+JS运行机制+1课后作业+蓝瘦香菇...

一. 常用的键盘事件1. 键盘事件2. 键盘事件对象二. BOM1 . 什么是BOM2 . window对象的常见事件页面（窗口）加载事件（2种）第1种window.onload 是窗口 (页面）加载事件，当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。第二种DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash等等。 IE9以上才支持！！！3.调整窗口大小事件注意：①. 只

2020-05-17 18:24:02 485 2

原创初识JS_WebAPI基础Day3——笔记整理+1课后作业...

一.节点操作1. 删除节点node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 // 删除元素 node.removeChild(child) ul.removeChild(ul.children[0]);2. 复制（克隆）节点// 1. node.cloneNode(); 括号为空或者里面是false 浅拷贝只复制标签不复制里面的内容// 2. node.cloneNode(true); 括号为true 深拷贝复制标签复制里面的内容3

2020-05-16 17:46:34 662

原创分享一批常用的软件(已存网盘),中文Pycharm、MySQL、各类工具(截图、录屏、护眼····)...

1.MySQL链接：https://pan.baidu.com/s/1zPXDZJZG-ONvgNbVFMIpBw提取码：1bby2.SQL Server 2016 版本链接：https://pan.baidu.com/s/1d6kYPA7ZHhyi7ktsGvgmgw提取码：myq83.流程图··制作链接：https://pan.baidu.com/s/1VGMLrdv0YjsytFfvUtq-YA提取码：qahk4.Pycharm中文版链接：https://pan.baidu.

2020-05-15 23:25:52 971 2

原创初识JS_WebAPI基础Day2——笔记整理+1课后作业..感到男上加男、左右为男····

一.自定义属性操作文章目录1 获取属性值2. 设置属性值3. 移出属性4.自定义属性1.父亲节点2.所有子节点(包括换行标签br)3.兄弟节点4. 创建节点5.添加节点1 获取属性值2. 设置属性值 // 2. 设置元素属性值 // (1) element.属性= '值' div.id = 'test'; div.className = 'navs'; // (2) element.setAttribute('属

2020-05-15 21:21:17 617

原创 3.HTML + CSS——七彩背景开关灯+背景图切换+涟漪波动效果

1.七彩背景开关<style> .box { width: 100%; height: 700px; } button { border: none; font-size: 16px; color: #000; border: 1px solid #ccc; m

2020-05-14 11:40:03 1009 2

原创初识JS_WebAPI基础Day1——课后作业单独整理..量多

1 - 输入框内容显示和隐藏（加强训练）题目描述仿世纪佳缘网，显示和隐藏输入框中的提示内容，具体表现如下图：1）输入框获得焦点，提示内容消失，边框变色2）输入框失去焦点，如果内容为空，提示内容恢复，边框变色；如果内容不为空，只有边框变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w

2020-05-14 10:31:00 1696 1

原创初识JS_WebAPI基础Day1——笔记整理+课后作业 × 4...

一.API的概念API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。二. Web API的概念Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框，直接使用 al

2020-05-14 10:25:58 400

原创 JavaScript入门到放弃Day6——课后作业×7+面试经典题×3...量多单独整理成一篇。

每日作业-JavaScript第06天文章目录1.1 数组操作1.2 计算指定日期是今年的第几天1.3 16进制随机颜色，1.4 字符串操作2.1 随机选学员2.2 随机排序1 - 基础作业1.1 数组操作题目描述：把下面数组的首尾两个元素互换 var arr = [“鹿晗”,“王俊凯”,“蔡徐坤”,“彭于晏”,“周杰伦”,“刘德华”,“赵本山”]；var arr = ["鹿晗", "王俊凯", "蔡徐坤", "彭于晏", "周杰伦", "刘德华", "赵本山"];

2020-05-12 00:42:47 2095 2

原创整理完了^ 。^,Python数据分析与可视化源代码资料，分享.....

Python数据分析与实践本书配套源码资源如下：链接：https://pan.baidu.com/s/1AWht3n1X25mL47e9WyKWbw提取码：r6vx其中一本书的配套资料无法获取，就没办法分享咯！如果需要excel学习数据处理的，还有两套学习资源已经整理出来点击跳转...

2020-05-10 23:48:53 1258 1

原创 js入门到放弃Day5(上)——作用域+预解析模块——笔记整理+1面试经典题型+1作业..

一. 作用域1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。3. 局部作用域作用于函数内的代码环境，就是局部作用域。因为跟函数有关系，所以也称为函数作用域

2020-05-10 15:05:29 545

原创 JavaScript入门到放弃Day5(下)——创建对象+课后作业

Day5：对象文章目录一. 对象的相关概念什么是对象？二. 创建对象的三种方式使用对象字面量创建对象：三. 利用构造函数创建对象遍历对象此部分为作业部分一. 对象的相关概念什么是对象？在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）为什么需要对象？保存一个值时，可以使用变量，保存多个值（一组值）

2020-05-10 14:45:14 1402

原创 Javascript入门到放弃Day4(下)—函数——笔记整理+课后作业

2 - 函数2.1 函数的概念函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。2.2 函数的使用声明函数// 声明函数function 函数名() { //函数体代码}function 是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如 getSum调用函数// 调用函数函数名(); // 通过调用函数名来执行函数体代码口诀：函数不调用，自己不执行注意

2020-05-09 13:30:56 716 2

原创 Ubuntu下ROS(kinetic)安装+配置+运行调试——表示安装了一周..耐心

Ubuntu下ROS(kinetic)安装一，修改代码源，改成中科大的源（Ustc）1、备份系统默认源sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak2、打开软件源文件sudo gedit /etc/apt/sources.list接着：按 i 键进行输入，删除所有的源代码后，复制下面中科大的源，复制完成后按ESC退出输入，再按：键，输入wq（保存）或者wq!（强制保存）。中科大源：deb http://debian.us

2020-05-09 10:36:39 338

原创初识JavaScript入门到放弃Day4(上)——笔记整理+课后作业

JS入门到放弃Day4文章目录JS入门到放弃Day4数组1.1 数组的概念1.2 创建数组1.3 获取数组中的元素1.4 遍历数组1.5 数组中新增元素今日些练习题数组1.1 数组的概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组注意 Ar

2020-05-08 18:39:48 872 1

原创论代码书写规范的重要性——分享一篇良好的代码书写规范，从小白开始培养..(表示太难了吧)

Web前端开发规范手册文章目录一、规范目的1.1 概述 … 1二、文件规范2.1 文件命名规则…12.2 文件存放位置…22.3 css 书写规范…32.4 html书写规范…72.5 JavaScript书写规范…112.6 图片规范…122.7 注释规范…13一、规范目的1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文...

2020-05-07 12:19:35 1895 4

原创 Win下Git下载；附有快速下载Git.exe的方法

Win下Git下载；附有快速下载Git.exe的方法Git官网—点击跳转2.下载3.下载ing4.安装ing期间一路下一步，直到完成5.检查是否安装成功win + r 输入cmd 打开终端：git --version安装成功。直接在官网下载速度缓慢；解决问题：国内镜像中下载自由选择版本。分享到这。...

2020-05-07 11:08:20 888

原创初识JavaScript入门到放弃Day3——笔记整理....附课后练习题

chrome断点调试：断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。断点调试可以帮助观察程序的运行过程断点调试的流程：1、浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点2、Watch...

2020-05-06 23:04:55 472

原创初识 Javascript入门到放弃Day2(+入门练习题)——笔记整理..持续打卡

JavaScript基础文章目录JavaScript基础一- 运算符（操作符）2- 递增和递减运算符3.赋值运算符4. 比较运算符5.逻辑运算符6.运算符优先级二 - 流程控制1.三元表达式2. switch分支流程控制if 和 switch 区别课后练习题加强一- 运算符（操作符）2- 递增和递减运算符递增和递减运算符概述如果需要反复给数字变量添加或减去1...

2020-05-06 08:22:56 820 2

原创终于整理完,HTML5+CSS3学习笔记，用了一周稍微记住了点语法.留个印象,后续有用到再手册找吧...

HTML5文章目录一.HTML5 ` 新增标签1 . 新增了语义化标签2 、多媒体音频标签3.input标签新增属性4.form表单新增属性CSS3一.CSS3 属性选择器1.属性选择器列表2.结构伪类选择器3.伪元素选择器二. 2D 转换之 translate1 . 2D 转换 rotate2. 设置元素旋转中心点(transform-origin)3. 2D 转换...

2020-05-05 10:48:10 575

原创初识 JavaScript入门到放弃——Day1笔记整理...

初识 JavaScript文章目录初识 JavaScript1.JavaScript 是什么2 JavaScript的作用JS初体验一.引入js文件二. - JavaScript注释三单行注释四. 多行注释五.输入输出语句六. 声明变量1. 赋值2. 变量的初始化3. 变量语法扩展4. 变量命名规范三. 数字类型1.数字型 Number2.字符串型 String...

2020-05-04 18:21:42 890 1

原创什么是正则表达式?——学习笔记

正则表达式到底是什么东西？1.在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录文本规则的代码。符号解释示例说明.匹配任意字符b.t可以匹配bat / but / b#t / b1t等\w匹配字母/数字/下划线b\wt可以匹配bat / b1t / b_t等但不...

2020-05-03 16:15:13 597

空空如也

空空如也