js代码 | 易学教程

VueJS入门

阅读更多关于 VueJS入门

一、VueJS概述与快速入门　　1.1 介绍　　一个构建数据驱动的web界面的渐进式其框架，Vue.js的目标提供尽可能简单的API就可以满足我们的日常开发，官网：https://cn.vuejs.org/。学习此框架需要有HTML、CSS和JavaScript的一些基础。　　1.2 MVVM模式　　MVVM是Modle-View-ViewModel的简写，是MVC的改进版。MVVM就是将其中View的状态和行为抽象化，让我们将视图（html和dom元素）和业务逻辑分开，分开后我们直接曹组模型数据就等同于html的dom元素。　　MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model）。　　Vue.js是一个提供了MVVM风格的双向数据绑定的JavaScript库，专注于View层。它的核心是MVVM中的VM，也就是ViewModle。ViewModel负责连接View和Model，保证视图和数据的一致性，这种轻量级的架构让前端开发更加高效、便捷。　　1.3 VueJS快速入门　　首先需要在官网上下载一个vuejs的文件，这个自己操作一下，接着创建一个html文件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue入门<

js中this，call，apply方法说明

阅读更多关于 js中this，call，apply方法说明

this:this对象是指在运行时期基于运行环境所绑定的也就是说this总是指向调用者代码说明： var k=10; function test(){ this.k=20; } test();//test()<===>window.test() alert(test.k);//undefined alert(k)//20 /*说明：this:this对象是指在运行时期基于运行环境所绑定的也就是说this总是指向调用者；代码分析： 1.var k=10;相当于window.k=10； 2.test函数中的this指向的是全局作用域中的window对象，所以此时this.k等价于window.k, 由于this.k重新赋值了20，所以此时k就等于20，而test.k由于是个函数的局部变量，所以，test.k并没有赋值，所以弹出undefined */ call,apply方法：每一个函数都包含两个非继承而来的方法，call，apply，这两个方法用途都是在特定的作用域中调用函数，实际上等于设置函数体内的this对象的值；简单用法：绑定一些函数，用于传参调用；扩充函数作用域，使用扩充作用域的好处是对象与函数没有任何耦合关系代码说明： //简单用法：绑定一些函数，用于传参调用； function add(x,y){ return x+y; } function call1

【B/S】JS（3）

阅读更多关于【B/S】JS（3）

JS：JavaScript是属于网络的脚本语言，被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。主要使网页有交互，和HTML一样属于前端编程语言（运行在客户端）。 JavaScript不仅可以在前端使用，node.js平台可以让JavaScript具有服务端编程语言能力 js代码的位置（head中）：第一种方式:js代码写在<script>标签中。　　　　type="text/javascript"（可不写）：javascript代码，现在所有的浏览器都会把<script>标签中的内容当成JS来执行 <script type="text/javascript"> 　　alert("hello world");// 提示框，打印一句话　　 console.debug("哈哈"); //firefox和google浏览器中使用F12打开开发者工具，选中控制台面板（console） </script> 第二种方式：将js代码作为a标签的href属性值运行，当我们点击这个a标签的时候就会执行js代码。javascript：代码 <a href="javascript:alert('你好')">点击</a> 第三中方式：将js代码放在一个独立js文件中，然后通过<script src="hello.js"></script> 　　　　　

js和css的加载造成阻塞

阅读更多关于 js和css的加载造成阻塞

浏览器渲染原理图： bar.js var count_bar = 0; var start_bar = new Date(); for(var i=0;i<100000;i++){ for(var j=0;j<10000;j++){ count_bar++; } } var end_bar = new Date(); console.log(end_bar - start_bar,'bar'); foo.js var count_foo = 0; var start_foo = new Date(); for(var i=0;i<100000;i++){ for(var j=0;j<10000;j++){ count_foo++; } } var end_foo = new Date(); console.log(end_foo - start_foo,'foo'); ress.js var count_ress = 0; var start_ress = new Date(); for(var i=0;i<100000;i++){ for(var j=0;j<10000;j++){ count_ress++; } } var end_ress = new Date(); console.log(end_ress - start_ress,'ress'); demo.html <

原生js实现拖拽改变 table表格列宽

阅读更多关于原生js实现拖拽改变 table表格列宽

效果图代码 <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>table</title> </head> <body style="padding:100px"> <table id="tb_3" cellspacing="0" cellpadding="2" width="100%" border="1"> <tbody> <tr align="center" bgcolor="#dcdcdc"> <td style="width:100px;">员工编号</td> <td>试用时间</td> <td>转正时间</td> <td>性别</td> <td>姓名拼音</td> <td>生日时间</td> <td>民族</td> <td>身高</td> </tr> <tr> <td>vh20180421</td> <td>2018-3-13</td> <td>2018-6-13</td> <td>1</td> <td>LDH</td> <td>1988-3-13</td> <td>汉族</td> <td>178</td> </tr> <tr> <td>vh20180511</td> <td>2018-5-15</td> <td>2018-8-15</td> <td>0</td> <td>WSW</td> <td

