博客首页 → JS

最新文章列表

浅谈JS各种宽高（clientHeight、scrollHeight、offsetHeight等）

【前言】     简单总结下JS常见的宽高获取方法，例如clientHeight、scrollHeight、offsetHeight等。     先简单看个案例demo，效果图如下：     【主体】   一、宽高     （1）clientHeight、clientWidth→元素宽高（height+padding，不包含边框），可以理解为元素可视区域高度     （2）of ...
JS教学笔录前端积累 
青春..荒唐 评论(0) 有5987人浏览 2018-09-13 11:18

纯JS实现文字上下【渐进】滚动（不是逐行哦）

【前言】     纯JS实现文字或新闻竖直方向滚动，先看个案例      【主体】     （1）JS获取数值方向滚动距离selector.scrollTop     （2）JS获取元素高度（包含边框和内边距）selector.offectHeight     （3）高度获取              1、clientHeight：height+上下padding（内部可视区高度） ...
JS教学笔录前端积累 
青春..荒唐 评论(0) 有2460人浏览 2018-09-13 10:51

JS常用节点操作总结

【前言】     JS节点操作：创建、添加、删除等。属性操作：创建、添加等。       首先总结下常见的节点分类：     1、整个文档是一个文档节点     2、每个 HTML 元素是元素节点     3、HTML 元素内的文本是文本节点     4、每个 HTML 属性是属性节点     5、注释是注释节点   【主体】     （1）获取节点 document.g ...
JS前端积累 
青春..荒唐 评论(0) 有1176人浏览 2018-09-12 11:13

Cordova应用的JavaScript代码和自定义插件代码的调试

我之前写过三篇Cordova相关的技术文章。当我们使用Cordova将自己开发的前端应用打包安装到手机上后，可能会遇到需要调试Cordova应用的时候。 本文就介绍Cordova应用的调试步骤。 如果大家读过之前我写的文章，就知道Cordova应用在移动平台上运行时，实际上Cordova包内的前端应用的HTML/JavaScript代码仍然运行在一个嵌入的Webview里。同时Cordova ...
CordovaJavaScript移动Mobile 
JerryWang_SAP 评论(0) 有691人浏览 2018-09-12 10:55

JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

【前言】       工作中经常遇到取各种父级、子级、同胞级元素，这里罗列下。   【主体】 （1）JS的获取方式   <div id = "dom"><br> ...
JSjQuery前端积累 
青春..荒唐 评论(0) 有1033人浏览 2018-09-12 09:51

纯JS实现全选与全不选

【前言】     纯JS实现全选与全不选   【主体】     第一种方法比较容易理解，但代码结构较为累赘，还多了一个变量记录状态。 全选：<input type="checkbox" name="delAll" onchange="checkAll()"> <input type="checkb ...
JS前端积累 
青春..荒唐 评论(0) 有1280人浏览 2018-09-12 09:34

100行代码让您学会JavaScript原生的Proxy设计模式

面向对象设计里的设计模式之Proxy（代理）模式，相信很多朋友已经很熟悉了。比如我之前写过代理模式在Java中实现的两篇文章： Java代理设计模式(Proxy)的四种具体实现：静态代理和动态代理 Java动态代理之InvocationHandler最简单的入门教程 其实和Java一样，JavaScript从语言层面来讲，也提供了对代理这个设计模式的原生支持。我们用一个不到100 ...
javascript设计模式代理模式静态代理动态代理 
JerryWang_SAP 评论(0) 有1083人浏览 2018-09-10 11:57

微信程序开发系列教程（二）使用JavaScript给微信用户发送消息

我之前的文章 微信程序开发系列教程（一）开发环境搭建 介绍了微信开发环境的搭建，这篇文章我们就来一步步开发一些具体的功能。 功能需求：当有微信用户关注了您的公众号之后，您用JavaScript发送一个欢迎消息给这个粉丝。 具体实现 我们登陆微信公众号的控制台后，点开发-> 基本配置：   能看到我们配置的微信消息服务器的地址。在我第一篇教程里讲到，我们在本地用n ...
微信微信小程序javascriptAPI 
JerryWang_SAP 评论(0) 有903人浏览 2018-09-09 09:29

JavaScript 权威指南 第6版 中文目录

前言   第1章 javascript概述   17     1.1 javascript语言核心   20     1.2 客户端javascript   24 第一部分 javascript 语言核心   35 第2章 词法结构   37     2.1 字符集   37     2.2 注释   39     2.3 直接量   39     2.4 标识符和保留字   40     2. ...
javascript 
belldeep 评论(0) 有615人浏览 2018-09-08 18:39

