javascript
小白变怪兽
这个作者很懒,什么都没留下…
展开
-
js常用工具方法集合
如何将浮点数点左边的数每三位添加一个逗号,如12000000.11转化为『12,000,000.11』?function formatNumber(value) { var re = /^(\-?)(\d{1,3}(,\d\d\d)*(\.\d+)?|\d+(\.\d+)?)$/; if (!re.test(value)) { return value;...原创 2018-03-02 14:27:35 · 3509 阅读 · 0 评论 -
JS设计模式之 ------ 策略模式
策略模式原创 2022-01-17 09:37:34 · 971 阅读 · 0 评论 -
判断是否在微信内置浏览器中打开网页
问题描述由于微信浏览器中无法打开外链,因此要想在微信内置浏览器中点击按钮下载是无法成功的,这时候我们就需要判断是否处于微信内置浏览器中,从而做出不同的提示。如下图所示:判断是否微信内置浏览器的代码const ua = window.navigator.userAgent.toLowerCase()let isWeixin = ua.indexOf('micromessenger') != -1; if(isWeixin) { // 微信内置浏览器内的操作 }else {原创 2021-11-25 10:06:50 · 1386 阅读 · 0 评论 -
vuecli4配置公共scss样式文件
一、安装sass-resources-loadernpm install sass-resources-loader二、更改vue.config.js配置module.exports = { chainWebpack: config => { const oneOfsMap = config.module.rule('scss').oneOfs.store oneOfsMap.forEach(item => { item原创 2021-06-18 17:15:23 · 442 阅读 · 0 评论 -
js动态生成二维码
拷贝如下代码即可看到效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-06-18 16:43:28 · 363 阅读 · 0 评论 -
vue项目 --- RSA加密
1. 安装 jsencryptnpm install jsencrypt --save2. 在main原创 2021-06-14 22:28:48 · 154 阅读 · 2 评论 -
动态插入script
let script = document.createElement(“script”);script.type = “text/javascript”;if (typeof(callback) != “undefined”) {if (script.readyState) {script.onreadystatechange = function() {if (script.readyState == “loaded” || script.readyState == “complete”) {原创 2020-08-27 21:15:50 · 927 阅读 · 0 评论 -
js自适应rem -- 主要适用于移动端
rem 设计稿 移动端原创 2017-12-18 18:52:05 · 7723 阅读 · 0 评论 -
js面试题
js面试题原创 2016-08-31 23:29:11 · 3785 阅读 · 4 评论 -
js实现数组去重的三个方法、数组的快速排序
数组去重方法/校验数组是否有重复项原创 2016-03-29 11:43:46 · 9398 阅读 · 3 评论 -
JS实现时间格式的各种转化记录
js 实现各种时间格式转化原创 2017-07-14 17:24:13 · 1438 阅读 · 0 评论 -
post下载、返回Base64下载
大多数时候我们都是通过get实现下载,那如果需要通过post实现呢?下面就来记录一下post实现下载的代码://url 请求地址//obj 传入的参数downloadExcel(url, obj) { let tempForm = document.createElement('form'); // var token = window.token ||...原创 2018-04-02 19:24:47 · 2447 阅读 · 1 评论 -
二分法查找
function search(arr, key) { var left = 0; var right = arr.length - 1;while(left &lt; right){ var middle = (left + right)/2; console.log(left, right, middle); if(key == arr[mid...原创 2018-06-15 11:59:11 · 1107 阅读 · 0 评论 -
webSocket应用demo
很多项目中都有涉及实时通信的需求,比如:页面中有一栏未读消息个数,就需要后台实时的将对应消息的个数反馈给前端下面我们就以一个简单的demo来了解一下webSocket:1.安装websocketd ,brew install websocketd(以MAC为例)2.新建gree.sh文件:每隔一秒返回一个数据#!/bin/bashfor ((COUNT = 1; COUNT ...原创 2018-07-17 17:31:26 · 1257 阅读 · 0 评论 -
Echarts默认显示ToolTip
如下图所示, 默认情况是当我们鼠标滑过的时候才会出现现在有个需求,想要在页面初始化的时候, 默认就展示某一个点上的数据,这要怎么处理呢, 接下来就让我们一起来看看具体的实现代码。说明:下面以在VUE中的一个例子来说明<template> <div class="chart-trend-money-main" ref="chartBox"></div>&...原创 2018-11-07 16:39:53 · 28666 阅读 · 10 评论 -
记录一个在开发过程中遇到过的问题:Blob 类型转成JSON
问题描述:需要实现点击导出WORD文件功能, 有两种情况如果符合导出条件, 后端直接返回数据流,如下图所示的一堆看不懂的东西:不满足导出条件, 则后端返回JSON, 并附上失败原因, 前端需要将失败原因展示出来eg:{ "resultCode":-1, "resultInfo”:”我是失败原因”, "data":null}开发过程:一开始就只...原创 2018-11-20 17:31:40 · 6314 阅读 · 0 评论 -
函数防抖
什么是函数防抖?简单来说,函数防抖指的是多次触发事件,事件处理函数只执行一次;应用场景:在连续点击查询按钮情况下或者缩放屏幕要触发某个事件等等;实际应用:下面来介绍两种实现方法:点击按钮的最后触发时间(1)初始化timer为null(2)在初次点击查询按钮的时候, 给timer赋值(赋值函数中触发事件的调用)(3) 如果再次点击那会,timer已经有值, 那就先清除timer再...原创 2018-11-23 18:44:03 · 1956 阅读 · 0 评论 -
json-server实现mock数据(一)
1.安装npm install json-server --save-dev2.应用2-1.新建一个文件db.json(用来写返回接口数据)// db.json { news: { “a”: 1 } }2-2.新建server.js文件 // server.js const jsonServer = require('json-...原创 2019-01-09 16:22:11 · 2640 阅读 · 0 评论 -
对象的深浅拷贝方法
Object.assign() JSON.parse(JSON.stringify())深拷贝/浅拷贝原创 2017-08-02 23:27:16 · 1018 阅读 · 0 评论 -
ECharts使用从0到1 -- 以vue-echarts为例
vue vue-echarts echarts原创 2017-06-07 19:45:42 · 19299 阅读 · 2 评论 -
正则表达式实现简单的邮箱格式验证
这里以qq邮箱为例子:var pattern = /^([\w]+)@([\w]+)\.([a-zA-Z]{2,4})$/;原创 2016-01-10 23:22:11 · 1440 阅读 · 0 评论 -
输入框内只能输入数字,输入其他内容不显示
只能输入数字,Event.returnValue原创 2016-07-12 16:18:12 · 2916 阅读 · 0 评论 -
编写可复用的无缝滚动轮播图
无缝滚动原创 2016-06-21 09:54:03 · 1666 阅读 · 0 评论 -
javascript小知识点纪录
date原创 2016-10-26 15:28:14 · 308 阅读 · 0 评论 -
正则表达式学习
正则 表达式原创 2016-10-22 00:03:06 · 358 阅读 · 0 评论 -
基于HTML模板和JSON数据的JavaScript交互
html模板原创 2016-09-05 23:28:04 · 4081 阅读 · 0 评论 -
缓动动画应用在导航上
缓动动画 导航原创 2016-11-11 00:36:37 · 356 阅读 · 0 评论 -
仿京东详情页商品图片查看
仿京东详情页商品图片查看 事件对象 pageX pageY原创 2016-11-12 00:43:45 · 4330 阅读 · 0 评论 -
用javascript编写网页版计算器
javascript网页计算器原创 2016-11-02 00:45:50 · 4557 阅读 · 0 评论 -
关于原生js的位置操作以及尺寸操作
原生js的位置以及尺寸操作 —— offset scroll client原创 2016-11-19 00:26:34 · 1554 阅读 · 1 评论 -
原生js利用鼠标滚轮实现滚动到当前页面实现动画效果
滚滚屏 原生js 动画 滚轮 mousewheel原创 2016-12-04 23:53:41 · 14669 阅读 · 0 评论 -
鼠标滚轮滚动控制页面显示和页面动画
滚滚屏 动画 鼠标滚动 页面显示原创 2016-11-22 16:36:57 · 4603 阅读 · 1 评论 -
正则表达式知识点整理
正则表达式知识点 test exec replace原创 2017-02-07 00:02:37 · 728 阅读 · 1 评论 -
js面试题--红绿灯切换效果
红绿灯切换效果原创 2017-03-03 01:23:05 · 8022 阅读 · 0 评论 -
跨域解决方法之window.name
window.name 跨域请求 方法原创 2017-02-24 23:54:25 · 10143 阅读 · 0 评论 -
iframe(2) --- 动态设置iframe高度
iframe 动态设置iframe高度原创 2017-05-23 13:11:08 · 8821 阅读 · 2 评论 -
iframe(1) --- 判断页面是否被嵌套在iframe里
iframe 判断页面是否被嵌套在iframe里原创 2017-05-22 15:18:31 · 8970 阅读 · 0 评论 -
javascript根据输入的本金实时计算本息和
近年来互联网金融行业发展迅速,相应的在网站上关于计算本息和的功能实现也越来越常见。今天我们就来学习一下这个简单却很实用的功能。首先我们用html布局出一个简单的案例,如下图所示:html代码如下所示:<body> <ul> <li> <p class="up">借款金额</p> <p id="ca原创 2015-09-14 14:28:17 · 2528 阅读 · 0 评论