js代码 | 易学教程

跟随鼠标移动的js代码

阅读更多关于跟随鼠标移动的js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>跟随鼠标移动的流星</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> html{ overflow:hidden; } body{ position:absolute; height:100%; width:100%; margin:0; padding:0; } #screen{ background:#000; position:absolute; width:100%; height:100%; } #screen span{ background:#fff; font-size:0; overflow:hidden; width:2px; height:2px; } </style> <script type="text/javascript"> var Follow =

以变制变——前端动态化代码保护方案探索

阅读更多关于以变制变——前端动态化代码保护方案探索

欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文分享了腾讯防水墙团队关于机器对抗的动态化思路，希望能抛砖引玉，给现在正在做人机对抗的团队一些启发，帮助更多中小型公司的业务摆脱机器和爬虫之痛。 0x00 前言浏览器作为当今互联网的一大流量入口，正在变得越来越强大。为了有更好的Web体验，各类新的标准被制定并实施。PWA的出现，更是把移动端H5的体验推向了另一个极致。越来越多业务使用H5作为主要入口的同时，也带来了另一个问题：机器行为泛滥。只要有利益的地方就会有恶意，登录注册、投票领券等页面很容易成为机器刷量的重灾区，如今写一个普通刷投票脚本的难度基本就跟写一个“Hello World!”的难度差不多。在与机器对抗的历程中，Web前端一直是非常薄弱的一环。浏览器毫无保留地把所有前端代码拉取到本地并执行、所有前端代码均透明可见，拿什么拯救前端代码安全？ 0x01 名词解释代码安全本文中所提及的代码安全，是指前端JavaScript代码的安全。通常，如果一段JavaScript代码只能在正常的浏览器中运行，无法或尚未在非正常浏览器的运行环境执行得到结果、无法被等价翻译成其他编程语言的代码，则认为这段代码是安全的。一段重要的JavaScript逻辑被置于其他环境以高于正常浏览器几个数量级的效率运行并得到正确的结果，对于服务端及后面的业务来说，几乎是一个灾难。

json数组的序列化和反序列化json数组的序列化和反序列化

阅读更多关于 json数组的序列化和反序列化json数组的序列化和反序列化

如题，我就不多说了，自己看代码的，很好理解 using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO; using System.Text; using System.Web.Script.Serialization; using System.Runtime.Serialization.Json; /// <summary> /// json反序列化对象 /// </summary> public class Nature { public string name { get; set; }//属性编号 public string sex { get; set; } //分类编号 } /// <summary> /// json反序列化对象 /// </summary> public class Person { public string name { get; set; }//属性编号 public string sex { get; set; } //分类编号 public string age { get; set; } //分类编号 public string

json数组的序列化和反序列化json数组的序列化和反序列化

阅读更多关于 json数组的序列化和反序列化json数组的序列化和反序列化

如题，我就不多说了，自己看代码的，很好理解 View Code using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO; using System.Text; using System.Web.Script.Serialization; using System.Runtime.Serialization.Json; /// <summary> /// json反序列化对象 /// </summary> public class Nature { public string name { get; set; }//属性编号 public string sex { get; set; } //分类编号 } /// <summary> /// json反序列化对象 /// </summary> public class Person { public string name { get; set; }//属性编号 public string sex { get; set; } //分类编号 public string age { get; set; } //分类编号

探讨webapp的SEO难题（上）

阅读更多关于探讨webapp的SEO难题（上）

前言之前看了一篇文章：@ Charlie.Zheng Web系统开发构架再思考-前后端的完全分离，文中论述了为何要前后分离，站在前端的角度来看，是很有必要的；但是如何说服团队使用前端渲染方案却是一个现实问题，因为如果我是一个服务器端，我便会觉得不是很有必要，为什么要前后分离，前后分离后遗留了什么问题，如何解决，都得说清楚，这样才能说服团队使用前端渲染的方案，而最近我刚好遇到了框架选型的抉择。来到新公司开始新项目了，需要做前端框架选型，因为之前内部同事采用的fis框架，而这边又是使用的php，这次也就直接采用fis基于php的解决方案： http://oak.baidu.com/fis-plus 说句实话，fis这套框架做的不错，但是如果使用php方案的话，我就需要蛋疼的在其中写smarty模板，然后完全按照规范走，虽然fis规范比较合理，也可以接受，但是稍微深入解后发现fis基于php的方案可以概括为（我们的框架用成这样，不特指fis）：服务器端渲染html全部图给浏览器，再加载前端js处理逻辑显然，这个不是我要的，梦想中的工作方式是做到静态html化，静态html装载js，使用json进行业务数据通信，这就是一些朋友所谓的前端渲染了 JS渲染的鄙利前端渲染会带来很多好处： ① 完全释放前端，运行不需要服务器； ② 服务器端只提供接口数据服务，业务逻辑全部在前端

我的收藏

阅读更多关于我的收藏

平时收藏了一些好的站点，在些谢谢那些作者： Bookmarks 书签栏书签工具栏综合看雪安全论坛 - www.pediy.com 蓝色理想经典论坛-前端开发 UI设计 web编程 w3school 在线教程 DIV+CSS教程_DIV+CSS布局_十天学会div+css_web标准化——标准之路禅意花园学习编程 | Codecademy 51CTO.COM - 技术成就梦想 - 中国领先的IT技术网站后代选择器和子选择器的区别！！！ - Knuth_档案 - 博客园详细解读DIV+CSS定位 CSS/DIV网页设计视频教程目录 - CSS,Javascript,jQuery,视频教程 - Web网页设计开发制作技巧，前沿视频教室 CSS论坛 - DIVCSS5 前端练习系列60-ie绝对定位点击的问题 | <前端开发> CSS3-HTML5之家中文CSS3,HTML5教程网站让IE也支持box-shadow | Web前端开发 – 专注于网站前端设计与Web用户体验 W3CPlus | css3教程-css3实例-css3动画 | 记述前端那些事——引领Web前沿 22款给力的HTML5和CSS3帮助工具前端集锦工具 | 前端开发网(W3Cfuns.com)! RD1012: 不同浏览器内 'line-height' 样式设置会影响不同行内替换元素的显示高度 -