java : mozilla rhino js Test URL or Socket

https://mozilla.github.io/rhino/ 下载 rhino1_7R5.zip ，解压后运行 cmd cd D:\rhino\rhino1_7R5 编写测试脚本 test2.js // Import the Swing GUI components and a few other classes var swingNames = new JavaImporter(ja ...
javarhinojstest 
belldeep 评论(0) 有1040人浏览 2018-09-08 07:29

Webpack4干货分享(一)：入口、输入和ES6模块

你好！今天我们会开始一个 Webpack 4的入门教程。我们会以Webpack的基本概念开始，随着教程逐渐深入。这一次，我们将学习用ES6 modules进行模块化的基础 ...
javascript 
powertoolsteam 评论(0) 有335人浏览 2018-09-07 16:04

使用JavaScript调用手机平台上的原生API

我之前曾经写过一篇文章使用Cordova将您的前端JavaScript应用打包成手机原生应用，介绍了如何使用Cordova框架将您的用JavaScript和HTML开发的前端应用打包成某个手机平台(比如Android，iOS）的原生应用。 那么，您也许会有一些需求，需要在您的前端应用里使用到手机平台的一些原生API，比如使用手机Mobile操作系统提供的传感器(Sensor)。这些任务是Java ...
JavaScriptJavaCordovahtml5 
JerryWang_SAP 评论(0) 有1833人浏览 2018-09-06 23:14

纯JS代码完成表格增删改查

【前言】       最近教学生用JS手写一个表格的增删改查，发现一些学生共性问题，这里简单总结下，希望有所帮助。   【主体】       问题比较 ...
JS常见特效教学笔录 
青春..荒唐 评论(0) 有1261人浏览 2018-09-05 16:25

阻止表单的默认提交事件的几种解决方案

【前言】     表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：   【主体】 如果想要阻止表单的默认提交事件，有以下几种方法： （1）将<input>标签内按钮类型从type="submit"修改为type="b ...
前端积累JS教学笔录 
青春..荒唐 评论(0) 有4370人浏览 2018-09-05 15:06

分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

这张图每位程序员应该都深有感触。 人民心目中的程序员是这样的：坐在电脑面前噼里啪啦敲着键盘，运键如飞。   现实中程序员是这样的：编码5分钟，调试两小时。   今天我要给大家分享一个用WebGL开发的网站，感兴趣的朋友可以在Chrome开发者工具里调试它的源码来学习WebGL。 WebGL(Web Graphics Library)是3D绘图协议 ...
webGLJavaScript前端3D模型 
JerryWang_SAP 评论(0) 有1676人浏览 2018-09-04 12:01

源码解析~匿名函数(function(){})();

【前言】       研究过Javascript代码库的人，会看到很多如下形式的函数： (function(){...}()) 或 (function(){})()       接下来简单总结概括下匿名函数相关知识点。   【主体】 （1）匿名函数：       (function(){})是一个标准的函数定义，但是没有赋值给任何变量。所以是没有名字的函数，叫匿名函数。没有名字就无法 ...
JS前端积累源码解析 
青春..荒唐 评论(0) 有714人浏览 2018-09-03 16:50

JavaScript的语音识别

有没有想过给您的网站增添语音识别的功能？比如您的用户不用点鼠标，仅仅通过电脑或者手机的麦克风发布命令，比如"下拉到页面底部”，或者 ...
JavaScript语音识别前端开发语音 
JerryWang_SAP 评论(0) 有3056人浏览 2018-09-02 10:03

Javascript设计模式系统讲解与应用

Javascript设计模式系统讲解与应用 网盘地址：https://pan.baidu.com/s/1OCKYdN1t56O_7b41VF1nHA 密码：yva5 备用地址（腾讯微云）：https://share.weiyun.com/5lCyCnB 密码：wrruv3 从“写好代码”到“设计代码”的过程，不仅是技术的提升，更是编程思维的提升，而这其中最关键的就是设计模式，是否理解并掌握设计模式 ...
设计模式javascript
晴天豆豆 评论(0) 有1099人浏览 2018-08-31 09:37

最近博客热门TAG

HTML(59043) JavaScript(54918) Web(54513) CSS(23971) jQuery(19234) Flash(19042) Ajax(18943) Flex(14085) EXT(14011) UI(11211) json(9986) prototype(7832) Adobe(5823) XHTML(5459) HTML5(4513) DWR(3402) GWT(3220) AIR(2592) fckeditor(1554) Dojo(1458)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics