博客首页 → JS

最新文章列表

返回顶部的几种方案

【前言】     本文简单说下常见的几种返回顶部的方案   【主体】     （1）锚点     使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后我们在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置。     缺点：URL后面会添加锚点名 <!-- 定义一个名称为top的锚点链接 --> ...
前端积累常见特效教学笔录笔记随笔JS 
青春..荒唐 评论(0) 有710人浏览 2019-03-02 14:28

tip:数值型id导致的程序异常

近期出现个问题很有意思，最后排查结果 发现是id为数值引起的 数值型id在后端java程序中运行没有问题，到前端javascript中，再提交时id发生了变化导致后续操作出现问题。 现象： 后端查询出的id：137669152286260001，经过前端js提交后id：137669152286260000
javascript 
l7980 评论(0) 有382人浏览 2019-02-25 13:04

杂 项

>判断邮箱规则的正则表达式： var patt = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; patt.test("The best things in life are free!")     >如果桌面的编程环境比较多，用ubuntu > ...
javajavascriptsql 
wyzuomumu 评论(0) 有670人浏览 2019-02-22 17:11

attachEvent兼容各浏览器事件（DOM2级事件的兼容处理）

【前言】     本文简单介绍下attachEvent兼容各浏览器事件（DOM2级事件的兼容处理）   【主体】     直接上代码： <button id="btn">按钮</button> <script type="text/javascript"> window.onload = fu ...
教学笔录学生提问笔记随笔JS前端积累 
青春..荒唐 评论(0) 有1064人浏览 2019-02-18 11:40

Kute一个非常好用的Javascript动画框架

  Kute是一个非常小的Javascript原生动画引擎，并提供一个jquery的插件。Kute提供了贝赛尔曲线的缓动函数，基于物理特征的缓动函数。他的原型结构让Kute不但突显了它的高性能和灵活性，同时也支持大部分的基础CSS/CSS3属性，稳定，坚固，文档丰富（笔者注： 我怎么没觉得）。   现在Kute最新的版本是1.6.6，使用npm加载，可以使用   "kute.j ...
javascript 
tntxia 评论(0) 有2071人浏览 2019-02-17 18:37

JS字符串比较大小

【前言】       本文简单概括下JS中字符串比较大小的注意事项   【主体】       （1）大于(>)，小于(<)运算符             JS字符串在进行大于(小于)比较时，会根据第一个不同的字符的ASCII值码进行比较，情况分为多种             ①当数字跟字符串进行数学运算时(不光是>,<,=,还包括+-*/等运算)，会把字符串转换 ...
笔记随笔教学笔录JS学生提问 
青春..荒唐 评论(0) 有1200人浏览 2019-02-16 11:30

使用AST快速解决css代码重构问题

抽象语法树（AST）相信很多从事后端开发的同学都已经很了解了，得益于nodejs这两年的发展，很多前端同学也对AST有所研究，像近两年出现的小程序开发框架wepy mpvue等确实解决了不少前端开发中的实际问题，像mpvue这种框架的原理是什么，其中比较核心的功能就是使用AST来完成js,html,css的编译，趁着年初不忙，对去年一个项目中AST的应用做下简单分享，高手勿喷哈！   先说下 ...
cssjscss-tree 
a19905522 评论(0) 有666人浏览 2019-02-14 11:26

if条件后加大括号{}和不加大括号{}的区别

【前言】     本文简单说下if() 加大括号 和不加大括号有什么区别     简单点：有括号的话，if语句控制{}里面的所有语句，没括号的话，if语句只控制最近的一行。每句代码以分号 ; 分隔开来。   【主体】     先来看个简单的例子   demo1（if语句后跟完整语句）：   if(1<2){var a = 10,b=20,c=30;} console.l ...
笔记随笔JS前端积累教学笔录学生提问 
青春..荒唐 评论(0) 有2928人浏览 2019-02-12 15:22

150行JavaScript代码实现增强现实

增强现实技术（Augmented Reality，简称 AR），是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。这种技术1990年提出。随着随身电子产品CPU运算能力的提升，预期增强现实的用途将会越来越广。 本文介绍使用JavaScript开源框架AR.js实现的增强现实的Hello World例子。 先看效 ...
增强现实AR虚拟现实JavaScript前端 
JerryWang_SAP 评论(0) 有1617人浏览 2019-01-26 10:59

