title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 变量.作用域和内存问题 基本类型和引用类型的值 ECMAScript变量可能包含两种不同数据类型的值: 基本类型值:保存在栈内存中的简单数据段,这种值完全保存在内存中的一个位置 引用类型值:保存在堆内存中的对象,保存的实际上是一个指针,指针指向内存中真正对象保存的位置 五种基本数据类型:U…
title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 BOM Browser Object Model,浏览器对象模型. BOM提供了很多用于访问浏览器的功能,这些功能与任何网页内容无关. BOM缺少事实上的规范,因此浏览器之间共有的对象就成了事实上的标准. 没有所谓的标准BOM实现或者标准BOM接口. 图片来源于网络: window对象 w…
title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 面向对象的程序设计 创建对象 工厂模式 工厂模式是软件工程领域广为人知的一种设计模式,这种模式抽象了创建具体对象的过程. 用函数来封装以特定接口创建对象的细节: function createPerson(name, age, job) { var o = new Object; o.na…
title: JavaScript学习记录一 toc: true date: 2018-09-11 18:26:52 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 简介 JavaScript是一种专门为网页交互而设计的脚本语言,由以下三个不同的部分组成: ECMAScript(发音 ek-ma-script,伪语言),由ECMA-262定义,提供核心语言功能: 文档对象模型(DOM,Document Object Model),提供访问和操作网页内容…
由于大学课程缘故,老师巨爱叫人问问题,还记分呢,随便记录一下Js的学习情况,以后复习什么的也比较方便吧...... 开始咯,就按照C语言学习那样的方法来吧! ==================================割割割================================== 1.数据类型(这里只是大概提一下) /* 我认为Js里没有明显的数据类型,仅有 字符串.数字.布尔.数组.对象.Null.Undefined */ var temp = 'legth' var te…
昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个功能全部完善(死了太多脑细胞~~). 接下来直接进入主题哈~(主要讲解JS,所以对其中的HTML及CSS不做详细说明.) 首先是HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset…
<!DOCTYPE html><html><head><title>users.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta n…
<p> 最近在学一部分前端,知识点很多,却没怎么系统地应用过,因而理解可能不够深吧.所以我想做点片段似的东西,不懂的再在网上搜一搜,这样可能会更有意思点,所以做了这个记录,希望自己坚持下去!</p> Mytodolist html code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>MyTodolist</title&…
<!DOCTYPE html><html><head><title>moveOption.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><m…
一.弹出框 <script type="text/javascript">    window.onload=function(){         window.alert("msg alert");         var msg =window.prompt("prompt", "hello"); //msg hello  或者null                  alert(msg);        …
<script type="text/javascript">  //当局部变量与全局变量 重名的时候   var v="全局变量";//定义全局变量   function test(){      alert(v); //undefined    //遇到函数先开辟一块空间,所以执行到第一个alert时,还没有定义这个变量所以为undefined      var v="局部变量";      alert(v);   }   //调…
<script type="text/javascript">    function arrdemo(){        var arr=["hello","text","java"];        for(var i=0;i<arr.length;i++){            arr[i]=function(){                alert(i);            };     …
对象定义的几种方法: var  person=new Object(); person.name="111"; person.age=22; 或 var person={   name:"111",   age:22 } 或 var person={}; person.name="111"; person.age=22;   对象也可以用数值属性,但是数值属性会自动转化为字符串类型.         function displayInfo( a…
关于牛B的Jquery源头 (function(){ //这里省略jQuery所有实现 })(); :无论你怎么去定义你的函数 JS解释器都会把它翻译成一个 Function对象 :那什么是Function? Function对象是javascript里面 固有对象,所有的函数实际上都是一个 Function对象 : alert(typeof function(){});// "function" alert(typeof function(x,y){return x+y;});//…
<!DOCTYPE html><html><head><title>checkboxs.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><me…
js整理笔记 1.数据类型 2.基本语法 3.js运算符 4.条件语句 5.类型转换 6.函数 7.预编译 8.作用域 9.闭包 10.对象创建方法 11.this 12.dom操作 13.事件 14.正则表达式 JS代码原则:高内聚,弱耦合 ecmascript是一种语言标准,第一版标准发布于1997年,javascript是网景公司对ecmascript标准的一种实现. js不区分整数和浮点数,统一用number表示,nan表示 not a number,无法计算结果的时候用nan表示. 字…
var arr = [1, 2, 3, 5, 5, '45', '45', 4, 1, '1', '2'] for (var i = 0; i < 10000; i++) { arr.push(i)//这里给arr添加10000项,方便后面对各个方法性能的观看 } /** * 方法一:借用一个结果数组,原数组中的元素与结果数组进行比较,若是不存在与原数组全等的元素,则将原数组元素存入结果数组中. * @param arr 传入的数组 * @returns {Array} 返回的去重后的数组 */…
定义teacher和student实体 json.do   List<Student> stus=new ArrayList<Student>();        stus.add(new Student("zsf1"));        stus.add(new Student("zsf2"));        stus.add(new Student("zsf3"));        stus.add(new Stud…
咔咔咔咔咔咔扩扩扩扩扩扩扩扩扩扩…
Java 8 学习记录 官方文档 https://docs.oracle.com/javase/8/ https://docs.oracle.com/javase/8/docs/index.html https://docs.oracle.com/javase/tutorial/index.html…
整理JavaScript方面的一些技巧.比較有用的函数,常见功能实现方法,仅作參考 变量转换 //edit http://www.lai18.com var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar, // to float bool = !!myVar, /* to boolean - any string with le…
<!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" xml:lang="en"> <head> <meta h…
Thrift学习记录 Thrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在C++,Java,Python,PHP,Ruby,Erlang, Perl, Haskell, C#, Cocoa, JavaScript, Node.js, Smalltalk, and OCaml等等编程语言间无缝结合的.高效的服务. Thrift服务开发的三个步奏:(如下图) 编写Thrift IDL,运行thrift命令生成相应的服务代码. 服务端编码(…
通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤. 1. 示例 上图是之前做的一个demo,有点丑,希望不要介意. 这个主要是外面一层包裹着天空盒, 然后里面是一个由开顶的立方体做成的房子(暂且理解为房子)以及里面的家具构成,其中包括可以播放视频的电视,一个可以照的镜子,导入的沙发模型等 2. 操作步骤 2.1 准备工作 首先,我们需要上一篇文章的基础,这里不再赘述,我们直接进入主题,…
此次的亮点不是three.js的3d部分,而是通过调用摄像头然后通过摄像头的图像变化进行简单的判断后进行一些操作.上篇中我通过简单的示例分析来学习three.js,这次是通过上一篇的一些代码来与摄像头判断部分的代码相互结合,弄一个新的东西,可以看下图 说明 这次的示例是我们可以通过一个摄像头隔空控制我们屏幕中的视频的播放. 原理其实也是很简单,我们看到的摄像头图像其实是通过获取到的图像数据然后再通过canvas 画上去的,这里有两层canvas 一层是我们的正常的摄像头输出,一层是我们的播放按钮…
简介 为了快捷方便,在工作和项目中,一直都是使用的框架,比如jqeruy,vuejs,react等.然后在长时间使用框架后,往往有一个后遗症,就是对于原生的Javascript基本上已经不知道怎么写了(这是我个人情况,大神们肯定不是的). 因此,最近一段时间,本人都是在重新温习原生的Javascript,发现好多知识点都已经遗忘了:做为一个想往上进步的前端程序猿,这肯定是不行的.所以,在这里梳理一下,最近复习的一些知识点. DOM 操作 DOM 是 Document Object Model (…
关键属性 splitLine和splitArea,可以设置相关的属性 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport…
Echarts学习记录——如何给x轴文字标签添加事件 关键属性 axisLabel下属性clickable:true 并给图表添加单击事件 根据返回值判断点击的是哪里 感觉自己的方法有点变扭,有更好办法的同学,请留下方式. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-…
JavaScript学习(1)之JavaScript基础 由于工作原因,开发语言逐渐以JavaScript为主,所以,抽空学习了下JavaScript语法.等现阶段的工作稳定之后,陆续会分享下自己在学习和开发过程中的一些经验总结.本着"技多不压身"的原则以及对各种编程语言的热爱,虽然笔者一直从事游戏开发工作,也愉快而又义无反顾的加入了JavaScript阵营. 1.JavaScript概述以应用范围 1.1 JavaScript概述 首先,JavaScript是一门动态类型的编程语言.…
以下是来自精通脚本黑客的学习记录 防止以上漏洞的最好的方式 一对用户的输入进行编码,对用户输入进行编码,然后存入数据库,取出时解码成utf-8 二对用户的输入进行过滤,过滤jscript,javascript,vbscript, <,>等等. 总结,先要转换掉<>字符让用户不能建立自己的html标记,然后防范已经有的html标记,通过过滤javascript和特殊字符&可以阻止用户修改标记的属性为script,然后通过”和空格的过滤是用户不能引发事件机制和重建其他的输入性,…