firefox | 易学教程

WEB API----事件（event）

阅读更多关于 WEB API----事件（event）

　　当用户与Web页面进行某些交互时，解释器就会创建相应的event对象以描述事件信息。常见的事件有：用户点击页面上某项内容；鼠标经过特定的元素... Event对象　　 Event对象代表事件的状态，比如事件在其中发生的元素，键盘按键的状态，鼠标的位置，鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！获取事件对象 function getEvent(ev) { var e = ev || window.event; } 事件句柄　　事件句柄（又称事件处理函数，事件监听函数），指用于响应某个事件而调用的函数。　　鼠标事件：onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout... 　　键盘事件：onkeydown,onkeyup,onkeypress... 　　状态事件: onload,onunload,onchange,onfocus,onblur,onresize,onsubmit,onreset,onerror... 事件处理　　事件定义　　1.直接在HTML中定义事件相关属性 <button onclick="alert(123)">按钮</button> <body onload="init()">...</body> 　　2

好程序员web前端教程JavaScript系列之HTTP

阅读更多关于好程序员web前端教程JavaScript系列之HTTP

　　好程序员web前端教程JavaScript系列之HTTP：http 是我们前后台交互的时候的传输协议（即超文本传输协议） HTTP 的工作流程 .和服务器建立链接 .建立链接后，发送一个请求给服务器（请求） .服务器接受到请求以后进行相应的处理并给出一个回应（响应） .断开于服务器的链接和服务器建立链接 怎么和服务器建立链接呢？ 需要保证客户端的接受和发送正常，服务器端的接受和发送正常 这里就涉及到一个东西叫做 TCP/IP 协议 建立链接的主要步骤叫做三次握手 1、客户端发送一个消息给到服务端此时：服务端知道了客户端可以正常发送消息服务端知道了服务端可以正常接受消息 2、服务端回给客户端一个消息此时：服务端知道了客户端可以正常发送消息服务端知道了服务端可以正常接受消息客户端知道了客户端可以正常发送消息客户端知道了客户端可以正常接受消息客户端知道了服务端可以正常接受消息客户端知道了服务端可以正常发送消息 3、客户端再回给服务端一个消息此时：服务端知道了客户端可以正常发送消息服务端知道了服务端可以正常接受消息客户端知道了客户端可以正常发送消息客户端知道了客户端可以正常接受消息客户端知道了服务端可以正常接受消息客户端知道了服务端可以正常发送消息服务端知道了服务端可以正常发送消息服务端知道了

好程序员web前端教程之详解JavaScript严格模式

阅读更多关于好程序员web前端教程之详解JavaScript严格模式

　　好程序员web前端教程之详解JavaScript严格模式，严格模式（Strict mode）是由ECMA-262规范定义的新兴JavaScript标准，发布于2009年12月第五版。旨在改善错误检查功能并且标识可能不会延续到未来JavaScript版本的脚本。ES5严格模式是限制性更强的JavaScript变体，它与常规JavaScript的语义不同，其分析更为严格。　　目前，除了IE6-9，其它浏览器均已支持ES5严格模式。一、严格模式的使用严格模式的使用很简单，只有在代码首部加入字符串 “use strict”。有两种应用场景，一种是全局模式，一种是局部模式。 1）全局模式 'use strict'//code 2）局部模式将”use strict”放到函数内的第一行，如下 function() { "use strict"; //code} 二、严格模式下的执行限制 1）不使用var声明变量严格模式中将不通过我们知道JS中，不使用var声明的变量默认转为全局变量。但在严格模式中将不允许，会报语法错误。 'use strict'g = 100 //错误比如for循环 'use strict'for (i=0; i<5; i++) { //错误 console.log(i)} 2）任何使用’eval’的操作都会被禁止 'use strict'var obj =

程序猿 Windows 10 日常使用软件推荐

阅读更多关于程序猿 Windows 10 日常使用软件推荐

目录程序猿 Windows 10 日常使用软件推荐 1.浏览器 2.日常笔记 3.代码阅读 4.编程工具 5.下载工具 6.SSH工具 7.照片视频 8.画图工具 9.安全防卫 10.软件管理 11.其他程序猿 Windows 10 日常使用软件推荐所有软件直接在官网下载即可，不用特别去什么管家。 1.浏览器首推 Chrome 浏览器，最快的浏览器，没有之一。还有各个插件，简直不要太舒服。再者的话还要配一个 IE ，因为总有些网站，你懂的。另外的话，可以考虑火狐浏览器。其实 360浏览器也还好，那个截图功能是其他浏览器一般没有的，但是反应速度相比之下还是慢了点。 2.日常笔记作为程序员，日常各种调试、各种乱七八糟的事总是突如其然的就来了。当然最重要的肯定是记录各种笔记和经验，比如 now，写博客。用 word 的话，打开慢，格式麻烦，记事本到是很快，但是格式总是个问题。在此特别推荐 Markdown （这玩意要是说不会，建议点击右上角，开个玩笑），以及跨平台的 Typora ，实时预览，格式不离键盘。当然，说到 Markdown ，就不得不提到图床 ——图片处理，可以使用诸如七牛云等在线工具，也可以自行搭建，具体可以参考博客：利用码云 gitee + PicGo 搭建个人免费图床还有云笔记工具，推荐印象笔记

