js代码 | 易学教程

前端：JavaScript：介绍

阅读更多关于前端：JavaScript：介绍

#前端 ##JavaScript 问题：在网页的发展历程中，发现网页不能对用户的数据进行自动校验和提供一些特效，造成用户体验极差；解决：使用JavaScript；作用： a、可以让网页和用户之间进行直接简单的交互 b、可以给网页制作特效和动画注意： a、js是由浏览器解析执行的 b、js需要在HTML文档中进行声明使用： a、声明js代码域 1、在head标签中使用scrip声明js代码域 < head > ... < ! -- 声明js代码域 -- > < script type = "text/javascrip" > function test ( ) { alert ( "写给时光的情书！" ) ; < ! -- alert是在js中输出文字的函数 -- > } < / script > < / head > 2、在head标签中使用scrip引入外部声明的js文件 < head > ... < ! -- 声明js代码域 -- > < ! -- 引入外部声明好的js文件 -- > < scrip src = "js/js文件名.js" type = "text/javascript" charset = "utf-8" > < / script > < / head > JavaScript和Java的联系：两者除名字和语法较为相像外，其他无任何联系

原生JS实现元素拖拽

阅读更多关于原生JS实现元素拖拽

效果可以随意拖拽并限制边界检查代码 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 拖拽 </ title > </ head > < style > .mask { width : 500px ; height : 300px ; background : antiquewhite ; border : 1px solid #eee ; display : none ; position : absolute ; } .mask:hover { cursor : move ; } </ style > < body > < button onclick = " maskShow() " > 点击弹出可拖拽登录框 </ button > < div class = " mask " > < p > 我是可以拖动的窗口 </ p > </ div > < script > var mask = document . querySelector ( ".mask" ) ; function maskShow ( ) { mask . style [ "display" ] = "block" ; mask . addEventListener (

js call 和 apply

阅读更多关于 js call 和 apply

前言　　call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。　　call 和 apply 二者的作用完全一样，只是接受参数的方式不太一样。方法定义　　apply 　　Function.apply(obj,args) 方法能接收两个参数：　　　　obj：这个对象将代替Function类里this对象　　args：这个是数组或类数组，apply方法把这个集合中的元素作为参数传递给被调用的函数。 call 　　call方法与 apply方法的第一个参数是一样的，只不过第二个参数是一个参数列表　　在非严格模式下当我们第一个参数传递为null或undefined时，函数体内的this会指向默认的宿主对象，在浏览器中则是window var test = function(){ console.log(this===window); } test.apply(null);//true test.call(undefined);//true 用法　　"劫持"别人的方法　　此时 foo 中的 logName 方法将被bar引用， this 指向了 bar var foo = { name:"mingming", logName:function(){ console.log

JavaScript基础（一）

阅读更多关于 JavaScript基础（一）

JS的基本语法要求严格区分大小写标识符命名要求（与java完全相同）首个字符只能是字母、下划线、美元符号其他位置只能是字母、下划线、美元符号、数字变量的声明 JavaScript的声明必须要使用var关键字，声明方式有两种。声明并且赋值：var 变量名 = 值先声明再赋值： var 变量名； var = "666"; JavaScript中的每行代码都最好加上 ";" ,当然不加也不会报错，程序也能执行，但是为了规范，还有良好的习惯最好都加上去。 JavaScript的基本数据类型类型标识符类型说明 Undefined 表示一个未声明的变量或者已经声明但未赋值，或者不存在的属性。 String 字符串类型 Number 数字类型 Null 表示空类型 Boolean 布尔类型 JavaScrip变量的数据类型区分 JS中变量声明时，不会定义变量的数据类型，因此一个变量可以保存任意类型的数据。可以使用 typeof 变量来判断变量的数据类型。 JavaScript代码的使用位置在HTML代码中使用这种使用方式非常少，主要是规范性，和维护性考虑。在script标签中使用通过在script标签中定义好JS代码，通过script标签唤醒浏览器中的JS解析器引擎来实现。并且script标签可以放到HTML文件的任意位置。这种使用的方式也不多。

看完这篇文章，我奶奶都懂了https的原理

阅读更多关于看完这篇文章，我奶奶都懂了https的原理

前言　　前段时间看到一篇文章讲如何保证API调用时数据的安全性（传送门： https://blog.csdn.net/ityouknow/article/details/80603617 ），文中讲到利用RSA来加密传输AES的秘钥，用AES来加密数据，并提供如下思路：　　说人话就是前、后端各自生成自己的RSA秘钥对（公钥、私钥），然后交换公钥（后端给前端的是正常的明文公钥，前端给后端的是用后端公钥加密后的密文公钥；PS：其实我觉得直接交换两个明文公钥就行了），后端生成AES的明文key ，用明文key进行AES加密得到密文数据，用前端的公钥进行RSA加密得到密文key ，API交互时并将密文数据与密文key进行传输，前端用自己的私钥进行RAS解密的到明文key，用明文key进行AES解密得到明文数据；前端给后端发送数据时同理，这样一来，传输的数据都是密文，且只有秘钥才能解密　　可惜这篇博客只提供了思路，但并没有具体的代码，我们在网上查找一下资料，开始生撸代码，实现一个前后端API交互数据加密——AES与RSA混合加密，并应用到项目中　　后端加、解密　　从网上查找工具类，再进行改造　　先引入Base64工具类  <dependency> <groupId>org.apache.directory.studio<

打造遮罩弹出带有搜索框的zTree页面

阅读更多关于打造遮罩弹出带有搜索框的zTree页面

版权声明：模糊查询js代码部分引用原生zTree官方代码，任何商业应用请联系zTree官方。先上一下效果图：技术要求：点击input标签或者打开遮罩层按钮时，弹出zTree页面；zTree页面中在关键字后面的input输入框输入搜索信息后，zTree关键字高亮显示，并关闭其他子节点！ zTree版本要求： ztree v3.5.19.1及以上,使用到getPath()方法 ztree.exhide扩展,使用到hideNode()方法 1. CSS、jQuery等底层框架选择： CSS部分：bootstrap3x，部分CSS用到了layui的样式、zTree样式采用metroStyle jQuery：jQuery3.3.1 2.代码： 2.1 html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <link rel="icon" href="js/bootstrap/favicon.ico"> <link rel="stylesheet" href="js/bootstrap/css/bootstrap.css"> <!-- IE10 viewport hack for Surface

使用requireJs进行模块化开发

阅读更多关于使用requireJs进行模块化开发

requireJs使用 requireJs 使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。 <script src="js/require.js"></script> 有人可能会想到，加载这个文件，也可能造成网页失去响应。解决办法有两个，一个是把它放在网页底部加载，另一个是写成下面这样：　<script src="js/require.js" defer async="true" ></script> async属性表明这个文件需要异步加载，避免网页失去响应。IE不支持这个属性，只支持defer，所以把defer也写上。加载require.js以后，下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js，也放在js目录下面。那么，只需要写成下面这样就行了：　<script src="js/require.js" data-main="js/main"></script> data-main属性的作用是，指定网页程序的主模块。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。主模块的写法上一节的main.js，我把它称为"主模块"，意思是整个网页的入口代码

JQuery选择器

阅读更多关于 JQuery选择器

JQuery选择器 1.基本选择器和CSS的定义差不多：标签选择器 id选择器（#）类选择器（点）并集选择器（逗号） <head> <meta charset="UTF-8"> <title>选择器·基本选择器</title> <script src="js/jquery-3.3.1.min.js"></script> <script> $(function() { //id选择 $("#divOne").css("color", "red"); //标签选择 $("span").css("color", "green"); //class选择 $(".clsTwo").css("color", "blue"); //合并选取 $("#divOne,span,.clsTwo").css("fontSize", "50px"); }); </script> </head> <body> <div id="divOne">有ID的div</div> <span>span</span> <div class="clsTwo">有class的div</div> </body> <head> <meta charset="UTF-8"> <title>并集选择器：3 Click in 1</title> <script type="text/javascript" src="js

js 运算符优先级

阅读更多关于 js 运算符优先级

在看jquery源码，仔细看入口函数的时候，有点懵了。看到与或、多重三目，傻傻的分不清，就代码仔细的区分下运算符优先级，以前都是呼呼的飘过。看来任何一个细节都不能忽略，不然效率极低。。 !function(a, b) { "object" == typeof module && "object" == typeof module.exports ? module.exports = a.document ? b(a, !0) : function(a) { if (!a.document) throw new Error("jQuery requires a window with a document"); return b(a) } : b(a) }("undefined" != typeof window ? window : this, function(a, b) { //代码 n = function(a, b) { return new n.fn.init(a,b) }； A = n.fn.init = function(a,b){ //代码}; A.prototypt = n.fn; return n })(); 由于优先级 == 高于 && 、|| 高于 ?: 高于 =，所以里面的函数体相当于 `(` object" == typeof module &&

二、JavaScript语言--JS基础--JavaScript入门篇

阅读更多关于二、JavaScript语言--JS基础--JavaScript入门篇

1、如何插入JS 　　使用<script>标签在HTML网页中插入JavaScript代码。注意， <script>标签要成对出现，并把JavaScript代码写在 <script></script> 之间。 <script type="text/javascript"> 表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 2、JS如何引用外部文件　　JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。<script src="script.js"></script> 3、JS在页面中的位置　　我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。　　放在<head>部分：最常用的方式是在页面中head部分放置<script>元素

订阅 js代码