js面向对象的特点:继承(inheritance):对象方法和属性的继承多态(polymorphism):组件开发抽象(abstract):抓住核心问题封装(encapsulation):把功能写出方法面向过程式切换面板实现:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>切换面板</title><style>#div1 input {background: white;}#div1 input.active {background: yellow;}#div1 div {width: 200px;height: 200px;background: #CCC;display: none;}</style...
一:基本概念1、字面意思是摇树,一句话:项目中没有使用的代码会在打包时候丢掉。分为css的tree shaking和js的tree shaking。2、使用场景:1)常规优化。2)使用第三方库,但是只使用了部分功能。二:JS tree shaking在webpack4中已经移除了UglifyJsPlugin,只需要配置mode为"production",即可显式激活 UglifyjsWebpackPlugin 插件。下面说的是webpack3.10.0的实现方法:(1)常规业务的tree shaking1、webpack.config.js配置con...
七、循环语句1.While语法:while (exp){ //statements; }说明:while (变量<=结束值){ 需执行的代码 } 例: var i=0; while(i<=9){//利用循环在页面输出9张照片document.write(‘<img src="img/‘+i+‘.jpg">‘);i++; } 2. Do…whiledo...while功能与while相同,只是在执行的时候do...while是先执行后判断,while反之。 语法:do { //statements; }while (condition);说明:do { 需执行的代码 } while (变量<=结束值);例:...
四、屏蔽浏览器右上角“最小化”“最大化”“关闭”键 或者使用全屏打开页面 注:在body标签里加上onbeforeunload="javascript:return false"//使不能关闭窗口 五、屏蔽F5键 六、屏蔽IE后退按钮 在你链接的时候用www.82676666.com 七、屏蔽主窗口滚动条 在body标签里加上style="overflow-y:hidden" 八、屏蔽拷屏,不断地清空剪贴板 在body标签里加上onload="setInterval(‘clipboardData.setData(\‘Tex...
细数那些事件类型UI事件焦点事件鼠标与滚轮事件键盘与文本事件复合事件变动事件HTML5事件设备事件触摸和手势事件UI事件常见的有 load unload abort error select resize scroll 焦点事件blur 不会冒泡 focus 不会冒泡 focusin 冒泡 focusout 鼠标与滚轮事件click : 点击 dblclick: 双击 mousedown: 鼠标按下 mouseenter: 鼠标光标进入元素区域 mouseleave: 鼠标光标移出元素区域, 当前元素触发 mousemove: 鼠标在元素内部移动 m...
功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+、Chrome、Firefox)。 实现要点 ● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><style type="text/css"> #preview, .img, im...
1.BOM对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可.windows对象方法alert() 显示带有一段消息和一个确认按钮的警告框。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 prompt() 显示可提示用户输入的对话框。open() 打开一个新的浏览器窗口或查找...
单例模式 用于创建唯一的一个对象。 核心在于一个判断 var index if(index){ return index; } init(); 这样只会在第一次的时候初始化创建对象,以后都不会再创建对象。 还有闭包内的变量不会销毁,例如index可以始终存在。 js的实现: 1var getSingle = function (fn) {2var result;3returnfunction () {4return result || (result = fn.apply(this, arguments));5 };6 };7//创建登陆div 8var c...
1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替。2.禁止选取网页内容:在IE中一般用js:obj.onselectstart=function(){return false;}而firefox用CSS:-moz-user-select:none3.滤镜的支持(例:透明滤镜):IE:filter:alpha(opacity=10);firefox:-moz-opacity...
实例。。。<html><head><title></title><script type="text/javascript" src="../jquery/jquery-1.8.3.js"></script><script type="text/javascript" src="../jquery/jquery-1.8.3.min.js"></script><script type="text/javascript"> function ChangeColum (FieldObject){ var selectIndex = FieldObject.selectedIndex; //dropdownlist选中的项数 var strStyle = FieldObject.options[selectIndex].text;//取...
/*** 使用指定字符替换明文字符串*/export function hiddenStr(str, front, end, hiddenChar = ‘*‘) {let len = str.length - front - end;let replaceStr = ‘‘;for(let i = 0; i< len; i++) {replaceStr += hiddenChar;}let frontStr = str.subtring(0, front);let endStr = str.substring(str.lengtn - end);return frontStr + replaceStr + endStr }export default {hiddenStr } 原文:https://www.cnblogs.com/Nyan-Workfl...
下面是对此知识的系统介绍(转自互联网): Javascript 是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进 行读、写和删除,就象在VB、VC等高级语言中经常做的工作一样。怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用 Javascript语言进行文件操作。 一、功能实现核心:FileSystemObject 对象 其实...
1. 事件循环JS是单线程执行的(浏览器渲染进程的渲染主线程),它怎么处理各种各样的异步操作和事件呢?最早的方案是回调,如SetTimeout来设置定时器,通过XmlHttpRequest(ActiveXObject)来异步下载文件或调用后端API,如Node中可以使用readFile来读取文件,他们都是通过传入回调函数,当浏览器和Node执行完了之后把返回的数据作为参数给回调函数进行调用。那么多的事件,诸如有触发绘制页面的事件,有鼠标点击、拖拽、放大缩小的...
Ext JS提供了大量的功能来使类的创建和处理变得简单,还提供了一系列的功能来扩展和重新现有的Javascript类。这意味着可以为类添加行为和创建属于自己的类,或者重写某些函数的行为。在本文,将展示如何实现特定主题类的重写。原文:http://www.sencha.com/blog/creating-theme-specific-overrides-in-ext-js/作者:Lee Boonstra Lee is a technical trainer at Sencha. She’s located in Ams...
转载的:转自阮一峰的博客:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html一、回调函数这是异步编程最基本的方法。假定有两个函数f1和f2,后者等待前者的执行结果。 f1(); f2();如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。 function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000); }执行...