js代码

JQuery上传插件Uploadify使用详解

ぃ、小莉子 提交于 2020-01-02 05:26:57
Uploadify 是 JQuery 的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时 php 版本的,本文将详细介绍 Uploadify 在 Aspnet 中的使用,您也可以点击下面的链接进行演示或下载。 · 官方下载 · 官方文档 · 官方演示 · 首先按下面的步骤来实现一个简单的上传功能。 1 创建 Web 项目,命名为 JQueryUploadDemo ,从官网上下载最新的版本解压后添加到项目中。 2 在项目中添加 UploadHandler.ashx 文件用来处理文件的上传。 3 在项目中添加 UploadFile 文件夹,用来存放上传的文件。 进行完上面三步后项目的基本结构如下图 : 4 Default.aspx 的 html 页的代码修改如下: < html xmlns ="http://www.w3.org/1999/xhtml"> < head runat ="server"> < title > Uploadify </ title > < link href ="JS/jquery.uploadify-v2.1.0/example/css/default.css" rel ="stylesheet" type ="text/css" /> < link href ="JS/jquery.uploadify-v2.1.0/uploadify

js面向对象编程

自作多情 提交于 2020-01-02 03:05:43
<script> /* 定义一个函数 function 函数名(){ 代码块 } 需求1:写一个函数,实现1到100相加 */ function sum(){ var num = 0; for(i=1;i<=100;i++){ num += i; } console.log(num); } /* 调用函数,使用函数 函数名(); */ sum(); function fist(){ var a = 0; for(j=50;j<=500;j++){ a += j; } document.write(a+'<br>'); } // 使用函数 fist(); </script> --------------------- 作者:樊小勇 来源:CSDN 原文:https://blog.csdn.net/weixin_42396884/article/details/89331355 版权声明:本文为博主原创文章,转载请附上博文链接! 来源: https://www.cnblogs.com/-Miya/p/10767737.html

Android学习系列(4)--App自适应draw9patch不失真背景

前提是你 提交于 2020-01-01 23:44:49
做人要大度,海纳百川,做事要圆滑,左右逢源,这让我想到了编程也是如此,代码要扩展,界面也要考虑自适应。 这篇文章是 Android开发 人员的必备知识,是我特别为大家整理和总结的,不求完美,但是有用。 1.背景自适应且不失真问题的存在 制作自适应背景图片是UI开发的一个广泛问题,也是界面设计师渴望解决的问题,我相信我们彼此都深有体会。 比如,列表的背景图一定,但是列表的高度随着列表数据项会发生变化;标题栏的背景,无论横屏还是竖屏,高分辨率还是低分辨率,都能自动填充满,而且不失真等等背景问题。 根据以往的经验,我们一般采用先切图后拼凑的做法,这种做法本来我想在这里和大家介绍一下,其实有的时候还是很有用的,但是说起来会比较麻烦,就不说这个非重点了,略去,如果大家真的要介绍,在回复中说明,我再考虑一下。 Android针对这种情况,专门制作了一种.9.PNG格式来解决这个问题。 2.9.PNG格式。 我不想在这里过多的讨论PNG格式的定义问题。但是.9.PNG确实是标准的PNG格式,只是在最外面一圈额外增加1px的边框,这个1px的边框就是用来定义图片中可扩展的和静态不变的区域。特别说明,left和top边框中交叉部分是可拉伸部分,未选中部分是静态区域部分。right和bottom边框中交叉部分则是内容部分(变相的相当于定义看一个内边距,神似padding功能,后面我会单独介绍一下)

vue.js初识(一)

╄→гoц情女王★ 提交于 2020-01-01 23:01:23
一 什么是vue? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。---vue.js官网 对于vue,相信就算不了解vue的话,也听说过vue的名字,作为去年上升势头最猛烈的前端框架,能在短时间内赢得大量的关注,我觉得了解学习一下是很有必要的。 官网: https://cn.vuejs.org/index.html github: https://github.com/vuejs/vue 官方的长篇大论我就不再赘述了,说下我对vue的理解,首先他是一个js框架,也可以看作是“轻量”的前端渐进式框架。 我觉得vue最显著、最重要,也是最特殊的一个地方,就是“轻量”,在越来越重视前端体验以及组件化模块化的思想下,像往常一样比较复杂臃肿的前端应用逐渐变得轻量、简洁、实用。前端经历了这几年的快速发展,各种框架工具类层出不穷,在摒弃了很多以往旧的开发模式之下,可以迅速开发、降低学习成本、可以迅速迭代成为了vue现在接受程度比较高的原因之一。 二 vue的特点 2.1 双向绑定 当然

使用js代码将HTML Table导出为Excel

家住魔仙堡 提交于 2020-01-01 21:40:41
使用js代码将HTML Table导出为Excel的方法: 直接上源码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" language="javascript"> var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; //ie if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //firefox else if (explorer.indexOf("Firefox") >= 0) { return 'Firefox'; } //Chrome else if(explorer.indexOf("Chrome") >= 0){ return 'Chrome'; } //Opera else if(explorer.indexOf("Opera") >= 0){ return 'Opera'; } //Safari else if(explorer.indexOf("Safari") >= 0){ return 'Safari'; } }

JS高级---复习