正则验证案例（1）

【前言】       本文简单介绍下利用自定义属性进行正则验证，下篇文章再进行封装   【主体】   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <style type=&q ...
教学笔录笔记随笔前端积累学生提问JS 
青春..荒唐 评论(0) 有1017人浏览 2019-01-25 09:33

纯JS实现点击区域外隐藏元素

【前言】     本文分享个常见的特效，点击其他区域即元素外时隐藏元素。   【主体】     主要利用event事件对象（事件源）和冒泡实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title&g ...
笔记随笔前端积累常见特效教学笔录JS 
青春..荒唐 评论(0) 有2087人浏览 2019-01-23 15:30

一个SAP开发人员的2018年终总结

我是SAP成都研究院的Jerry Wang，我喂自己袋盐。   时间过得真快，2017年发生的事情还历历在目，一转眼，2018年又马上要结束了。 Jerry惊恐地发现，随着年龄的增长，时光流逝的速度仿佛有加快的趋势。因此，年终的记录显得更为重要。把自己一年做的无论工作还是生活上的事情梳理一遍，若干年后来回味，一定非常有意思。 2017年，Jerry的工作和生活，可以用这 ...
SAPSAP成都研究院ABAPJavaJavaScript 
JerryWang_SAP 评论(0) 有1223人浏览 2019-01-21 22:24

【js】javascript中的this作用域详解【转】

  Javascript中this的指向一直是困扰我很久的问题，在使用中出错的机率也非常大。在面向对象语言中，它代表了当前对象的一个引用，而在js中却经常让我觉得混乱，它不是固定不变的，而是随着它的执行环境的改变而改变。在Javascript中this总是指向调用它所在方法的对象。因为this是在函数运行时，自动生成的一个内部对象，只能在函数内部使用。 下面我们分几种情况深入分析this的用 ...
javascript 
omyyal 评论(0) 有413人浏览 2019-01-16 11:36

浅谈原生JS实现二级导航（优缺点与局限性）

【前言】       本文简单说下js实现二级导航   【主体】 （1） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS</title> <style type="text/css&quo ...
常见特效教学笔录JS笔记随笔前端积累 
青春..荒唐 评论(0) 有1516人浏览 2019-01-15 11:59

JS定义变量的3种方式var,let,const

【前言】     JS定义变量的3种方式，var、let、const   【主体】 （1）let方式 /* let声明 (1)let没有变量提升 (2)let不允许在相同作用域内，重复声明同一个变量，即无法修改。否则报错 console.log(x);//x is not defined let x = 0; let x =2; ...
JS笔记随笔前端积累教学笔录 
青春..荒唐 评论(0) 有1337人浏览 2019-01-08 11:48

javaScript全局函数

1. javaScript全局函数 1) javaScript全局函数 全局函数不属于任何一个内置对象。 JS包含以下7个全局函数，用于一些常用的功能： escape(),eval(),isNan(),isFinite(),parseFloat(),parseInt(),unescape(); Eval()方法：执行代码； <script type="text/j ...
javascript 
andrew7676 评论(0) 有516人浏览 2019-01-08 09:06

javaScript对象

1. javaScript对象 1) javaScript对象 1.1 JavaScript对象定义 1.2 JavaScript动态的添加属性和方法 1.3 JavaScript动态的删除属性和方法 1.4 JavaScript对象构造方法 <script type="text/javascript"> /* function spea ...
javascript 
andrew7676 评论(0) 有556人浏览 2019-01-08 09:05

javaScript处理DOM事件

1. javaScript处理DOM事件 1) javaScript处理DOM事件 <script type="text/javascript"> function clickOne(){ alert("点我干嘛？"); } </script> </head> <bo ...
javascript 
andrew7676 评论(0) 有502人浏览 2019-01-07 08:34

javaScript语法

1. javaScript语法 1) javaScript引入方式 <head> <meta charset="UTF-8"> <title>JavaScript引入方式</title> <script type="text/javascript"> alert("头 ...
javascript 
andrew7676 评论(0) 有523人浏览 2019-01-07 08:34

javaScript简介

1. javaScript简介 javaScript是直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。 <script type="text/javascript"> alert("JavaScript，你好！"); document.write("JavaScript，你好啊！& ...
javascript 
andrew7676 评论(0) 有481人浏览 2019-01-07 08:33

最近博客热门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