博客首页 → JS

最新文章列表

原生JS实现瀑布流效果

【前言】    近期开始讲到高阶JS，为了提高学习兴趣，再讲点特效。本次简单总结下JS实现瀑布流特效    样式特点：      （1）呈现出等宽不等高，参差不齐排列      （2）拖动滚动条时会不断加载新数据，甚至可以无限往下拖动，一直拖一直加载新数据    实现方案：       ①原生JS；②jQuery库；③CSS3的多栏布局   【主体】    直接上代码，具体意思 ...
JS笔记随笔前端积累教学笔录常见特效 
青春..荒唐 评论(0) 有2715人浏览 2018-12-23 14:28

原生JS之lastChild和lastElementChild、childNodes和children区别

【前言】     最近讲课讲到DOM操作和遍历，之前讲课只讲了普通获取节点方法，今天又讲了个升级版。这里备注下，以后再讲课强调下   【主体】 ...
JS教学笔录学生提问前端积累 
青春..荒唐 评论(0) 有1730人浏览 2018-12-22 14:55

jquery插件——仿新浪微博限制输入字数的textarea

【前言】     记录一款特效，以后讲课讲解下   【主体】 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jque ...
教学笔录JS常见特效jQuery 
青春..荒唐 评论(0) 有952人浏览 2018-12-19 13:44

不同编程语言在发生stackoverflow之前支持的调用栈最大嵌套层数

今天我的一位同事在微信群里发了一张图片，勾起了我的好奇心：不同编程语言支持的函数递归调用的最大嵌套层数是？   Java 1.8 private static void recur(int i){ System.out.println("Stack level: " + i); recur(++i); } 测试结 ...
ABAPJAVAJavascriptPHPGoLang 
JerryWang_SAP 评论(0) 有724人浏览 2018-12-18 21:39

javascript 驼峰算法

'___aaa__bbb__ccc___'.replace(/(^[_]+)|([_]+$)/g,"").replace(/[_]+(.{1})/g,function(res,$1){ return ($1).toUpperCase(); })  
javascript驼峰 
walker_v5 评论(0) 有2193人浏览 2018-12-13 18:22

window下升级node版本

前言:使用vue-cli 搭建项目时,Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 安装方法: 1.查看node版本； node -v 2.查看node 所在位置； where node 3.node官网下载最新版本； https://nodejs ...
JavaScriptnode 
彭天赋 评论(0) 有3398人浏览 2018-12-12 19:33

js setTimeout setinterval传递参数问题（参数是对象，不是字符串）

不客气了,老夫直接上代码了： <script> function main(data,closeFunction){ window.setInterval(test(test1, data,closeFunction), 3000); } function test1(data,closeFunction){ alert(data.name); clo ...
jsjquerysettimeoutsetInterval 
a418040445 评论(0) 有561人浏览 2018-12-11 17:22

浅谈JS事件绑定

在JavaScript中，经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？ 事件 ...
JS笔记随笔教学笔录前端积累 
青春..荒唐 评论(0) 有610人浏览 2018-12-09 19:26

JS中的事件委托 / 代理详解

【前言】       事件委托/代理是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的   【主体】       概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔 ...
教学笔录笔记随笔JS前端积累 
青春..荒唐 评论(0) 有752人浏览 2018-12-09 19:24

indexOf 和 lastIndexOf的区别

【前言】       这里简单总结下数组操作------查找数组元素indexOf()和lastIndexOf()两者的区别   【主体】        indexOf 和  lastIndexOf 是什么？ 　　indexOf 和 lastIndexOf 都是索引文件 　　indexOf 是查某个指定的字符串在字符串首次出现的位置（索引值） （也就是从前往后查）   eg： ...
教学笔录JS前端积累笔记随笔 
青春..荒唐 评论(0) 有838人浏览 2018-12-09 15:51

拼接代码js传参问题

  js函数中传参不了由于没加 ''             if(null !=shiroupdate && shiroupdate == '1'){ //                            str += '<button type="button"  onclick="alertUpdateWindows('+ ...
js 
y806839048 评论(0) 有422人浏览 2018-12-07 10:38

原生JS实现简单放大镜效果

【前言】     本文介绍下原生JS实现简单图片放大镜效果   【主体】    时间问题，直接上源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>放大镜</title> <style type=&qu ...
JS笔记随笔前端积累教学笔录 
青春..荒唐 评论(0) 有647人浏览 2018-12-06 23:12

原生JS实现动态返回顶部

【前言】       经常看到网页中有回到顶部的效果，今天也研究一下回到顶部有哪些方法。众所周知，用锚链接是实现回到最简单的方法，但是从用 ...
教学笔录JS笔记随笔前端积累 
青春..荒唐 评论(0) 有1870人浏览 2018-12-05 22:41

VueJS 组件参数名命名与组件属性转化

转自：https://www.cnblogs.com/meiyh/p/6594017.html 　　VUE中命名有两种形式，camelCase（驼峰式） 和. kebab-case（短横线式）。由于HTML 特性是不区分大小写，所以无法使用camelCase（驼峰式）命名。所以，当使用的不是字符串模版时，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case ...
javascriptvue.js 
wallimn 评论(0) 有2052人浏览 2018-12-03 00:00

JS中for循环出现的问题：如何给li元素绑定事件，点击每个li元素弹出对应的索引？

【前言】       学生练习轮播时遇到一个问题，就是在HTML中写了四个< li >标签，想给每个li 绑定一个点击事件，通过点击每个li ,弹出它对应的索引。但是运行的时候发现点击任何一个li都弹出的是4，而不是对应的li索引   【主体】       页面代码：   <!DOCTYPE html> <html> <head> ...
JS笔记随笔前端积累教学笔录学生提问 
青春..荒唐 评论(0) 有2160人浏览 2018-12-02 20:06

EasyUI动态改变输入框width

function changeEUIBoxWidth(id, width){ $('#'+id).parent().find($('span:eq(0)')).css('width',width+'px'); $('#'+id).parent().children("span").eq(0).css('width',width+'px'); $.parser.pa ...
EasyUIJavaScriptwidth 
liuxiaokeep 评论(0) 有1568人浏览 2018-11-26 16:59

js根据名称获取URL参数值

function getUrlParam(name) {   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象    var r = window.location.search.substr(1).match(reg);  // ...
js 
alone_so 评论(0) 有548人浏览 2018-11-26 10:13

ABAP system landscape和vue项目webpack构建的最佳实践

基于Netweaver的ABAP transport route一般都有dev，test和prod三种类型的系统。   而Vue前端项目的webpack build设置也类似。 以SAP成都研究院数字创新空间开发的智能服务前端实现为例, 在package.json里定义了名为dev和build两个script： "scripts": { " ...
ABAPweb-packjavascriptvuevuejs 
JerryWang_SAP 评论(0) 有770人浏览 2018-11-24 23:21

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