雨燕双飞 提交于 2020-01-01 20:33:20
复习 面向过程和面向对象都是编程的思想, 方式不一样 面向过程: 凡事都是亲力亲为, 所有的代码都要自己写, 每一步都要很清楚, 注重的是过程 面向对象: 执行者成为指挥者, 只要找对象, 然后让对象做相关的事情, 注重的是结果 面向对象的特性: 封装, 继承, 多态 封装;就是代码的封装, 把一些特征和行为封装在对象中 面向对象的编程思想: 根据需求, 抽象出相关的对象, 总结对象的特征和行为, 把特征变成属性,行为变成方法, 然后定义(js)构造函数, 实例化对象, 通过对象调用属性和方法, 完成相应的需求.---编程的思想 对象: 具体特指的某个事物, 有特征(属性)和行为(方法),对象可以看成是一坨无序属性的集合 如何创建对象? 通过调用new Object(), 还有{}, 自定义构造函数 创建对象的方式 1. 调用系统Object()----->创建出来的对象都是Object类型的, 不能很明确的指出这个对象是属于什么类型 2. 字面量的方式{}----->只能创建一个对象(一次只能创建一个) 3.工厂模式创建对象----->----->推论---->自定义构造函数的方式 自定义构造函数(优化后的工厂模式) 自定义构造函数创建对象: 4件事 1.在内存中申请一块空闲的空间, 存储创建的对象 2.this就是当前实例化的对象 3.设置对象中的属性和方法

学习js的五个不良编码习惯

南楼画角 提交于 2020-01-01 17:25:39
本文根据外网文章译制而来   原文:https://dmitripavlutin.com/unlearn-javascript-bad-coding-habits/   译者:前端小智   为了保证的可读性,本文采用意译而非直译。   在阅读JavaScript代码时,你是否有过这种感觉   你几乎不明白代码的作用?   代码使用了很多 JavaScript 技巧?   命名和编码风格太过随意?   这些都是不良编码习惯的征兆。   在这篇文章中,我描述了JavaScript中常见的5种不良编码习惯。重要的是,本文会给出一些可行的建议,如何的摆脱摆脱这些习惯。   1.不要使用隐式类型转换   JavaScript是一种松散类型的语言。如果使用得当,这是一个好处,因为它给你带来了灵活性。   大多数运算符 +-*/==(不包括 ===)在处理不同类型的操作数时会进行隐式转换。   语句 if(condition){...}, while(condition){...}隐式地将条件转换为布尔值。   下面的示例依赖于类型的隐式转换,这种有时候会让人感到很困惑:   console.log("2" + "1"); // => "21"   console.log("2" - "1"); // => 1   console.log('' == 0); // => true  

JS 的5个不良编码习惯

こ雲淡風輕ζ 提交于 2020-01-01 17:25:22
1.不要使用隐式类型转换 JavaScript是一种松散类型的语言。如果使用得当,这是一个好处,因为它给你带来了灵活性。 大多数运算符 + - * / == (不包括 === )在处理不同类型的操作数时会进行隐式转换。 语句 if ( condition ){...} , while ( condition ){...} 隐式地将条件转换为布尔值。 下面的示例依赖于类型的隐式转换,这种有时候会让人感到很困惑: console . log ( "2" + "1" ); // => "21" console . log ( "2" - "1" ); // => 1 console . log ( '' == 0 ); // => true console . log ( true == []); // -> false console . log ( true == ![]); // -> false 过度依赖隐式类型转换是一个坏习惯。首先,它使你的代码在边缘情况下不太稳定。其次,增加了引入难以重现和修复的bug的机会。 现在咱们实现一个获取对象属性的函数。如果属性不存在,函数返回一个默认值 function getProp ( object , propertyName , defaultValue ) { if (! object [ propertyName ]) {

阻止点击<a>标签链接跳转

人盡茶涼 提交于 2020-01-01 13:05:45
我们常用的在a标签中有点击事件(<a href="地址">链接</a>),其中“href”参数只要不为空,点击该链接时,页面会自动跳转;如果指定的“href”不合法,页面会跳转到自身,也就是刷新。 1. a href="javascript:js_method();" 这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。 W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);" onclick="js_method()" 这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样 直接将js方法暴露在浏览器的状态栏。点击这个链接会触发onclick事件,而页面本身不会刷新。 3.a href="javascript:;" onclick="js_method()" 这种方法跟跟2种类似,区别只是执行了一条空的js代码。 4.a href="#" onclick="js_method()" 这种方法也是网上很常见的代码,

0087 JavaScript注释

你说的曾经没有我的故事 提交于 2020-01-01 12:46:06
4.1 单行注释 为了提高代码的可读性,JS与CSS一样,也提供了注释功能。 JS中的注释主要有两种,分别是 单行注释 和 多行注释。 单行注释的注释方式如下: // 我是一行文字,不想被 JS引擎 执行,所以 注释起来 // 用来注释单行文字( 快捷键 ctrl + / ) 4.2 多行注释 多行注释的注释方式如下: /* 获取用户年龄和姓名 并通过提示框显示出来 */ /* */ 用来注释多行文字( 默认快捷键 alt + shift + a ) 快捷键修改为: ctrl + shift + / vscode → 首选项按钮 → 键盘快捷方式 → 查找 原来的快捷键 → 修改为新的快捷键 → 回车确认 来源: CSDN 作者: maopolunzi 链接: https://blog.csdn.net/maopolunzi/article/details/103773749