js
关注
分享
扫一扫
最帅程序员
我已经弃耕了，去掘金了，老铁们，链接：https://juejin.im/user/5c107ca36fb9a049dc02197a
展开
-
判断滚动条到底部的JS代码
判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight//滚动条在Y轴上...原创 2018-02-16 18:35:39 · 178 阅读 · 0 评论 -
vue 异步组建处理路由
import SwLoading from '@/components/sw-loading' import env from '@/common/env' let arrRouter = [ { name: 'AAAAA', url: 'page-aaaaa' }, { name: 'bbbbb', url: 'page-bbbb' }, ]; /** ...原创 2018-07-21 19:08:51 · 1012 阅读 · 0 评论 -
修饰器
修饰器 就是面向对象 修饰器模式 在不改变原类的基础上给其添加功能function a(){ console.log("a")}class b(){ console.log("b")}console.log(a(new b()));等同于@aclass b(){ console.log("b")}function a(){ ...原创 2018-08-16 14:27:55 · 224 阅读 · 0 评论 -
Reflect.ownKeys(obj) 和 Object.keys(obj) 区别
Object.keys() returns an array of strings, which are the object's own enumerable properties.Reflect.ownKeys(obj) returns the equivalent of:Object.getOwnPropertyNames(target). c...原创 2018-08-17 15:52:05 · 996 阅读 · 0 评论 -
JavaScript 深度优先遍历 广度优先遍历 && DOM应用方法
深度优先遍历的递归写法function deepTraversal(node) { var nodes = []; if (node != null) { nodes.push(node); var children = node.children; for (var i = 0; i < children.leng...原创 2018-12-13 15:33:18 · 591 阅读 · 0 评论 -
es6 Map set应用
// 我想要评论！！！// 我想要赞！！！// 看过的帅哥美女们，点一下，谢谢！！！！import React, { Component } from 'react';import { Button, message, Spin } from 'antd';import { connect } from 'react-redux';import { CrModal, CrTa...原创 2019-02-27 10:27:21 · 519 阅读 · 1 评论 -
js 理解
https://blog.sessionstack.com/tagged/tutorial原文追踪 预览https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cfjs 引擎(engine) 运行(runtime) 堆栈(call stack) 概览https://b...原创 2019-03-18 11:07:07 · 247 阅读 · 0 评论 -
js面向对象整理
webpack环境配置npm initnpm i 安装webpack npm i webpack webpack-cli -D创建webpack.dev.config.js 定义入口文件 出口文件 npm i 看效果搭建服务 输出编译模板npm i webpack-dev-server -D引入node内置模块 path 输出html模板npm i ht...原创 2018-07-21 16:15:42 · 190 阅读 · 0 评论 -
前端存储之 Web SQL
web sql的简单的增删改查demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,ma原创 2018-07-20 11:59:10 · 2085 阅读 · 1 评论 -
防抖动与节流 防止事件频繁触发
针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。因此针对这类事件要进行防抖动或者节流处理防抖动它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成 一次，并在给定时间过去之后仅被调用一次。// 将会包装事件的 debounce 函数function d...转载 2018-03-05 13:04:45 · 1128 阅读 · 0 评论 -
iscroll原理
做过移动端开发的应该多少听过iscroll，iscroll是用来模拟移动端滚动效果的库iscroll的出现移动app的布局一般是顶部header+固定高度内容区+footer这种需求在PC端很简单，header、footer用固定定位，content设置上下margin和overflow:scroll，就ok了，木有啥问题但是在移动端，首先关于position:fixed，这篇文章对于fixed属...转载 2018-03-05 13:07:13 · 631 阅读 · 0 评论 -
JavaScript 节流函数 Throttle 详解
在浏览器 DOM 事件里面，有一些事件会随着用户的操作不间断触发。比如：重新调整浏览器窗口大小（resize），浏览器页面滚动（scroll），鼠标移动（mousemove）。也就是说用户在触发这些浏览器操作的时候，如果脚本里面绑定了对应的事件处理方法，这个方法就不停的触发。这并不是我们想要的，因为有的时候如果事件处理方法比较庞大，DOM 操作比如复杂，还不断的触发此类事件就会造成性能上的损失，导...转载 2018-03-21 10:37:43 · 295 阅读 · 0 评论 -
百度地图API，用户拒绝获取地理位置getStatus()还是等于BMAP_STATUS_SUCCESS
//获取定位信息 var map = new BMap.Map("allmap"); // var point = new BMap.Point(108.95,34.27); // map.centerAndZoom(point,12); var geolocation = new BMap.Geolocation(); ...原创 2018-04-19 11:40:08 · 3438 阅读 · 0 评论 -
竖向文字 js 无缝滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-05-22 09:23:11 · 1308 阅读 · 0 评论 -
filter blur 实现 模糊图片效果
<img src="img.jpg" class="blur" />css 如下：.blur { filter: blur(6px); -webkit-filter: blur(6px); /* chrome, opera */ -ms-filter: blur(6px); -moz-filter: blur(6px); filter:progi...原创 2018-05-30 15:50:18 · 1603 阅读 · 0 评论 -
xss攻击总结
xss攻击可以分成两种类型：非持久型xss攻击：顾名思义，非持久型xss攻击是一次性的，仅对当次的页面访问产生影响。非持久型xss攻击要求用户访问一个被攻击者篡改后的链接，用户访问该链接时，被植入的攻击脚本被用户游览器执行，从而达到攻击目的。持久型xss攻击：持久型xss，会把攻击者的数据存储在服务器端，攻击行为将伴随着攻击数据一直存在。可以分为三类:反射型：经过后端，不经过数据库存储型：经过后端...原创 2018-07-09 17:59:12 · 790 阅读 · 0 评论