JS
关注
分享
扫一扫
文章平均质量分 83
山间有水
不想成为大佬的小菜鸟不是好菜鸟
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
模仿Parallax写一个简单的视差效果
前言之前写项目的时候一个需求效果是两个元素需要有一个视差特效，使用的是Jquery的Parallax插件，只是为了学习一下，主要原理就是通过监听鼠标移动事件，来修改指定元素的left,top值。样例如下：代码DOM结构// 希望哪个元素有视差效果，就设置clss类为parallax_item，设置data-deep值越大，移动的幅度越小<div id="div1" class="...原创 2019-12-20 16:35:04 · 419 阅读 · 0 评论 -
JS中数组扁平化方法
要求将多维数组转化为一维数组let arr =[1,[2,[3,[4,5]]],6]let str = JSON.stringify(arr)1、调用ES6中的flat方法let ary = arr.flat(Infinity)console.log(ary) //[1,2,3,4,5,6]2、replace+splitlet ary = str.replace(/(\[|\...原创 2019-11-08 09:58:54 · 287 阅读 · 0 评论 -
vue项目中监听鼠标滚轮事件
描述通过鼠标向下滚动或者向上滚动做相应的事件代码<div class="container-box" @wheel="handleWheel"></div> //节流函数 throttle (fn, gapTime) { let _this = this return function () { let _nowTime...原创 2019-11-02 21:05:27 · 4129 阅读 · 0 评论 -
window对象的方法和属性
window对象的方法和属性汇总window对象有以下方法：open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop pri...转载 2018-07-31 16:08:14 · 548 阅读 · 0 评论 -
LeetCode Next Greater Element I(下一个大元素I)
题目描述：You are given two arrays(without duplicates)nums1andnums2wherenums1’s elements are subset ofnums2. Find all the next greater numbers fornums1's elements in the corresponding places ofn...原创 2019-03-29 10:49:23 · 194 阅读 · 0 评论 -
【LeetCode】【JavaScript】144. Binary Tree Preorder Traversal
题目描述：Given a binary tree, return thepreordertraversal of its nodes' values.Example:Input:[1,null,2,3] 1 \ 2 / 3Output:[1,2,3]翻译就是：给定一个二叉树，返回其节点值的先序遍历。复习一下树的几种遍历先序...原创 2019-04-26 15:21:23 · 243 阅读 · 0 评论 -
【leetCode】【javascript】997. Find the Town Judge找到小镇的法官
题目描述：In a town, there areNpeople labelled from1toN. There is a rumor that one of these people is secretly the town judge.If thetown judge exists, then:The town judge trusts nobody. Every...原创 2019-04-29 10:28:29 · 414 阅读 · 0 评论 -
数据结构---图【JavaScript】
数据结构--图一、图的概念及实现1、概念：图是一种计算机中使用广泛的结构图分为有向图和无向图2、表示方法1）用邻接矩阵表示无向图，邻接矩阵缺点：a.非常浪费计算机内存。b.添加和删除点很麻烦2)邻接表表示无向图3、邻接表的实现方式var Graph = function(){ //存储顶点用数组表示 ...原创 2019-04-29 10:41:13 · 230 阅读 · 0 评论 -
【剑指offer】二维数组中的查找【JavaScript】
题目描述：在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。首先想到的第一个办法就是for循环function Find(target, array){ for(var i=0;i<array.length;i++){ ...原创 2019-05-22 16:52:36 · 205 阅读 · 0 评论 -
JS获取嵌套数组对象中的某个key对应的值
前端面试的时候遇到一道需要现场写代码的题，如下比如一个数组arr = [{hr: [ "System Architect", "$3,120", "2011/04/25" ], office: "Edinburgh", "extn": "5421"}，{name:'hongyi'}，[1,2,3]]就先按照这个样例来吧，如果我要获取name的值改怎么写一个函数呢本人能力有限，写的...原创 2019-07-27 15:03:20 · 19288 阅读 · 3 评论 -
canvas圆形进度球html5水波动画特效
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>canvas圆形进度球html5水波动画特效</title> <style type="text/css"> #c { ...原创 2019-09-14 18:50:23 · 1224 阅读 · 0 评论 -
Leetcode数据结构-----栈
Valid ParenthesesGiven a string containing just the characters '(', ')', '{', '}', '[' and ']', determine if the input string is valid.An input string is valid if:Open brackets must be closed b...原创 2019-03-28 19:45:41 · 183 阅读 · 0 评论 -
Leetcode中Minimum Add to Make Parentheses Valid用js实现
题目描述：Given a stringSof'('and')'parentheses, we add the minimum number of parentheses ('('or')', and in any positions ) so that the resulting parentheses string is valid.Formally, a parent...原创 2019-03-31 16:27:56 · 175 阅读 · 0 评论 -
Leetcode中用Js实现Next Greater Element II
题目描述Given a circular array (the next element of the last element is the first element of the array), print the Next Greater Number for every element. The Next Greater Number of a number x is the fir...原创 2019-03-30 08:29:05 · 211 阅读 · 0 评论 -
js中window.onload
window.onload事件会在页面加载完成后触发。示例： window.onload示例 window.onload = function(){ alert('页面加载完成'); } alert('页面尚未加载完成,页面内容不显示'); 页面内容转载 2017-04-22 11:03:53 · 606 阅读 · 0 评论 -
JS中栈内存和堆内存的区别
首先JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。1、基本类型 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的。转载 2017-07-13 17:45:30 · 1254 阅读 · 0 评论 -
JS中apply()与call()的区别
Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和cal转载 2017-08-16 10:46:15 · 320 阅读 · 0 评论 -
js基础入门的一些简单效果
一。当鼠标浮上时有提示：效果原理是:鼠标移上display为block,鼠标移走display为none;用js事件当......的时候：onmouseover,onmouseoutalert的使用获取元素：1.id;2.doucument.getElementById<!DOCTYPE html><html lang="en"><head> <meta...原创 2018-03-06 16:07:02 · 1167 阅读 · 0 评论 -
JS获取button元素实现点击事件
要实现将文本框中的内容通过点击创建按钮把内容显示在下面，代码如下在这个代码中，如果想获取button标签的话就应var oBtn=document.getElementsByTagName('button')[0];不然效果不能出来，...原创 2018-04-04 11:26:36 · 25206 阅读 · 1 评论 -
基于Bootstrap+jQuery.validate实现表单验证
基于Bootstrap+jQuery.validate实现表单验证作者：klguang这篇文章主要为大家详细介绍了基于Bootstrap+jQuery.validate实现表单验证，感兴趣的小伙伴们可以参考一下这大概是一种惯例，学习前台后台最开始接触的业务都是用户注册和登录。现在社会坚持以人为本的理念，在网站开发过程同样如此。User是我们面对较多的对象，也是较核心的对象。最开始的用户注册和登陆这...翻译 2018-05-10 11:05:19 · 1271 阅读 · 0 评论 -
仿淘宝的详情页图片切换
鼠标放在小图片上，上面的大图会切换到相应的图片html代码：css代码：js代码：原创 2018-05-10 17:22:50 · 4466 阅读 · 0 评论 -
基于Bootstrap的地区选择器
代码如下：main.js的代码$(function () {'use strict';var $distpicker = $('#distpicker');$distpicker.distpicker({province: '福建省',city: '厦门市',district: '思明区'});$('#r...原创 2019-03-09 20:59:17 · 2140 阅读 · 0 评论 -
HTML,form表单中input框点击提交问题
问题：在form表单中，input框按回车会自动触发form提交表单问题说明：（以下情况都是在form表单中） 1.默认情况下，单个输入框，无论按钮的type类型是submit还是button或是没有button，按回车就会自动提交2.当button的type="submit"时，无论有几个文本输入框，回车均提交（butto...原创 2019-03-09 21:00:24 · 2936 阅读 · 0 评论 -
npm ERR
学习node的时候需要下载模板引擎art-template,就用npm下载，但是出现错误npm ERR! Unexpected end of JSON input while parsing near '...,"1.3.0":{"name":"ugl'还有一行，忘记截屏了最终结构就是导致下载不成功解决办法：打开cmd 运行npm cache clean --for...原创 2019-03-19 15:21:51 · 228 阅读 · 0 评论 -
JS的几种写法
常见写法:function Test(){alert("test");}调用:Test()匿名函数：var test=function(){alert("test");}调用:test(); 写法3：(function () { alert('test'); })();写法4：var Test = {test1:funct转载 2017-04-21 21:46:51 · 680 阅读 · 0 评论