【前端JS02】教程文章相关的互联网学习教程文章

前端学习 第七弹: Javascript实现图片的延迟加载【代码】

前端学习 第七弹: Javascript实现图片的延迟加载为了实现图片进入视野范围才开始加载首先:<img src="" x-src="/acsascasc.jpg">这时src是空的没有加载图片$(window).scroll(function (){$("img").each(function(){if ($(this).src == ""){if ( ($(this).offset().top + $(this).width()/2)<($(window).height()+$(window).scrollTop() ) ){$(this).attr("src",$(this).attr("x-src"));} }});}); $().attr(,) 设...

从零开始学习前端JAVASCRIPT — 1、JavaScript基础【代码】【图】

1:定义:javascript是一种弱类型、动态类型、解释型的脚本语言。弱类型:类型检查不严格,偏向于容忍隐式类型转换。强类型:类型检查严格,偏向于不容忍隐式类型转换。动态类型:运行的时候执行类型检查。静态类型:编译的时候就知道每个变量的类型。解释型:程序不需要编译,程序在运行的时候才翻译成机器语言,每执行一次都要翻译一次,因此效率比较低,但是跨平台性好。编译型:程序在执行之前需要一个专门的翻译过程,把程序编...

【JavaScript】【CSS】前端规则摘抄【图】

源:http://zhibimo.com原文:http://www.cnblogs.com/oiliu/p/4829652.html

常用html、CSS、javascript前端命名规范

常用html、CSS、javascript前端命名规范 无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下。 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考。规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确...

前端javaScript经典面试题【代码】

1.alert(1&&2),alert(1||0) alert(1&&2)的结果是2 只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值; 只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值; 这个就是只有前面的为对,才能进行下去,而且必须有个返回值。这里主要是因为只有前面的为true,才会进行后面的运算,返回的就是后面的值。如果前面的是false,后面的也就没有意义,直接返回前面的结果...

web前端分享JavaScript到底是什么?特点有哪些?【图】

web前端分享JavaScript到底是什么?特点有哪些?这也是成为web前端工程师必学的内容。今天为大家分享了这篇关于JavaScript的文章,我们一起来看看。 一、JavaScript是什么?1、JavaScript是在网站浏览器上运行的编程语言。主要是向使用HTML和CSS构建的网站添加,并起到实现各种页面动态效果的作用。例如,在网页上展示的轮播图样式和在咨询平台上输入的内容错误后显示的提示信息等这样的效果。另外针对商城网站里面购买商品时,使...

前端_javascript的利器【代码】【图】

Javascript查询器(数组为例)转载地址(http://www.cnblogs.com/yzp12sina/p/3525098.html) Select遍历元素下的每一个元素,调用JS.Call方法返回数据。 1 Array.prototype.select = Array.prototype.map || function (selector, context) {2 context = context || window;3var arr = [];4var l = this.length;5for (var i = 0; i < l; i++)6 arr.push(selector.call(context, this[i], i, this));7return arr;8};91011v...

【转】网站前端性能优化之javascript和css【代码】【图】

之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的。关于css的性能优化,他提到了如下几点:CSS性能优化1、把样式表置于顶部现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把样式表放到< head />内会使页面有步骤的加载显示。注重性能的前端服务器往往希望页面有秩序地加载。同时,我们也希望浏览器把已经接收到内容尽可能显示出来。这...

前端面试-难点问题2-java和javascript的区别

经过多方面的参考,结合自己掌握的知识,总结了一下java和javascript的区别。欢迎大家评论!  一、关系    虽然java和javascript在名字和语法上有一点相似,并且有一些联系,javascript语法源自java。但其实他们是两个公司开发的不同的产品,两种完全不同的编程语言。Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发,前身是Oak语言;而JavaScript是Netscape公司的产品,其目的是为了扩展...

asp.net mvc 配合前端js的CMD模块化部署思想,小思路【代码】

1)布局视图,用于协调普通视图和共享视图,实现js库自由选择引用@{//具体页面定义好需要引入的js文件,在这里通过共享视图渲染出来var jsDefines = ViewBag.JsDefines as List<string>;if (jsDefines != null){Html.RenderPartial("_JsDefines", jsDefines);}} 2)具体普通视图,可以自由选择引入哪些js库引用@model List<string>@foreach (var str in Model) {switch (str){case "aajs":<script type="text/javascript" src="aa.j...

前端学习(33)~js学习(十):函数【代码】【图】

关于函数的核心内容:函数有哪几种定义和调用方式this:函数内部的 this 指向、如何改变 this 的指向。函数的严格模式高阶函数:函数作为参数传递、函数作为返回值传递闭包:闭包的作用递归:递归的两个条件深拷贝和浅拷贝的区别函数的介绍函数:就是将一些功能或语句进行封装,在需要的时候,通过调用的形式,执行这些语句。函数也是一个对象使用typeof检查一个函数对象时,会返回function函数的作用:将大量重复的语句抽取出来,...

Javascript库,前端框架(UI框架),模板引擎

JavaScript库:JQuery,undoscore,Zepto  纯Javascript语言封装,前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure.css  前端框架、UI框架,或者叫UI模板  HTML + CSS + (JavaScript)? 模板引擎:  叫HTML模板引擎? 模板文件(HTML)+(CSS)?+数据(JSON) =输入=》 模板引擎 =输出=》HTML  (客户端)前端模板引擎(渲染),(服务器)后端模板引擎(渲染)  string-based模板引擎: dot.js  dom-based模...

JS夸页面通信极简方案&纯前端实现文件下载【图】

由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的,其中有些需求是需要跨页面交互和父子页面通信,故借此总结一下。另一块是前端实现文件下载功能,虽然方法很多,为了不用重复造轮子,在此还是总结一波,毕竟多页面下的应用场景还是很多的。文章摘要实现页面之间通信的方法实现父子页面和子页面与子页面之间通信的方法前端实现文件下载功能由于本文介绍的主要还是基于javascript,不涉及任何框架方面的问题(如果想研究...

前端面试题:JS篇【代码】

1.var let const区别var是ES5语法,let const是ES6语法;  var有变量提升(不会报错,只会打印出undefined)var和let是变量可以修改,count是常量不可以修改let和count是块级作用域,var没有2.typeof能判断哪些类型undefined、string、number、boolean、symbol [值类型]  object(注意 typeof null === ‘object’) [引用类型instanceof]  function3.列举强制类型转换和隐式类型转换强制 parseInt parseFloat Number string toS...

js excel导出 前端实现(转载)【代码】

本文为转载,本人亲测可用,感谢原,作者原文在这里。 一、由于公司项目需要,需要将表格数据导出为EXCEL表格数据。环境React+Ant Design二、安装插件js-export-excel // yarn安装-记得以管理员身份执行yarn add js-export-excel// npm安装npm install js-export-excel 三、代码事例页面先引入安装的插件 import ExportJsonExcel from ‘js-export-excel‘;按钮:return (<div><Button onClick={this.downloadExcel}>导出Excel表格<...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部