2018年10月_三尺秋水一点飞鸿

原创 xshell 如何远程连接Linux虚拟机

1，虚拟机里面要先确定安装了sshd,终端输入安装命令：sudo apt-get install openssh-server启动SSH服务：sudo service sshd start输入自己的用户密码2，打开xshell软件，新建一个连接用户点击新建输入用户名，输入自己的主机IP地址，要是不知道的话自己在虚拟机终端输入命令：ifconfig 查询一下。先不要点击确...

2018-10-30 22:12:24 2267

原创 H5 CSS简介

简介什么是CSS？层叠样式表：Cascading Style Sheet 有什么作用？ HTML是页面的骨架，而CSS就是对网页骨架内容的修饰为什么要使用？样式和内容写在一起会显得非常臃肿，使用CSS可以将样式单独抽出来，可以提高开发效率。 CSS提供了很多HTML属性无法替代的显示效果。 ...

2018-10-30 20:44:29 385

原创 Linux VIM编辑器常用命令操作

安装：sudo apt-get install vim 说明：所有的操作都是在终端完成的，需要切换不同的工作模式来完成不同的功能。不同的操作功能先进入不同的模式。 vim 有三种模式：一，工作模式：正常命令模式，使用vim打开文件的默认模式常用命令操作：命令/操作说明 vim filename 打开/新建一个文件 ESC 切换到正常模式 ZZ（...

2018-10-30 20:41:16 121

原创虚拟机下修改hosts权限修改hosts文件

右键打开终端在终端下输入：sudo gedit /etc/hosts输入自己的虚拟机账户密码然后就能打开hosts文件了，这时候hosts文件是可以修改和保存的，将需要修改的代码随便加入到hosts文件中点击保存就可以啦，这样就解决了hosts文件没有权限无法修改的问题啦...

2018-10-30 09:34:14 7954 3