漫谈JS中的call和apply方法

阅读更多关于漫谈JS中的call和apply方法

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> call和apply方法网上相关文章很多，大多是用简单的代码demo举例，这里用打比方的方式瞎扯下这两个方法到底是干嘛的？回答这个问题前，先要明确一点，就是“JS是一门面向对象的语言”，JS处处是对象，而对象就是一个同时包含属性和方法的整体。比如数组对象Array，就有length属性，也有shift方法。“对象”就像一个家庭，“属性”就是家里的没有生命的家电家具，“方法”则是家庭的人类成员。假设王家是穷光蛋，家徒四壁，李家是土豪，应有尽有。这是王家的儿子想过李家的日子，他要怎么办？最简单的方法就是改姓“入赘”成为李家人，成了一家人后，李家的东西就随便王二用了。这个“入赘”改姓入籍别人家享福的行为在JS世界就叫call或者apply。入赘别人家后自己老家的东西还能不能用呢？答案是一样用，JS的call和apply也是这样。比如代码obj1.fn1.call(obj2)的意思在客观世界就是，obj1家的穷光蛋fn1入赘到obj2家，然后穷光蛋fn1就可以随便用土豪obj2家的东西了。同时，obj1.fn1.call(obj2)和obj1.fn1.apply(obj2)功能是一样的，那apply和call有啥区别呢？它们的区别就在传参的方式上，call和apply的第一个参数都是对象名(要入赘的家庭)

JS中的逻辑操作符

阅读更多关于 JS中的逻辑操作符

在JavaScript中，逻辑运算符可以操作ECMAScript中的任意值，同时也不强制返回boolean类型。在js逻辑操作中，需要隐式的转换为boolean类型再计算。转换规则：对象、非零Number、非空String -> true 0、""、nullfalse、undefined、NAN -> false !!的作用是把一个其他类型的变量转换成bool类型在||和&&逻辑操作中的短路原则： a && b ：左操作数为false，返回左操作数，否则返回右操作数。 a || b ：左操作数为false时，返回右操作数，否则返回左操作数。对于多个操作数的情况： a||b||c||d ：若结果为true则返回第一个true值，若结果为false则返回最后一个操作数。 a&&b&&c&&d ：若结果为false则返回第一个false，若结果为true则返回最后一个操作数。使用场景： 1、 || 操作符最常用的方式是用来从一组备选表达式中选出第一个真值表达式。 var max = max_width || perferences.max_width || 500; 2、判断某个元素是否存在时， if(attr) 写成 if(!!attr) 更严谨。 3、对函数中的参数赋给默认值， a = a || "defaultValue" 。 4、利用&&的短路特性有条件的执行代码。

Android SDK安装教程

阅读更多关于 Android SDK安装教程

=============转自============、 http://www.360doc.com/content/13/0426/23/11869636_281186719.shtml =============转自========== 既然要安装Android SDK，理所当然需要Android SDK安装程序咯。　　打开网页浏览器，进入Android SDK网站（ http://developer.android.com/sdk/index.html ）。我们可以看到，Google官方提供了包括Windows平台在内的多个Android SDK版本下载。 <ignore_js_op> 　　在这里，Google官方推荐我们下载EXE安装包，但是我个人下载的是ZIP压缩包（无需安装）。两者在实际使用上没有什么区别，大家可以根据自己的需要选择。　　下载并完成安装（解压）后，可以看到下列内容。其中，SDK Manager.exe是我们主要使用的程序。 <ignore_js_op> 　　有些童鞋在运行SDK Manager.exe后会弹出下列错误提示。 <ignore_js_op> 　　这是由于系统中缺少Java组件引起的，Android SDK的运行需要Java的支持。　　进入Java官方网站（ http://www.java.com/zh_CN/ ）下载并安装即可。

JavaScript 究竟是怎样执行的？

阅读更多关于 JavaScript 究竟是怎样执行的？

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 摘要：理解 JS 引擎运行原理。作者：前端小智原文：搞懂 JavaScript 引擎运行原理 Fundebug 经授权转载，版权归原作者所有。一些名词 JS 引擎 — 一个读取代码并运行的引擎，没有单一的“JS 引擎”;每个浏览器都有自己的引擎，如谷歌有 V。作用域 — 可以从中访问变量的“区域”。词法作用域 — 在词法阶段的作用域,换句话说，词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的，因此当词法分析器处理代码时会保持作用域不变。块作用域 — 由花括号{}创建的范围作用域链 — 函数可以上升到它的外部环境(词法上)来搜索一个变量，它可以一直向上查找，直到它到达全局作用域。同步 — 一次执行一件事， “同步”引擎一次只执行一行，JavaScript 是同步的。异步 — 同时做多个事，JS 通过浏览器 API 模拟异步行为事件循环(Event Loop) - 浏览器 API 完成函数调用的过程，将回调函数推送到回调队列(callback queue)，然后当堆栈为空时，它将回调函数推送到调用堆栈。堆栈 —一种数据结构，只能将元素推入并弹出顶部元素。想想堆叠一个字形的塔楼; 你不能删除中间块，后进先出。堆 — 变量存储在内存中。调用堆栈 — 函数调用的队列

订阅 js代码