js

JS获取MAC地址

由 雨燕双飞 提交于 2020-02-28 03:16:08
<HTML><HEAD><TITLE>WMI Scripting HTML</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=JScript event="OnCompleted(hResult,pErrorObject, pAsyncContext)" for=foo> document.forms[0].txtMACAddr.value=unescape(MACAddr); document.forms[0].txtIPAddr.value=unescape(IPAddr); document.forms[0].txtDNSName.value=unescape(sDNSName); //document.formbar.submit(); </SCRIPT> <SCRIPT language=JScript event=OnObjectReady(objObject,objAsyncContext) for=foo> if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true) { if(objObject

js客户端获取IP、MAC地址

由 心已入冬 提交于 2020-02-28 03:14:54
< HTML > < HEAD > < TITLE > WMI Scripting HTML </ TITLE > < META http-equiv =Content-Type content ="text/html; charset=gb2312" > < META content ="MSHTML 6.00.2800.1106" name =GENERATOR ></ HEAD > < SCRIPT language =JScript event ="OnCompleted(hResult,pErrorObject, pAsyncContext)" for =foo > document.forms[ 0 ].txtMACAddr.value = unescape(MACAddr); document.forms[ 0 ].txtIPAddr.value = unescape(IPAddr); document.forms[ 0 ].txtDNSName.value = unescape(sDNSName); </ SCRIPT > < SCRIPT language =JScript event =OnObjectReady(objObject,objAsyncContext) for =foo > if (objObject.IPEnabled != null &&

gulp + webpack 构建多页面前端项目

由 戏子无情 提交于 2020-02-28 03:10:10
修改增加了demo地址 gulp-webpack-demo 之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题，最终算是搭建了一套比较完整的解决方案，接下来这篇文章以一个实际项目为例子，讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验，所以有些解决方案并不是最优的，仍在探索优化中。所以有什么错误疏漏请随时指出。 使用gulp过程中的一些问题，我已经在另外一篇文章讲到了 grunt or gulp 前言 现在为什么又整了一个webpack进来呢？ 我们知道webpack近来都比较火，那他火的原因是什么，有什么特别屌的功能吗？带着这些疑问，继续看下去。 在使用gulp进行项目构建的时候，我们一开始的策略是将所有js打包为一个文件，所有css打包为一个文件。然后每个页面都将只加载一个js和一个css,也就是我们通常所说的 ==all in one== 打包模式。这样做的目的就是减少http请求。这个方案对于简单的前端项目来说的是一个万金油。因为通常页面依赖的js,css并不会太大，通过压缩和gzip等方法更加减小了文件的体积。在项目最开始的一段时间内（几个月甚至更长），一个前端团队都能通过这种办法达到以不变应万变的效果。 然而，作为一个有追求（爱折腾）的前端，难道就满足于此吗？ 妈妈说我不仅要请求合并，还要按需加载，我要模块化开发

Vue.js

由 好久不见. 提交于 2020-02-28 03:01:22
框架演变： 原生js: jequery类库: 封装了原生js方法，是个库，浏览器兼容性 前端模板引擎(): 调用方法生成dom元素(组件，页面等等) 流行框架(vue,react,anjular): 1.减少不必要的dom操作 2.提供双向数据绑定，只需关注业务，不必要关注dom 项目结构： vue项目结构 来源： CSDN 作者： 小T的博客 链接： https://blog.csdn.net/m0_37840243/article/details/104539813

js运动

由 孤者浪人 提交于 2020-02-28 02:18:09
一.为什么要学习运动框架 ​ 在我们进行web页面开发的过程中，如何与用户进行友好、有趣的交互，是我们必须考虑的问题。 比如：导航条中滑动的动画特效、点击加入购物车按钮通过抛物线加入右侧购物车的动画特效，当然还有一些网页游戏的开发：微信打飞机、打砖块等。 那么我们要实现这些好玩又有趣的动画，就需要我们对动画的基础【运动】炉火纯青. 二.js运动原理 ​ 运动原理,其实从实际上来说,就是页面上的元素,在dom页上动起来,要想让元素动起来,那有哪些方式呢,比如我们通过改变元素自身的offsetLeft和offsetTop属性,以及,自身的宽高,上下左右的边距和透明度等等.动画的原理就是把不同的画面,通过一定的速度运转,串起来,形成动画,js动画也一样,不同状态的DOM，用定时器控制，就能得到动画效果. ​ 方法： ​ 1.运动的物体使用绝对定位 ​ 2.通过改变定位物体的属性（left、right、top、bottom）值来使物体移动。例如 ​ 向右或左移动可以使用offsetLeft (速度为负值可以控制向左移动)来控制左右移动。 ​ 步骤： ​ 1、开始运动前，先清除已有定时器 （因为：是连续点击按钮，物体会运动越 ​ 来越快,造成运动混乱） ​ 2、开启定时器，计算速度 ​ 3、把运动和停止隔开（if/else),判断停止条件，执行运动 ​ ​ ​ 我这里直接用的是ES6的语法