kill、PKill、xkill 和killall----杀死进程

阅读更多关于 kill、PKill、xkill 和killall----杀死进程

终止一个进程或终止一个正在运行的程序，一般是通过kill 、killall、pkill、xkill 等进行。比如一个程序已经死掉，但又不能退出，这时就应该考虑应用这些工具。另外应用的场合就是在服务器管理中，在不涉及数据库服务器程序的父进程的停止运行，也可以用这些工具来终止。为什么数据库服务器的父进程不能用这些工具杀死呢？原因很简单，这些工具在强行终止数据库服务器时，会让数据库产生更多的文件碎片，当碎片达到一定程度的时候，数据库就有崩溃的危险。比如 mysql 服务器最好是按其正常的程序关闭，而不是用pkill mysqld 或killall mysqld 这样危险的动作；当然对于占用资源过多的数据库子进程，我们应该用kill 来杀掉。 1. kill kill的应用是和ps 或pgrep 命令结合在一起使用的； killall命令使用进程的名称来杀死进程，使用此指令可以杀死一组同名进程。我们可以使用 kill 命令杀死指定进程PID的进程，如果要找到我们需要杀死的进程，我们还需要在之前使用 ps 等命令再配合 grep 来查找进程，而killall把这两个过程合二为一，是一个很好用的命令。 1．命令格式： killall[参数][进程名] 2．命令功能：用来结束同名的的所有进程 3．命令参数： -Z 只杀死拥有scontext 的进程 -e 要求匹配进程名称 -I

jQuery全屏滚动插件FullPage.js中文API文档

阅读更多关于 jQuery全屏滚动插件FullPage.js中文API文档

现在有很多网站都做了全屏滚动的特效，效果也很好看，今天就给大家说说fullPage.js的使用方法和设置。简介 fullPage.js是一个基于<span class="tag-span"> jQuery </span>的全屏滚动<span class="tag-span"> 插件 </span>，它能够很方便、很轻松的制作出全屏网站主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等兼容性 fullPage.js 支持 IE8+ 及其他现代浏览器。使用方法引入文件 <link rel="stylesheet" href="css/jquery.fullPage.css"> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/jquery.fullPage.js"></script> HTML结构 <div id="fullpage"> <div class="section">第一屏</div> <div class="section">第二屏</div> <div

腾讯大牛教你简单的自动化测试模型(Python+Selenium)

阅读更多关于腾讯大牛教你简单的自动化测试模型(Python+Selenium)

今天讲解简单的自动化测试模型，对于刚接触自动化测试的同学，由于没有编程语言的基础，是搞不懂代码里面的函数、封装、包以及其他概念，只是了解字符串、数组、元组及字典这种最基本的名词，更不懂自动化测试框架了。这篇笔记来粗略记下学习自动化测试的几种模型。 1、线性测试　　线性测试，顾名思义，就是一条路按照一条直线走到底。它的每个脚本都是独立的，都可以拿出来单独运行，来验证一个功能点，上两段小代码举个栗子：打开百度主页： #coding:utf-8 from time import sleep # 从time中引入sleep from selenium import webdriver # 从selenium中引入webdriver driver = webdriver.Firefox() # 选择打开的浏览器 driver.maximize_window() # 浏览器窗口最大化 driver.implicitly_wait(3) # 隐式等待 driver.get(" https://www.baidu.com ") # 获取URL，打开页面 driver.quit() # 退出相关浏览器　　打开百度主页，并输入查找内容： #coding:utf-8 from time import sleep # 从time中引入sleep from selenium import

Display Web Push Notification with long title/body/text on Chrome/Firefox without having it truncated

阅读更多关于 Display Web Push Notification with long title/body/text on Chrome/Firefox without having it truncated

问题 I completed Google's tutorial for web push notifications (https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/) and added a service worker to my web app. However, I noticed the notification text is truncated on most cases, like in the following example: truncated text notification example I would like to display a web push notification on Chrome/Firefox with a relatively long body (2-3 lines) and possibly a long title (2-3 lines). Is there official

Responsive view on Firefox Developer Tools show wrong width

阅读更多关于 Responsive view on Firefox Developer Tools show wrong width

问题 I was testing a website with the Developer Tool of Firefox and I was facing a weird bug. Then I checked the window width with a simple console log console.log($(window).width) and I saw that the reported width in developer tools wasn't the same that javascript was detecting. I tried than with the Google DevTools and showed width was consistent with the console log width. Is this a Firefox bug or am I doing something wrong? Actually on a real mobile device and on Google DevTools the website

Responsive view on Firefox Developer Tools show wrong width

阅读更多关于 Responsive view on Firefox Developer Tools show wrong width

订阅 firefox