前端事件绑定知识点(面试常考) 事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。事件通常与函数配合使用,当事件发生时函数才会执行。
使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件) Nodemailer 是 Node.js 应用程序的一个模块,可以方便地发送电子邮件。该项目于 2010 年开始,至今已经相当稳定,这也是如今大多数 Node.js 用户默认情况下发送邮件的解决方案。
Express 学习笔记纯干货(Routing、Middleware、托管静态文件、view engine 等等) Express 是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。Express 不对 Node.js 已有的特性进行二次抽象,我们只是在它之上扩展了 Web 应用所需的基本功能。
mongoDB 学习笔记纯干货(mongoose、增删改查、聚合、索引、连接、备份与恢复、监控等等) MongoDB 是一个基于分布式文件存储的数据库,由 C++ 语言编写,旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。
学习 ES6,一篇文章就够了 ES6 简介ECMAScript 6 简称 ES6,是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系:前者是后者的语法规格,后者是前者的一种实现Babel:将ES6代码转为ES5代码 http://babeljs.io/新特性
可能是最详细的 Hexo + GitHub Pages 搭建博客的教程 前言:博主目前大三,Web 前端爱好者。写博客的好处,不是为了写而写,而是一个记录思想的过程。不要考虑它能带给你什么,而是你自己从中收获了什么。最近刚好有空,于是就参照网上的各种教程,搭建了一个博客。现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来
Your port 80 is actually used by :Server: Microsoft-HTTPAPI/2.0 导致此问题的可能原因:安装了 SqlServer 后,导致 80 端口被占用解决方案:计算机->右键管理->服务和应用程序->服务->SQL Server Reporting Services->右键停止
PHP 表单验证 - $_GET 和 $_POST、防攻击的htmlspecialchars() $_GET 和 $_POST 提示:开发者偏爱 POST 来发送表单数据。PHP 超全局变量 $_GET 和 $_POST 用于收集表单数据。何时使用 GET?$_GET 是通过 URL 参数传递到当前脚本的变量数组。通过 GET 方法从表单发送的信息会显示在 URL 中,绝不能使用 GET 来发送密码或其他敏感信息!PHP 表单验证 - $_GET 和 $_POST、防攻击的htmlspecialch
【已解决】IE无法上网、有道云PC客户端无连接 方案一:打开IE - internet选项 - 高级 - 重置方案二:打开IE - internet选项 - 连接 - 局域网设置 - (勾选)自动检测配置 - 其它的勾去掉
PHP 常量、PHP 变量全解析(超全局变量、变量的8种数据类型等) 常量特点==常量一旦被定义就无法更改或撤销定义。==常量名不需要开头的$与变量不同,常量贯穿整个脚本是自动全局的。==作用域不影响对常量的访问==常量值只能是字符串或数字设置 PHP 常量如需设置常量,请使用 ==define(name, value)== 函数,它有三个参数: - 首个参数定义常量的名称 - 第二个参数定义常量的值 - 可选的第三个参数规定常量名是否对大小写敏感。默
PHP 生成图像验证码,个性化参数 # 简单的验证码为了使验证码更加的安全,防止其他程序自动识别,因此常常需要对验证码进行一些干扰处理,通常会采用:- 绘制一些噪点 imagesetpixel()- 干扰线段 imageline()- 对输出的字符进行倾斜、扭曲等操作。
MySQL 常用命令 启动 / 关闭 MySQL 服务以管理员身份运行cmd、也可以在任务管理器中开启/关闭服务C:\Windows\system32>net start mysql57MySQL57 服务正在启动 .MySQL57 服务已经启动成功。C:\Windows\system32>net stop mysql57MySQL57 服务正在停止.MySQL57 服务已成功停止。进入 MySQLC:\Use
MySQL安装与配置、查看 MySQL 版本信息、mysql ERROR 1045 (28000): 错误解决办法等 MySQL 基础MySQL 由瑞典MySQL AB公司开发,目前被oracle公司收购。开源、关系型数据库管理系统MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。版本分为【社区版】和【企业版(商业版)】LAMP 环境:Linux + Apache + MySQL + PHP,一组常用来搭建动态网站或者服务器的开源软件官网及下载地址:https://www.mysql.co
软件项目管理概述 及 PMBOK2012 概述 软件项目管理的对象是软件工程项目。软件项目管理的根本目的是为了让软件项目尤其是大型项目的整个软件生命周期(从分析、设计、编码到测试、维护全过程)都能在管理者的控制之下,以预定成本按期,按质的完成软件交付用户使用。
JS数组 全解析(创建数组的方法、稀疏数组、检测数组、数组元素的增删、常用的数组方法) 数组对象的作用是:使用单独的变量名来存储一系列的值。在JS中,数组也是一种对象。JS中的数组是弱类型的,一个数组中可以包含不同类型的元素,甚至是其他对象或数组。
PHP 图形图像操作(生成图像验证码、添加水印等) 注意:如果有同学在本地环境使用代码输出后,没有图片,一是查看下php.ini里gd库是否开启,前面注释;去掉。如果还是不显示,只出现一个小小的正方形。在代码前面加ob_clean();PHP图形操作之GD库简介GD指的是Graphic Device,PHP的GD库是用来处理图形的扩展库,通过GD库提供的一系列API,可以对图像进行处理或者直接生成新的图片。PHP 图形图像操作(生成图像验证码、添加水印等)
PHP 日期时间 获取服务器当前时间、日期 全解析 时间戳:1408729600时间:2017-04-14 08:52:50 UNIX 时间戳(英文叫做:timestamp)表示从 1970年1月1日 00:00:00 到当前时间的秒数之和。
PHP 文件系统(PHP 5 Filesystem 函数) 全解析 PHP 文件系统PHP 5 Filesystem 函数允许您访问和操作文件系统。Filesystem 函数是 PHP 核心的组成部分。无需安装即可使用这些函数。1. 读取、写入文件内容file_get_contents() link最简单的读取文件的函数为file_get_contents(),可以将整个文件全部读取到一个字符串中。$content = file_get_contents('file
PHP 正则表达式 什么叫正则表达式正则表达式是对字符串进行操作的一种逻辑公式用一些特定的字符组合成一个规则字符串,称之为正则匹配模式。PHP中使用PCRE库函数进行正则匹配,PCRE(Perl Compatible Regular Expressions)是一个Perl库,包括 perl 兼容的正则表达式库。PHP 正则表达式:http://www.imooc.com/learn/350javascript 正则表达
PHP 变量的数据类型 全解析 变量的数据类型在PHP中,支持8种原始类型,其中包括四种标量类型、两种复合类型和两种特殊类型。PHP是一门松散类型的语言,不必向PHP声明变量的数据类型,PHP会自动把变量转换为自动的数据类型,一定程度降低了学习PHP的门槛。// memory_get_usage() 获取当前PHP消耗的内存echo memory_get_usage(); // var_dump() 会返回变量的数据类型和值:
HTML 行内元素和块级元素 全解析 行内元素(inline elements)和块级元素(block-level elements)行内元素:a、abbr、acronym、b、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、samp、select、small、span、s、del、strike、strong、sub、sup、textarea、tt、u、var等块级元素:ad
PHP 常量 最全解析 PHP中的常量分为自定义常量和系统常量常量特点:在设定以后,常量的值无法更改常量名不需要开头的美元符号 ($)作用域不影响对常量的访问常量值只能是字符串或数字获取常量的值:使用常量名直接获取值;使用 ==constant()== 函数,它和直接使用常量名输出的效果是一样的,但函数可以动态的输出不同的常量,在使用上要灵活、方便。defined() 函数:判断一个常量是否已经定义defi
JavaScript 数据类型 JavaScript 数据类型JS 中有==5==种基本数据类型 和 ==1==种复杂数据类型,他们分别是:字符串String: var a=”Bill”;数字Number: var a=34;布尔Boolean: var a=true;空值Null: var a = null;未定义Undefined: var a;对象Ob
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等 什么是 RegExp?RegExp 是正则表达式(Regular expression)的缩写,作用是对字符串执行模式匹配。通常用于格式验证、正则替换、查找子串等各种编程语言的正则表达式基本相同,不同的语言可能会有一些细小的差别。
兼容性问题解决方案汇总(持续更新,欢迎收藏!) 没有IE就没有伤害myreset.css/** * 作品:myreset.css * 维护:白小明 * 版本:v1.0 | 2016.12.01 * 理念:清除和重置是紧密不可分的 * 特色:适应中文,基于最新主流浏览器 *//* 清除内外边距 */@charset "utf-8";body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
欢迎使用CSDN-markdown编辑器 欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
Navigator 对象、如何获取用户的浏览器信息(UA)、常见浏览器的 User-Agent 简介 linkNavigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。。###### 注意:来自navigator对象的信息具有误导性,特殊情况下不应该被用于检测浏览器版本,这是因为: navigator数据可被浏览器使用者更改一些浏览器对测试站点会识别错误浏览器无法报告晚于浏览器发布的新操作系统如何获取用户的浏览器信息(UA)?(function whatBr
flexbox布局详解 flexbox简介正如他的名字所示——Flex,弹性的意思。主要是为了适应各种各样的显示设备和屏幕大小FlexBox布局元素分为:弹性容器 和 弹性项Flexbox(弹性盒子)布局模式(目前是个W3C规范草案)旨在为布局,对齐和分布容器内的子项提供一种更加高效的方式,修改其子项的宽、高乃至顺序的能力,并且足够完美的去填充可用的空间。一个使用了Flex布局的容器,将会扩展其子项以至于填充可用的
JS 获取当前日期时间 (如:2017-03-17 18:55:03 星期六) currentdate = year + sign1 + month + sign1 + day + " " + hour + sign2 + minutes + sign2 + seconds + " " + week;
谁是 2016 年的 JavaScript 之最? JavaScript 社区正在不断地发展创新,趋势在不断地变化着。本文将通过比较过去1年里在Github上的 star 数,告诉你 2016 年的主要趋势。在2015年,React成为最大赢家,Redux在与Flux的大战中赢得胜利。那么谁是2016年的 JavaScript 新星?
JS编程建议 阅读,阅读,反复阅读建议放一本JavaScript开发方面的书在你的床边。晚上睡觉前翻一翻,读一读。平时多读读JavaScript方面的书籍,多读读别人写的Javascript代码,坚持不懈的阅读是你在JavaScript学习路上成功的保障。
详解javascript立即执行函数表达式(IIFE) 在javascript中,每一个函数在被调用的时候都会创建一个执行上下文,在该函数内部定义的变量和函数只能在该函数内部被使用,而正是因为这个上下文,使得我们在调用函数的时候能创建一些私有变量。
JavaScript 中 this 的使用技巧总结 首先,我知道这篇文章很无聊,无非就是关于 js 中的 this,并且也已经有千千万万的文章写过这部分内容了;但是,我还是想写一篇关于 js 中的 this 的文章,算是一个总结归纳吧;(大神们可以绕行看我的其他文章)在 js 中,this 这个上下文总是变化莫测,很多时候出现 bug 总是一头雾水,其实,只要分清楚不同的情况下如何执行就 ok 了。
盒模型 为了避免你同一份 css 在不同浏览器下表现不同,最好加上:*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
行内元素和块级元素【全网最全总结】 行内元素:会在水平方向排列,不能包含块级元素,设置width、height无效(可以设置line-height),margin、padding上下无效。块级元素:各占据一行,垂直方向排列,可以包含行内元素。块级元素的 width 默认为 100%,而内联元素则是根据其自身的内容或子元素来决定其宽度。
font-weight bold和bolder区别 font-weight 字体浓淡(精细)属性,该CSS属性用来设定字体的浓淡程度。值:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 如果值为 bolder 或者 lighter,则是相对其父对象来说的。如果父对象的值为 normal,子对象值设为 bolder,则最终以 bold,即粗体显示。字体浓淡属性是根据用户电脑上安装的字体相应匹配改变的。在很多情况
IconFont 图标的3种引用方式 新版Iconfont-阿里巴巴矢量图标库支持三种引用方式:1.unicode引用(原始)2.font-class引用(unicode引用的升级,淘宝首页正在使用,2016.12.24)3.symbol引用(未来的主流)
CSS 8种清除浮动的方法 在用DIV+CSS布局时通常都会用到浮动(float)来完成页面布局,浮动(float)会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。如果在布局中使用了浮动(float)而未进行合理的清除浮动,就会使页面产生错误。
SQL server 数据库查询 where 条件查询:基本语法:select (查询列表|*) from (表列表) where (限制条件)说明:where关键字后面的限制条件不能包含聚合函数示例:查询所在班级编号是“003”的学生的基本信息Select * from Student_TBL where CNO='003’in 属于查询:基本语法:select (查询
信息滚动(marquee+JS实现) AttributesbehaviorSets how the text is scrolled within the marquee. Possible values are scroll, slide and alternate. If no value is specified, the default value is scroll.bgcolorSets the bac
CSS3 animation属性 与 @keyframes规则 通过 @keyframes 规则,您能够创建动画。原理:将一套 CSS 样式逐渐变化为另一套样式。animation: name duration timing-function delay iteration-count direction fill-mode;@keyframes animationname {keyframes-selector {css-styles;}}
jQuery动画-淡入和淡出 hide()、show()、slideDown()、slideUp()是通过 display:none/block来实现的;fadeOut() 是通过透明度的方法,opacity=0,这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
jQuery自定义事件-trigger() 与 triggerHandler() jQuery自定义事件-trigger() 与 triggerHandler()triggerHandler():方法触发被选元素的指定事件类型。但不会执行浏览器默认动作,也不会产生事件冒泡。
jQuery事件-委托机制、事件对象 事件对象原理:是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁。
jQuery事件-绑定.on()和解绑.off() 事件的绑定:on()基本用法:.on( events ,[ selector ] ,[ data ] )事件的解绑:off()基本用法:.off( events)
信息滚动(marquee+JS实现) 为什么标签会被弃用?因为它违反了W3C的武学道义,W3C江湖第一原则就是功能性分离即行为与表现的分离,只有恪守这个原则的标签才会被允许参加舞林大会,其他类似于marquee尔等皆是歪门邪道,武功再高也不要,不要!好像就是武功太高啦,哈哈
sublime使用技巧 建议安装的Sublime插件ConvertToUTF8:解决文件编码转换的问题Emmet:快速编写html、css、js的神级插件BracketHighlighter :括号高亮显示ColorPicke:颜色选择器HTMLBeautify:HTML格式化插件AllAutoComplete:自动提示IMESupport:输入法支持插件Material Theme:非常推荐的主题ChineseLocation:汉化包
HTML5.1 里的新东西 两年前HTML5标准的发布对于web开发社区来说是一件大事。不仅是因为它包含了一系列让人印象深刻的新特性, 还因为它是1999年发布的HTML4.01标准以后,对HTML的第一个大版本更新。你现在依然可以看到一些网站夸耀他们在使用“现代”的HTML5标准。
操作系统复习 ##操作系统复习###重点**第一章**1. 操作系统的定义及特征定义:**操作系统(Operating System,简称OS)是管理电脑硬件与软件资源的程序,同时也是计算机系统的内核与基石。 **特征: 1. 并发 2. 共享 3. 虚拟 4. 异步2. 操作系统的分类 1. 批处理系统 2. 实时操作系统 3. 分时操作系统 3. 网络操作系统3.
SQL server 数据库查询 select查询基本语法:select (查询列表|*) from (表列表)说明:“查询列表”可以是表的字段,表达式,函数。“表列表”可以包含多张表示例:查询所有学生的基本信息:select * from Student_TBL
jQuery事件-键盘事件 keydown()与keyup()事件keydown事件:当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它。使用上非常简单,与基本事件参数处理保持一致,这里使用不在重复了,列出使用的方法keyup事件:当用户在一个元素上第一次松手键盘上的键的时候,就会触发它。使用方法与keydown是一致的只是触发的条件是方法的理论上它可以绑定到任何元素,但keydown/keyup
jQuery事件-表单事件 focus 与 blur 事件:之前学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件它们之间的本质区别:是否支持冒泡处理focus() 不会冒泡,在元素本身产生;focusin() 会冒泡,在元素包含的元素中产生。blur与focusout也亦是如此focus与blur事件:不支持冒泡;focusin与focusout支
jQuery事件-鼠标事件 为了避免你同一份 css 在不同浏览器下表现不同,最好加上:*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.html() 与 .text() 和 .val() html()方法获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容,具体有3种用法:.html() 不传入值,就是获取集合中第一个匹配元素的HTML内容.html( htmlString ) 设置每一个匹配元素的html内容.html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数.h
.addClass() 与 .removeClass() .addClass()方法当一个元素含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦。同样的jQuery开发者也考虑到这种情况,增加了一个.addClass()方法,用于动态增加class类名。具体有2种用法:.addClass( className ) : 为匹配的元素
jQuery对象与DOM对象 jQuery对象与DOM对象是不一样的通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。jQuery对象 转化成 DOM对象我们使用jQuery的同时也能混合JavaScript原生代码一起使用。
jQuery选择器 http://www.w3school.com.cn/jquery/jquery_ref_selectors.aspid选择器$( "#id" )id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选
jQuery DOM 操作 DOM节点的创建通过源生JS,创建DOM节点的流程大体如下:创建节点(常见的:元素、属性和文本) document.createElement添加节点的一些属性 setAttribute、innerHTML加入到文档中 appendChild如下边代码所示,写一个最简单的元素创建,我们会发现几个问题:每一个元素节点都必须单独创建节点是属性需要
关于jQuery 关于jQueryjQuery 官网:http://jquery.com/jQuery 下载所有版本:http://www.jq22.com/jquery-info122http://libs.baidu.com/jquery/1.9.1/jquery.jshttp://libs.baidu.com/jquery/1.9.1/jquery.min.jsjQuery 库本质
sublime 快捷键大全 Sublime Text 是我目前最常用离不开的编辑器了。它是一款巨牛的编辑器,以其精简和可DIY而让广大fans疯狂,然而我自己配置过的Sublime 比IDE 还要强大,不吹!我现在只要打开工作电脑,第一件事就是打开它 我用的最新版本 Sublime text3。因为我第一眼看到她的时候,我tm 就吧其他编辑器封存了,对只爱他一个了。其他编辑器那丑逼样就像贫民窟啊 对吧!Sublim
什么是Java?Java必经的十个学习阶段 编程语言Java,已经21岁了。从1995年诞生以来,就一直活跃于企业中,名企应用天猫,百度,知乎......都是Java语言编写,就连现在使用广泛的XMind也是Java编写的。Java应用的广泛已经到了“无处不用”的盛世,而且一直在语言排行榜榜首,从未被超越。废话不多说,今天主要是给大家讲讲怎样学习Java,给大家建议一条轻松精通Java的学习路线。有了相对标准的流程,那么你的学习效率一定会倍增。