JS 中 new 操作符

由 跟風遠走 提交于 2020-02-28 01:25:15
var obj = new Object(); //创建新对象 一. new是干嘛的? new操作符用来生成一个新的对象, 它后面必须跟上一个函数(否则, 会抛出TypeError异常), 这个函数就是我们常说的构造函数. 二. new操作构造函数生成实例的过程 (1) 首先, 当我们使用new操作符时, js会先创建一个空的对象; (2) 然后, 构造函数中的this指向该空对象; (3) 其次, 在构造函数中通过操作this, 来给这个空对象赋予相应的属性; (4) 最后, 返回这个经过处理的"空对象"(此时, 对象已经不是空的了). 三. new操作构造函数的注意事项 (1) 如果构造函数的返回值是一个原始类型(非引用对象, 如字符串), 那么返回值为new创建的"空对象", 如: var obj = new function() { return "code";}; alert(obj); // [object object]　console.log(obj); //{} (2) 如果构造函数的返回值是一个引用对象(数组, 对象, 函数等), 那么返回值会覆盖new创建的"空对象", 如: var obj = new function() { return new String("code"); }; alert(obj); // "code"console.log(obj

阿尔卑斯山JS？？AlpineJS入门

由 我是研究僧i 提交于 2020-02-28 00:12:38
简介 最近发现了一个好玩的框架，叫做 AlpineJS ，它是类似于Vue或者React这样的组件化开发框架，但是它更加轻量，下面是它的github地址 https://github.com/alpinejs/alpine Scrimba上的视频教程 https://scrimba.com/g/galpinejs 它更适合于在现有的项目里的某个部分应用组件（Vue和React也可以在某个部位适用，但是总感觉有点大），它有种拿来即用的感觉 小例子 先忽视安装步骤，直接看下面这个小例子 < div x-data = " { word: ' hello world ' } " > < h1 x-text = " word " > </ h1 > </ div > 它的语法是从Vue里借鉴过来的，几乎和Vue一样，但是它是以 指令 为基础，没有什么 {{}} 这样的语法，并且指令是以 x- 开头的，不是Vue的 v- 开头。 上面的那个例子中，你可以理解为，带有 x-data 指令的标签容器，就相当于一个组件，在组件内部可以通过其他 x- 指令去运用 x-data 里的数据，做声明式的渲染操作。 看起来是不是很方便，官方说有点类似于 javascript的 tailwind CSS （如果你用过 tailwind CSS 你应该知道，这种工具式的开发特别爽）。 接下来看下一些常见的功能

js原生选项卡 Dom部分

由 流过昼夜 提交于 2020-02-27 23:58:16
什么是dom ： 　　1. DOM ======> Document Object Model 　　2. Dom定义了表示和修改文档所需要的方法。 　　Dom对象即为宿主对象，有浏览器厂商定义， 　　用来操作html和xml功能的一类对象集合。 　　也有人称DOM是对html以及xml的标准编程接口。 原生js选项: < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Document < / title > < ! -- css部分 -- > < style > * { margin : 0 ; padding : 0 ; } . wrap { padding - top : 20 px ; box - sizing : border - box ; margin : 0 auto ; width : 50 pz ; height : 40 vw ; background : #f00 ; } . wrap div { width : 100 % ; height : 90 % ; margin - top :

js 动画提示数据有变化

由 余生颓废 提交于 2020-02-27 22:51:45
let groupZiArray = $。。。。。; for (let i = 1; i < groupZiArray.length; i++) { let $groupZi = $(groupZiArray[i]); //有变化的话进行提示 if ($groupZi.html() != ('子分组' + i)) { $groupZi.animate({ fontSize: '18px' }, 300, function() { $groupZi.html('子分组' + i); $groupZi.animate({ fontSize: '16px' }, 300); }); } 核心代码animate，代码效果是如果html内容发生了变化，那么就将字体先变大一点，再恢复之前大小。 支持以下属性 backgroundPositionX backgroundPositionY borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing margin marginBottom marginLeft marginRight marginTop outlineWidth padding paddingBottom paddingLeft paddingRight

【HAVENT原创】JS 原生闭包模块化开发总结

由 笑着哭i 提交于 2020-02-27 20:58:44
一、闭包模块的第一种写法： // HH: 闭包类的第一种写法 var PeopleClass = function () { var age = 18 var name = 'HAVENT' // 闭包返回公开对象 return { getAge: function () { return age }, getName: function () { return name } } } // HH: 闭包类的第一种写法的调用 var people = new PeopleClass() console.log(people.getAge()) console.log(people.getName()) 二、闭包模式的第二种写法 // HH: 闭包类的第二种写法 var PeopleClass = function () { var main = {} var age = 18 var name = 'HAVENT' main.getAge = function () { return age } main.getName = function () { return name } // 闭包返回公开对象 return main } // HH: 闭包类的第二种写法的调用 var people = new PeopleClass() console.log(people.getAge(
订阅 js