![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
oYuLian
这个作者很懒,什么都没留下…
展开
-
浏览器控制台 npm 安装
let pkg_name_origin = null;const npmInstall = (originName) => { // Trim string const name = originName.trim(); pkg_name_origin = name; // 三种引入方式 // 如果是一个有效的URL,直接通过<script />标签插入 if (/^https?:\/\//.test(name)) return injectScript(nam.原创 2021-11-24 22:24:50 · 474 阅读 · 0 评论 -
知识点
vue 为什么 使用数组的方法就可以更新UI和对象一样,也是使用了Object.defiendProperty() 的劫持var oldMethodPrototype = Array.prototype;var obj = object.creat(oldMethodPrototype);['push','pop','shift','unshift'].forEach(method=>{ object.definedProperty(obj,method,{ g原创 2021-03-11 16:34:48 · 86 阅读 · 0 评论 -
前端绘图-时序图
因为工作需要,这两天在尝试着给手里一些模块画时序图(Sequence Diagrams),一般画这种图的时候,我们第一反应会想到安装 IBM 的Rational Rose,但是我不想为了画这种图就去安装一个那麽庞大的企业级应用软件,不说使用的时候需要价格极其高昂的 License,就算使用盗版,也需要自己去网上到处找安装包,而公司的 WiFi 网络实在是太牵强,看看新闻查查 Google 还凑合...原创 2019-11-12 10:05:05 · 7046 阅读 · 0 评论 -
node爬虫小案例
1.创建文件加,并新建server.js文件2.定位到文件夹运行cmd npm init 3.安装依赖 npm install cheerio superagent –savevar http = require('http');var cheerio = require('cheerio');// var iconv = require('iconv-lite');var url = 'htt...原创 2018-06-07 15:43:16 · 331 阅读 · 0 评论 -
vue cli3 自定义配置
https://cli.vuejs.org/zh/config/#outputdir转载 2019-04-30 14:12:15 · 1080 阅读 · 0 评论 -
前后有顺序,二进制位运算
2的0次方 12的1次方 2.......1,2,4,8,16,32,643=0+1+2;1&3==1;0&3==0;2&3==2;原创 2019-04-29 14:31:06 · 608 阅读 · 0 评论 -
echart 颜色渐变
option = { tooltip : { trigger: 'axis' }, legend: { data:['邮件营销','联盟广告','直接访问','搜索引擎'] }, toolbox: { show : true, feature : { mark : {s...原创 2019-04-29 14:25:41 · 570 阅读 · 0 评论 -
js 字符串正则处理
1、js截取两个字符串之间的内容: var str = "aaabbbcccdddeeefff";str = str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee 2、js截取某个字符串前面的内容: var str = "aaabbbcccdddeeefff";tr = str.match(/(\S*)fff/)...转载 2019-04-26 14:34:00 · 1478 阅读 · 0 评论 -
js 前端文件分割上传和逐行读取
逐行读取 fileList = document.getElementById("file").files; file = fileList[0]; //console.log(file); console.time("sort"); v...原创 2019-04-12 15:31:46 · 1543 阅读 · 0 评论 -
setTimeout 和 promise 的输出顺序以及原理
1.console.log(1);setTimeout(function(){ console.log(2);})Promise.resolve().then(function() { console.log(3);}).then(function() { console.log(4);});//正确输出结果 : 1,3,4,2宏任务(task)和微...原创 2019-03-01 09:25:12 · 917 阅读 · 0 评论 -
高德地图标注点点击事件 自定义参数
init() { var provinces = this.provinces; if (!provinces || provinces.length == 0) { return false; } var hmap = { ...原创 2019-01-02 17:44:41 · 10602 阅读 · 1 评论 -
ios 页面刷新之前
//window.addEventListener("pagehi// video.onloadedmetadata = function() { // if (this.videoWidth / this.videoHeight >= 1.5) { // console.log("视频比较 宽"); ...转载 2019-05-13 19:35:51 · 477 阅读 · 0 评论 -
通过 JavaScript 获取移动设备的型号
我们一般在浏览器里识别用户的访问设备都是通过User Agent这个字段来获取的,但是通过它我们只能获取一个大概的信息,比如你用的是 Mac 还是 Windows,用的是 iPhone 还是 iPad。如果我想知道你用的是第几代 iPhone,这个方法就不行了,前段时间我正好有这个需求,识别移动客户端的具体型号(主要是 iOS 设备),于是思考了下这个问题的实现。首先,我跟大家一样想到了 ...转载 2019-05-10 13:51:00 · 534 阅读 · 0 评论 -
video 播放判断卡顿
用video监听一下timeupdate消息。这个消息在正常播放的时候会不停的触发。如果卡顿了,这个就不会触发了。判断间隔是1秒原创 2019-08-20 15:53:31 · 4439 阅读 · 0 评论 -
浅析浏览器中JavaScript中的线程、阻塞与事件
单线程世界里如何处理大量并发任务而不阻塞主线程的执行在做JavaScript开发时显得尤为重要。不过这不是今天的主题。既然浏览器中常常因为滥用JavaScript的事件而导致主线程阻塞,那我们就先来看看客户端JavaScript中的线程。线程的阻塞setTimeout 和 setInterval是JavaScript中的两个定时器,指定一定时间过后触发某某动作,常用于JavaScript制...转载 2019-05-27 10:41:53 · 1078 阅读 · 0 评论 -
hdevice js浏览器设备检测工具,判断andriod,iphone,ipad,pc,判断浏览器厂商和版本号,判断系统和系统版本
git地址:https://gitee.com/hcsy/hdevicehdevice介绍判断系统,系统版本,浏览器类型(chrome,uc,ie,edge,safari,opera),浏览器版本,是否在微信打开,设备(window,android,iphone,ipad),设备型号(iphone4,iphone5,iphone7,iphonex....,)暴露字段hdev...原创 2019-05-10 20:27:04 · 558 阅读 · 0 评论 -
原生js 上传 后台用c#接收
var ImgSize = $(e).parents("form").find("input[type='file']")[0].files[0].size; if ((ImgSize / 1048576) > 1) { ShowErrorTitle("文件大小不能超过1M"); return; } $("#" + id).ajaxSubmit(function原创 2017-05-03 16:59:02 · 876 阅读 · 0 评论 -
ant-mobile 起步之路
1.表单受控组件 const { getFieldProps } = this.props.form; <List renderHeader={() => ''} className="login-input"> <InputItem value="15757101751" clear {...getFieldProps('phone')} ty...原创 2018-07-31 10:27:05 · 1042 阅读 · 0 评论 -
js 数据类型(数组,对象,字符串)
1.数组*去重: 1.indexOf().2.const removeDuplicateItems = arr => [...new Set(arr)];removeDuplicateItems([42, 'foo', 42, 'foo', true, true]);//=> [42, "foo", true]130原创 2018-08-22 15:53:12 · 245 阅读 · 0 评论 -
js 调用 摄像头(只有没有安全限制的情况下才可使用)
<template> <div> <!--video用于显示媒体设备的视频流,自动播放--> <video ref="video" id="video" autoplay style="width: 480px;height: 320px"></video>原创 2018-09-06 15:04:19 · 1346 阅读 · 0 评论 -
百度地图使用 自定义标注的图标
var map = new BMap.Map("l-map", { mapType: BMAP_SATELLITE_MAP }); var point = new BMap.Point(add[0], add[1]); // 创建点坐标 map.centerAndZoom(point, 13); // 初始化地图,设置中心点坐标和地图级别原创 2017-05-25 09:27:37 · 4467 阅读 · 0 评论 -
纯前台js json导出到excel,不与后台交互
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery.min.js"></s转载 2017-07-06 14:47:29 · 2567 阅读 · 2 评论 -
my97时间选择
~ 交易时间 ~ 交易时间 ~原创 2017-04-22 11:06:35 · 499 阅读 · 0 评论 -
本例方法利用yeoman快速搭建React+webpack+es6脚手架由实践总结 一、安装最新的node.js 原博文是这样写说的 npm install -g n //首先安装n模块 n s
本例方法利用yeoman快速搭建React+webpack+es6脚手架由实践总结一、安装最新的node.js原博文是这样写说的npm install -g n //首先安装n模块 n stable //升级Node.js到最新稳定版 n 5.0.0 //或者指定版本升级 node -v //检查更新是否成功我自己是去重新下了一个最新版的node转载 2017-07-24 13:20:31 · 1007 阅读 · 0 评论 -
js new 发生了什么
原创 2017-08-02 10:48:52 · 744 阅读 · 0 评论 -
前端图片转base64并压缩上传
HTML代码:<input id="file" type="file">JS代码:var eleFile = document.querySelector('#file');// 压缩图片需要的一些元素和对象var reader = new FileReader(), img = new Image();// 选择的文件对象var file = null;// 缩放图片...转载 2018-05-22 10:57:38 · 1442 阅读 · 0 评论 -
vant 上拉加载和下拉刷新
1.使用vant中的list和PullRefresh组件import { PullRefresh,List } from 'vant';Vue.use(PullRefresh).use(List);2.代码demo <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> ...原创 2018-09-20 09:20:46 · 22354 阅读 · 8 评论 -
react 拖拽 modal ant design
转载 2018-11-06 16:39:46 · 1538 阅读 · 0 评论 -
浏览器插件形式将html转成pdf,将html转成图片
javascript: (function () { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); var script1 = document.createElement('script'); script.t...原创 2018-11-02 16:11:10 · 975 阅读 · 0 评论 -
破除网页不能复制限制
javascript:(function(){eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(...原创 2018-11-02 16:47:26 · 1415 阅读 · 0 评论 -
js 页面跳转到指定位置
document.getElementById('uuuu').scrollIntoView()原创 2018-10-30 14:51:11 · 3113 阅读 · 0 评论 -
hvalidate vue前端表单验证 表单验证
hvalidate项目介绍自定义vue指令,前端表单校验安装教程项目地址 https://gitee.com/hcsy/hvalidate 在vue项目中引入 import hvalidate from './js/hvalidate.js' Vue.use(hvalidate)3.本插件校验以下字段 let msgConfig = { ...原创 2018-10-23 14:13:29 · 440 阅读 · 0 评论 -
高德地图笔记
1.加点(多个) var map = new AMap.Map("container", { resizeEnable: true, zoom: 4 }); var markers = []; //province见Demo引用的JS文件 for (var ...原创 2018-09-20 09:46:46 · 243 阅读 · 0 评论 -
利用前端js获取ip地址
方法三(所有的平台及浏览器):使用的搜狐接口复制代码 代码如下: <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> document.write(returnCitySN["cip"]+','+returnCit..转载 2018-09-27 09:05:07 · 2427 阅读 · 0 评论 -
各种判断的集锦
注:prototype 原型property 属性_proto_ 是js变量都有的,而prototype是js函数特有的 *.typeof 判断数据类型undefined 未定义Number 数字String 字符串boolean 逻辑function 函数Object Object Array null var ff7 = 11, ff1 = ...原创 2018-10-08 10:32:23 · 171 阅读 · 0 评论 -
js
//(function($){//备注 /*(1)alert函数:显示一个警告对话框,包括一个OK按钮。 (2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。 (3)escape函数:将字符转换成Unicode码。 (4)eval函数:计算表达式的结果。 (5)isNaN函数:测试是(true)否(false)不是一个数字。 (6)pars...原创 2018-10-08 11:17:24 · 204 阅读 · 0 评论 -
vue 技巧
对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真学习一下了。在面试过程很多HR会问到。面试之加分项vue第一招:化繁为简的Watch场景还原:面试之加分项vue组件创建的时候我们获取一次列表,同时监听input框,每当发生变化的时候重新获取一次筛选后的列表这...转载 2018-10-15 13:45:08 · 733 阅读 · 0 评论 -
js 跳转App 分享
!function(e, t) { "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define("soshm", [], t) : "obje原创 2018-10-15 13:50:11 · 8097 阅读 · 0 评论