原创 jquery 商品展示更多

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>更多商品展示</title> <style> * { mar

2018-10-25 17:37:17 801

原创 jquery 选项卡

<html> <head> <meta charset="utf-8" /> <title>选项卡</title> <style> * { margin: 0; padding:

2018-10-25 17:31:15 225

原创 jquery 全选反选全不选

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> </style> &l

2018-10-25 17:26:15 123

原创 jQuery 导航栏展开和关闭效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{

2018-10-25 17:20:39 932

原创 jquery 点击删除添加元素

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select

2018-10-25 10:43:49 530

原创 js 罗云熙轮播图

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;

2018-10-24 23:00:51 348

原创 jquery 做一个收起和展开的动画 slideToggle

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #one{

2018-10-24 22:19:29 2153

原创 js中各种弹出窗

各种弹出框 alert：警告框 confirm：确认框 prompt：输入框 <html> <head> <meta charset="utf-8" /> <title>各种弹出框</title> </head> <b

2018-10-23 22:56:17 430

原创 js禁用右键及跳转

禁用右键：oncontextmenu控制跳转说明：a标签的onclick事件的返回值可以决定是否跳转，返回true可以跳转，返回false不可以跳转 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>...

2018-10-23 22:54:45 425

原创 js 中按下键盘事件

onkeydown：键盘按下事件按键的ASCII：ev.keyCode是否按下了特定的组合按钮：if (ev.altKey == true) { console.log('您按下了alt键')} else if (ev.ctrlKey == true) { console.log('您按下了ctrl键')} else if (ev.shiftKey == true...

2018-10-23 22:51:10 5033

原创 js 鼠标点击位置

说明：点击事件触发时，鼠标距离窗口的偏移位置clientX + 'x' + ev.clientY<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style

2018-10-23 22:39:10 759

原创 js查找事件原元素

说明：就是根据事件获取事件发生的元素，也就是该事件发生在哪个元素上。使用：srcElement<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style&

2018-10-23 22:31:31 254

原创 js事件的绑定和解除 addEventListener()

关键词：addEventListener() 方法用于向指定元素添加事件句柄。提示：使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。说明：一个事件触发时，想要同时调用多个处理函数；直接设置后面的覆盖前面的，可以通过事件绑定解决<!DOCTYPE html><html> &lt...

2018-10-23 22:22:49 6343

原创 js 冒泡事件

说明：当下层元素和上层元素支持同一事件，当上层事件触发时，下层事件也触发，这就叫事件冒泡。取消事件冒泡：ev.cancelBubble = true<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&amp

2018-10-23 22:06:16 251

原创 js 选项卡轮播图

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;

2018-10-23 21:47:42 877

原创 Js 跳转页面和打开新窗口的方法

window.open（‘要跳转的网址’）:打开新页面打开新窗口，默认是_blank window.close()：关闭使用JS创建的窗口，某些平台不能关闭 window.history.go(1)：历史记录窗口 back：向后跳转一个页面 go：可以指定跳转，正数向前跳，负数向后跳 window.location.href=‘要...

2018-10-23 18:01:14 9218

原创 js 创建和删除元素

<html> <head> <meta charset="utf-8" /> <title>创建与删除</title> </head> <body> <input type="file" /

2018-10-23 12:34:48 496

原创 js 查找元素

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>查找元素</title> </head> <body> <

2018-10-22 21:02:28 913

原创 js window对象

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>window对象</title> <style> body {

2018-10-22 20:59:59 226

原创 js 获取样式

<html> <head> <meta charset="utf-8" /> <title>获取样式</title> <style> div { width: 500px;

2018-10-22 20:59:07 219

原创 js 周期性定时器

周期性定时器：设置一个时间间隔，时间一到，做指定的事情，然后重新计时设置：var timer = setInterval(函数, 时间) 清除：clearInterval(timer) <html> <head> <meta charset="utf-8" /> <title>周期性定时器...

2018-10-22 20:56:05 6674

原创 js 定时器弹窗

一次性定时器：设置一个时间，时间一到，做指定的事情，之后就销毁了设置：var timer = setTimeout(函数, 时间)，时间单位是毫秒清除：clearTimeout(timer) <!DOCTYPE html><html> <head> <meta charset="UTF-8">...

2018-10-22 20:52:43 1653

原创 js 选项卡

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> button { width: 100

2018-10-22 20:21:02 88

原创 js 飞舞的小球

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>飘舞的小球</title> <style> div { wi

2018-10-22 19:50:05 239

原创 css 导航栏水平

有两种方法创建横向导航栏。使用内联(inline)或浮动(float)的列表项。需要用到 li { display:inline; }<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>

2018-10-22 12:11:51 519 2

原创 css 导航栏垂直

本质：导航栏=链接列表一般分为：垂直，水平2种垂直导航<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导航</title> <style>

2018-10-22 11:39:50 482

原创 js中改变颜色 onclick backgroundColor

关键词： onclick backgroundColor<html><meta charset="utf-8"><title></title><body><div style="width:300px;height:300;background:red;" onclick="bian

2018-10-20 15:24:08 8019

原创 js中的变量作用域

变量作用域全局变量：定义在函数外部的变量，哪里都可以使用局部变量：定义在函数内部的变量，只能在函数内部使用 <script>var b=100function test(){var b=300alert(b)b=200var c=800}test() //弹出的是300，若内部有同名变量，内部变量优先alert(b)//弹出100，可...

2018-10-20 11:29:00 86

原创 js中的异常处理

异常处理说明：与python中的用法相似，可以认为是一种特殊的流程控制语句示例： try { // 手动抛出异常 throw '出问题了&_&' alert('normal')} catch (e) { alert(e)} ...

2018-10-20 11:12:26 106

原创 js 中函数的使用

函数使用定义函数的关键字：function 函数的调用可以放在定义之前函数名不能重复，因为后面的会覆盖前面的函数可以像普通变量一样使用，打印时会打印整个函数体内部函数：也可以在函数内部定义函数函数参数：函数的参数多传或少传都不会报错函数参数可以有默认值函数的所有参数都会保存到argum...

2018-10-20 11:09:20 289

原创 js 中 while for...in for循环结构

while 说明：与python中的使用几乎一样格式： while (表达式) { 循环体} do-while 格式： do { 循环体} while (表达式) 说明：当程序执行到do-while语句时，首先执行循环体，然后判断表达式的真假。若表达式的值为真，则返回继续执行循环体；若...

2018-10-20 10:26:55 179

原创 js onclick点击事件改变皮肤

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击换</title> <link id="skin" rel="stylesheet" ty

2018-10-19 21:39:54 621

原创 js 根据id，标签名，属性查找元素

查找元素 getElementById：根据ID，获取的是一个元素 getElementsByClassName：根据class属性查找元素，返回的是数组 getElementsByTagName：根据标签名查找元素，返回的是数组 getElementsByName：根据name属性查找元素，返回的是数组 <!DOCTYPE html><...

2018-10-19 21:01:02 19668 1

原创 js鼠标单击和双击事件

onclick：单击 ondblclick：双击 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <b

2018-10-19 20:50:20 8835 1

原创 H5 css 京东首页

文件夹image 存储需要的图片ad.jpg，buy.jpg，jd_r2_c2.jpg，logo.jpg，phone.jpgbuy.jpg jd_r2_c2.jpg logo.jpg phone.jpg<!DOCTYPE html><html><head> <meta charset="utf-8...

2018-10-19 20:43:17 347

原创 js 焦点事件

onfocus：获取焦点 onblur：失去焦点 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head>

2018-10-19 20:43:02 3608

python基础知识点总结

空空如也