项目常用JS方法封装--奋斗的IT青年（微信公众号）

阅读更多关于项目常用JS方法封装--奋斗的IT青年（微信公众号）

欢迎大家关注我的微信公众号，不定时更新使用方法非常简单，只需放到你的 utils.js 工具文件中，直接 export const 加上我的封装方法，在别的文件中使用 {方法1,方法2,方法3...} 引用后就可以直接使用了! 001.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 复制代码 002.冒泡排序升序 bubbleAsSort() bubbleAsSort = arr => { for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { let temp = arr[j + 1]; arr[j + 1] = arr[j]; arr[j] = temp; } } } return arr; } 复制代码降序 bubbleDeSort() bubbleDeSort = arr => { for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if

二，JS基本语法

阅读更多关于二，JS基本语法

一，编写位置 JS是编写在网页中的，通过script标签引入， documnet.write("向body中输出一个内容") alert("控制浏览器弹出一个警告框") console.log("向控制台输出一个内容") 三个输出语句，alert给用户看，console.log给开发者看二，JS基本语法 //单行注释 /**/多行注释 JS中严格区分大小写，每条语句以；结尾（如果不写分号，浏览器会自动添加，但会消耗一些系统资源，有些时候浏览器会加错分号），JS中会忽略多个空格和换行，所以可以利用空格和换行对代码进行格式化三，字面量和变量字面量：都是一些不可改变的值，可直接使用但是我们一般不会直接使用字面量变量：用来保存字面量，变量的值可以任意改变声明变量：在JS中用var关键字声明一个变量，可以通过变量对字面量进行描述四，标识符在JS中所有可以由我们自主命名的都可以称为标识符，如：变量名，函数名，属性名等都属于标识符命名一个标识符需要遵守的规则： 1）标识符中可以包含字母，数字，_,$ 2）标识符不能以数字开头 3）标识符不能是ES中的关键字或保留字（目前没有以后可能会用） 4）标识符一般采用驼峰命名法 JS 底层保存标识符实际上是采用Unicode编码（utf-8），理论上utf-8中含有的内容都可以作为标识符（UTF-8是各国通用的编码集，里面包含各国文字符号）

js对象的深度克隆

阅读更多关于 js对象的深度克隆

在聊JavaScript（以下简称js）深度克隆之前，我们先来了解一下js中对象的组成。在 js 中一切实例皆是对象，具体分为原始类型和合成类型：原始类型对象指的是 Undefined 、 Null 、 Boolean 、 Number 和 String ，按值传递。合成类型对象指的是 array 、 object 以及 function ，按址传递，传递的时候是内存中的地址。克隆或者拷贝分为2种：浅度克隆、深度克隆。浅度克隆：基本类型为值传递，对象仍为引用传递。深度克隆：所有元素或属性均完全克隆，并于原引用类型完全独立，即，在后面修改对象的属性的时候，原对象不会被修改。又或许你刚听说“深度克隆”这个词，简单来说，就是说有个变量a，a的值是个对象（包括基本数据类型），现在你要创建一个变量b，使得它拥有跟a一样的方法和属性等等。但是a和b之间不能相互影响，即a的值的改变不影响b值的变化。直接赋值可好？ var a = 1; var b = a; a = 10; console.log(b); // 1 var a = 'hello'; var b = a; a = 'world'; console.log(b); // hello var a = true; var b = a; a = false; console.log(b); //

JS和JQuery对象操作

阅读更多关于 JS和JQuery对象操作

JS操作对象属性通过JS代码，依次获取input控件，设置该控件的value属性值，并获取该属性值 <input type='text' id='txt' name='txt' value='' /> <div id='idiv' name='idiv'>mydiv</div> 1.获取对象 var obj_txt = document.getElementById("txt"); var obj_div = document.getElementById("idiv"); 2.设置对象的属性值 obj_txt.setAttribute('value','colin'); obj_txt.value = 'colin'; //如果仅设置控件value值，可通过values属性 obj_div.innerHTML = 'your_div'; //设置控件innerHTML值，可通过innerHTML属性 3.获取对象的属性值 obj_txt.getAttribute('value'); obj_txt.value; //如果仅获取控件value值，可通过value属性 obj_div.innerHTML; //获取控件innerHTML值，可通过innerHTML属性 JQuery操作对象属性通过JS代码，依次获取input控件，设置该控件的value属性值，并获取该属性值

js indexof用法

阅读更多关于 js indexof用法

indexOf()定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法 stringObject.indexOf(searchvalue,fromindex) 参数描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。说明该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。提示和注释注释：indexOf() 方法对大小写敏感！注释：如果要检索的字符串值没有出现，则该方法返回 -1。实例在本例中，我们将在 "Hello world!" 字符串内进行不同的检索： <script type="text/javascript"> var str="Hello world!"; document.write(str.indexOf("Hello") + "<br /

订阅 js代码