Html
文章平均质量分 55
好大一只鸡
从事挨踢十几年,练就@#$%^^&
展开
-
VUE的生命周期及使用
一、生命周期二、代码实例作者:muwoo链接:https://www.zhihu.com/question/52917848/answer/150661534来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="ht.转载 2022-03-26 15:31:45 · 649 阅读 · 0 评论 -
手把手教你实现一个简易的Vue组件在线编辑器
手把手教你实现一个简易的Vue组件在线编辑器转载 2022-01-19 09:10:23 · 3710 阅读 · 1 评论 -
input checkbox的坑
/** * 全选 */ function checkAll() { $("input[name=ids]").attr("checked", true); } /** * 全不选 */ function uncheckAll() { $("input[name=ids]").attr("checked", false); }转载 2016-11-25 09:43:42 · 1497 阅读 · 0 评论 -
JavaScript中自定义类写法与调用例子
js中类是一个非常重要的东西,我们在应用开发中除了函数还有类,类中可以包括函数方法之类的,我们可以利用类把相同属性的东西整理到一个合子里面方便分类调用了,下面我就来给各位介绍一下吧,希望例子能帮助到各位。目前在Javascript中,已经存在一些标准的类,例如Date、Array、RegExp、String、Math、Number等等,这为我们编程提供了许多方便。但对于复杂的客户端转载 2016-03-11 08:45:16 · 1844 阅读 · 0 评论 -
javascript操作数组的例子与函数详解介绍
javascript操作数组的例子与函数主要是从多方面来给各位介绍数组常用操作例子与数组函数在应用中的一些有用的方法,希望这些例子能帮助到各位同哦。1):join() 方法:把一个数组的所有元素都转换成字符串。比如:var a = [1,2,3];var s = a.join(); // 输出 s==1,2,3当然也可以 指定一个分隔符;转载 2016-03-11 08:45:56 · 372 阅读 · 0 评论 -
IIS不认SVG,WOFF/WOFF2这几个文件类型
于是再百度谷歌一堆方案,发现原来是IIS不认SVG,WOFF/WOFF2这几个文件类型,得给她们加MIME类才行:远程登录主机,打开IIS,找到网站,右键属性,打开“HTTP头”,找到右下角的“MIME类型…”新建如下3条:.svg image/svg+xml.woff application/x-font-woff.woff2 application/x-font-w转载 2016-02-19 11:48:01 · 3881 阅读 · 0 评论 -
HTML5 Canvas 的事件处理
DOM是Web前端领域非常重要的组成部分,不仅在处理HTML元素时会用到DOM,图形编程也同样会用到。比如SVG绘图,各种图形都是以DOM节点的形式插入到页面中,这就意味着可以使用DOM方法对图形进行操作。比如有一个元素,可以直接用jquery增加click事件$('#p1').click(function(){…})"。然而这种DOM处理方法在HTML5的Canvas里不再适用,Canvas使用转载 2016-02-15 12:01:17 · 4790 阅读 · 0 评论 -
js DOM事件详解
DOM0事件模型 事件模型在不断发展,早期的事件模型称为DOM0级别。 DOM0事件模型,所有的浏览器都支持。 直接在dom对象上注册事件名称,就是DOM0写法,比如:1 document.getElementById("test").onclick = function(e){}; 意思就是注册一个onclic转载 2016-01-28 11:22:50 · 448 阅读 · 0 评论 -
在WEB中拨打电话或发短信
如果需要在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url href链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。 1. 拨打电话在电话号码前面可以加上 + (加号)转载 2016-01-26 13:24:12 · 3208 阅读 · 0 评论 -
JS获取屏幕宽度的说明
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWid转载 2015-06-27 09:25:10 · 1321 阅读 · 0 评论 -
JS正则表达式的RegExp对象和括号的使用
RegExp对象的创建:常规的正则表达式的创建可用直接量,即斜杠 “/” 括起来的字符。但在要求参数变化的环境下,RegExp()构造函数是更好的选择:var reg1 = /'\w+'/g;var reg2 = new RegExp('\'\\w+\'','g');对比两种创建方式,RegExp中的第一个参数为要创建的正则字符串,一方面注意,因为不是直接量的表示形式,因此转载 2015-03-14 08:15:40 · 5824 阅读 · 0 评论 -
关于ajax的跨域问题
1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响(不仅如此,我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力,比如、、);3、于是可以判断,当前阶段如果想通过纯web端(ActiveX控件、服务端代理、属于未来的HT转载 2016-03-23 15:43:22 · 318 阅读 · 0 评论 -
js 与或运算符 || && 妙用
平常写判断条件的代码var add_level = 0; if(add_step == 5){ add_level = 1; } else if(add_step == 10){ add_level = 2; } else if(add_step == 12){ add_level = 3; } else if(add_step == 15){转载 2016-06-07 10:50:16 · 2036 阅读 · 0 评论 -
WEB安全
SQL脚本注入危险级数☆☆☆☆☆☆ 简介:SQL脚本注入,就是在请求URL的参数中传入SQL语句,然后导致DAL中的语句+注入的SQL语句连接上DB进行SQL语句的执行;攻击力:轻则数据暴露,刷爆数据库,重则表数据被恶意编辑,删除,或者表被删除; 情景:http://wwww.xxx.com/search?title=123 进行标题内容的查询,如果DAL层中的语句使用拼接的方转载 2016-06-07 11:19:49 · 351 阅读 · 0 评论 -
固定列表格的另一种做法,单表格方式
<!DOCTYPE HTML><html><header> <title>固定列表格</title> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">&am原创 2019-02-28 16:22:15 · 547 阅读 · 0 评论 -
关于React全家桶的介绍
起步首先需要安装react: npm install react react-dom --save-devJSX 语法JSX 的基本语法规则:遇到 HTML 标签(以 &amp;amp;lt; 开头),就用 HTML 规则解析;遇到代码块(以 { 开头),就用 JavaScript 规则解析。JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组,则会展开这个数组的所有成员var ...转载 2019-01-09 11:52:41 · 13264 阅读 · 3 评论 -
微信网页版弹窗实现
无处不在的弹窗提醒.show Notificationfunction showNotification () {window.Notification.permission = "granted";alert(window.Notification.permission);if (window.Notification){ if (window.Notific转载 2017-08-04 10:58:49 · 2102 阅读 · 0 评论 -
EM与PX的对应关系
公式转换——PXtoEM如果你是第一创建弹性布局的,最好在身边准备一个计算器,因为我们一开始少不了很多的计算,有了他放心。像素对于我们来说太密切了,因此我们也将从这开始。首先需要计算出1px和em之间的比例,然后是知道我们需要的px值。通过前面的介绍,大家都知道1em总是等于父元素的字体大小,因此我们完全可以通过下面的工式来计算:1 ÷ 父元素的font-size × 需要转载 2017-02-13 09:25:27 · 3383 阅读 · 0 评论 -
jQuery+HTML5实现图片上传前预览效果
本文实例讲述了jQuery+HTML5实现图片上传前预览效果。分享给大家供大家参考。具体如下:这里主要是使用HTML5 的File API,建立一個可存取到该file的url,一个空的img标签,ID为img0,把选择的文件显示在img标签中,实现图片预览功能。请选择支持HTML API的浏览器,比如谷歌Chrome和火狐等。具体代码如下:<!DOCTYPE转载 2016-12-30 10:13:25 · 1018 阅读 · 0 评论 -
js 如何阻止事件传播
bootstrap 点击下拉菜单后会立即关闭菜单如何阻止event.preventDefault();preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。event.stopPropagation()该方法将停止事件的传播,阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意,原创 2016-12-15 11:32:49 · 2192 阅读 · 0 评论 -
跨域!跨域!跨域
1. 什么是跨域?跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域。之所以会产生跨域这个问题呢,其实也很容易想明白,要是随便引用外部文件,不同标签下的页面引用类似的彼此的文件,浏览器很容易懵逼的,安全也得不到保障了就。什么事,都是安全第一嘛。但在安全限制的同时也给注入iframe或是ajax应用上带转载 2016-11-26 11:09:27 · 2314 阅读 · 0 评论 -
A标签href中this的问题
出问题的代码:怎么这个this返回的不对呀?修改后这样:这下这个this对了?其实onclick 后面的语句被解释为function,所以this代表调用该函数的对象,可以用下面代码来验证onclick是函数总结:既然onclick定义的是一个函数,并且是调用元素的一个方法,this就代表该元素。如果是写在 href="javascript:" 里的代码,他转载 2015-03-12 11:01:42 · 711 阅读 · 0 评论 -
常用的Jquery插件写法
!function ($) { //这一部份都只是定义,没有实例化 var 对象名 = function (element, options) { this.xxx1 = xxx; //建立局部变量,每NEW一个对象,有各自的局部变量,相互独立,不干扰。 this.xxxx2 = xxx; } 对象名.prototype =原创 2015-03-07 17:24:14 · 438 阅读 · 0 评论 -
artDialog的修改记录
1.添加窗口缩小及放大按钮第一步:窗口按钮的回调函数在把里面的修改为// 按钮回调函数触发_click: function (name) {var that = this,fn = that._listeners[name] && that._listeners[name].callback;if(name=='aui_close'){ //关闭return tha原创 2013-07-15 11:46:26 · 1119 阅读 · 0 评论 -
jquery ajax
jQuery.ajax这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"转载 2013-06-20 11:58:04 · 729 阅读 · 0 评论 -
table中cellpadding、cellpadding样式定义
table的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式:很多朋友会说表现在结构中,这样不符合标准,那如何将这个表现拿出来,有些朋友或许很迷惑。我们可以用table的border-collapse: collapse;属性 来代替cellspacing="0",用th,td的padding: 0; 属性来代替cellpadding="0"。转载 2013-05-11 09:23:12 · 1042 阅读 · 0 评论 -
Html超链接标记<A>用法
的一般参数设定: 例如 href="index.html" 这参数不能与另一参数 name 同时使用,使用这参数才能制作可按的链接。当作为一外部链接时: href 所设定的是该链接所要链到的文件名称,若该文件与此 html 档不是同在一目录请加上适当的路径,相对绝对皆可。当作为一内部链接时: href 所设定的是该链接所要连到的同文件内参考点或指定文件的参考点,且不需要包括任原创 2013-05-11 11:11:45 · 1847 阅读 · 0 评论 -
子Div使用Float后如何撑开父Div
一个Div包含了多个子Div,并且子Div使用了浮动后,父Div确不能被撑开如果想要撑开父元素可以采用以下方法:方法一:(设置overflow为hidden或者auto 这种做法就是将父容器的overflow设为hidden或auot就可以在标准兼容浏览器中闭合浮动元素. 不过使用overflow的时候,可能会对页面表现带来影响,而且这种影响是不确定的,你最好是能在多个浏览器上测试原创 2013-05-09 10:05:34 · 1998 阅读 · 0 评论 -
CSS 定位
CSS 定位机制CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。CSS position 属性static元素框正常生成。块级元素生成一个矩形框,转载 2013-04-26 16:44:16 · 528 阅读 · 0 评论 -
JavaScript就这么回事 (JS基础知识整理)
1 创建脚本块引用内容程序代码JavaScript 代码写在这里面2 隐藏脚本代码引用内容程序代码document.write(“Hello”);// -->在不支持JavaScript的浏览器中将不执行相关代码3 浏览器不支持的时候显示引用内容程序代码Hello to the non-JavaScript b转载 2013-04-26 17:06:37 · 521 阅读 · 0 评论 -
CSS 外边距合并
外边距合并外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。请看下图:转载 2013-04-26 16:45:37 · 493 阅读 · 0 评论 -
CSS 框模型概述
内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行,也可以使用通用选择器对所有元素进行设置:CSS padding 属性定义元素的内边距:h1 { padding-top: 10px; padding-right: 0.25em;转载 2013-04-26 16:37:01 · 498 阅读 · 0 评论 -
Jquery 初始化
jquery中的ready函数与window.onload谁先执行1.用$(window).load()方法,这个方法会等到页面所有内容加载完毕后才会触发。相当于JS的 window.onload2.用$(document).ready()也可简写成$(function(){})却不需要载入得这么“完全”。$(document).ready()是在DOM结构载入完后执行的,而 wind原创 2013-07-19 13:56:36 · 718 阅读 · 0 评论 -
javascirpt 匿名自执行函数
定义: (function( window, undefined ) {})(window);Jquery插件定义: (function( $, undefined ) {})(jQuery); 同理说明:红色部份其实是个匿名函数,用小括号括起来其实是使其函数建立后返回一个函数指针,这时函数指定和后面蓝色部份的实参变量连接起来,形成了 函数名(参数) 的样式,使匿名函数建立完立即执行。原创 2013-07-19 14:16:21 · 876 阅读 · 0 评论 -
javascript类的写法
1.建立类的各种方式的优点和缺点a.工厂方式function createCar() { var oTempCar = new Object; oTempCar.color = "blue"; oTempCar.doors = 4; oTempCar.mpg = 25; oTempCar.showColor = function() { alert(原创 2013-07-16 10:46:37 · 696 阅读 · 0 评论 -
Require.js的使用
require.js的诞生,就是为了解决这两个问题: (1)实现js文件的异步加载,避免网页失去响应; (2)管理模块之间的依赖性,便于代码的编写和维护。二、require.js的加载 有人可能会想到,加载这个文件,也可能造成网页失去响应。解决办法有两个,一个是把它放在网页底部加载,另一个是写成下面这样: de转载 2015-01-31 15:39:20 · 699 阅读 · 0 评论 -
Javascript函数及作用域说明
1.实现命名空间,避免名称冲突 -实现一个匿名函数 -在匿名函数里实现一个 自定义函数(相当于一个类) -设置自定义函数的属性及方法 -new一个自定义函数(实例化)并指向外部一个名称(function () { //这里实现一个匿名函数 var _NS = function () { } //在匿名函数里实现一个 自定义函数 _NS.prototype.转载 2014-11-12 14:25:33 · 498 阅读 · 0 评论 -
jQuery的三种$()
$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!)。1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的这转载 2014-10-23 08:45:47 · 494 阅读 · 0 评论 -
JS学习笔记
一、变量的作用域Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。另一方面,在函数外部自然无法读取函数内的局部变量。这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!二、如何从外部读取局部变量?出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有原创 2014-05-28 10:27:22 · 454 阅读 · 0 评论 -
常见的jquery插件格式
还有就是$.extend()用来扩展方法,和jquery.fn.extend()一样都是可以的,他们的区别在于:前者不使用jquery的方法,而后者使用了jquery的方法,就像 addClass(),remove()等。所以可想而知大部分的现有插件都是jquery.fn.extend()进行扩展的。;(function($){ //“;(function($){ }原创 2014-06-07 16:16:06 · 1036 阅读 · 0 评论