js
文章平均质量分 58
javascript
会飞的胖达喵
胖达是只爱打架的猫,而且还会飞~
展开
-
echarts柱状图x轴文字纵向显示
方式一 xAxis: { data: dataOrderAxis, axisLabel: { inside: true, textStyle: { color: '#fff' }, interval: 0, rotate: 270, }原创 2022-03-26 15:47:57 · 2245 阅读 · 1 评论 -
encodeURIComponent与encodeURI的区别
完美的js URLEncode函数当需要通过查询字符串传值给服务器时需要对get参数进行encode。escape()函数,不会encode@*/+(不推荐使用) encodeURI()函数,不会encode~!@#$&*()=:/,;?+'(不推荐使用) encodeURIComponent()函数,不会encode~!*()这个函数是最常用的我们需要对encodeURIComponent函数,最一点修改:function urlencode (str) { ...转载 2022-01-10 18:39:39 · 115 阅读 · 0 评论 -
error gyp ERR! stack Error: Could not find any Visual Studio installation to use
今天安裝 npx create-react-app my-app 报错。 其他报错的方法这里就不讲了,其他好多站都有解决办法,这里把没有提到过的说下。 报错信息 gyp ERR! find VS gyp ERR! find VS msvs_version not set from command l…今天安裝 npx create-react-app my-app 报错。其他报错的方法这里就不讲了,其他好多站都有解决办法,这里把没有提到过的说下。先给几个依赖的命令。 npm config set p转载 2021-09-11 15:57:57 · 15213 阅读 · 0 评论 -
vue中命名空间
Js 命名空间./router.jsexport const router = { namespaced: true,//命名空间 state: { asyncRouters: [], routerList: routerList }, mutations: { setRouterList (state, routerList) { state.routerList = routerList }, // 设置动态路由 setAs原创 2021-09-11 13:58:29 · 1043 阅读 · 0 评论 -
js赋值与逻辑运算的疑问
看到一行代码感觉有点疑问 const asyncRouter = asyncRouterRes.data && asyncRouterRes.data.menusasync SetAsyncRouter ({ commit }) { const baseRouter = [{ path: '/layout', name: 'layout', component: 'view/layout/index.vue', m原创 2021-09-11 11:59:21 · 104 阅读 · 0 评论 -
JS异步操作新体验之 async函数
JS异步操作新体验之 async函数1、初识 async 函数ES6中提供了两个很好的解决异步操作的方案 Promise 和 Generator,ES2017标准中引入的 async 函数就是建立在 Promise 和 Generator的基础之上,它是 Generator函数的语法糖,使异步操作更加方便先通过一个异步读取文件的小栗子来对比下Promise、Generator 和 async 的异同点const fs = require('fs')function read转载 2021-09-04 09:58:58 · 973 阅读 · 0 评论 -
async 函数的含义和用法
异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又让人觉得不彻底。它们都有额外的复杂性,都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗,干嘛要搞得这么复杂?异步编程的最高境界,就是根本不用关心它是不是异步。async 函数就是隧道尽头的亮光,很多人认为它是异步操作的终极解决方案。二、async 函数是什么?一句话,async转载 2021-09-04 09:38:04 · 530 阅读 · 0 评论 -
webrtc之onicecandidate的 event handler的一点疑惑
// 监听的ICE候选人信息变动,如果收集到,就添加给对方 async onicecandidate() { //var _this = this; this.peerStudent.onicecandidate = (event) => { if (event.candidate) { console.log("candidate", event.candidate) let jsonDa原创 2021-09-04 09:24:36 · 2828 阅读 · 0 评论 -
async/await和Promise区别
async/await 的优势:可以很好地处理 then 链对于单一的 Promise 链其实并不能发现 async/await 的优势,当需要处理由多个 Promise 组成的 then 链的时候,优势就能体现出来了,接下来直接上代码:/** * 传入参数 n,表示这个函数执行的时间(毫秒) * 执行的结果是 n + 200,这个值将用于下一步骤 */function takeLongTime(n) { return new Promise(resolve => {转载 2021-09-03 11:00:22 · 563 阅读 · 0 评论 -
JS事件循环 Event Loop
前言刚学前端的时候一直听别人说 JS 是单线程、单线程、单线程的,其实完整的应该是在浏览器环境下 JS 执行引擎是单线程的。那么什么是线程?为什么JS是单线程的?1. 进程和线程进程和线程的主要差别在于它们是不同的操作系统资源管理方式。进程有独立的地址空间,一个进程崩溃后,在保护模式下不会对其它进程产生影响,而线程只是一个进程中的不同执行路径。我的理解,一个程序运行,至少有一个进程,一个进程至少有一个线程,进程是操作系统分配内存资源的最小单位,线程是 cpu 调度的最小单位。打个比方转载 2021-09-03 09:08:49 · 135 阅读 · 0 评论 -
dispatch与commit的区别
import { login } from '@/api/user';import { jsonInBlacklist } from '@/api/jwt';import router from '@/router/index';export const user = { namespaced: true, state: { userInfo: { uuid: '', nickName: '', headerImg: '', authority: '', },原创 2021-06-15 13:38:25 · 876 阅读 · 0 评论 -
图片绑定file上传并获取图片的base64
<!-- 影像上传 start --><div class="yx-upload-box" style="display:none;"> <span class="op-box"> <img onclick="closeUpload()" src="{$Think.config.APP_PUB}img/icon-close.png" alt="关闭"> </span> <div class="item-bo.原创 2021-05-13 15:00:15 · 260 阅读 · 0 评论 -
DataTables基本搭建攻略(后台分页)
在正式阅读正文之前,我需要先声明以下几点:1.我不是DataTables的专业开发人员,DT也不是我的主攻方向,实际上我研究DT也就1个多礼拜。所以很多深层次的问题,可能我并不懂,这也不是本文的讨论范围。2.要达到某个目的可能有很多种方式,所以我接下来提出的解决方式可能并不是专业、完美、高效的。如果您有更好的解决方法,请在后面跟帖,如果确实有效,那我感谢您,反之就当做是多个了解。知识在于交转载 2014-05-04 10:30:45 · 1001 阅读 · 0 评论 -
Uploadify
什么是Uploadify原文:Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website. It uses a mixture of Javascript, ActionScript, and any server-side lang转载 2014-04-09 14:42:22 · 815 阅读 · 0 评论 -
uploadify插件可选参数的详细介绍
uploadify插件可选参数的详细介绍 以下是可选项的参数说明:(红色的属性代表常用的) 1uploader上传控件的主体文件,flash控件 默认值='uploadify.swf'2script 相对路径的后端脚本,它将处理您上传的文件。转载 2014-04-08 08:41:18 · 666 阅读 · 0 评论 -
jquery.cookie.js使用
出处:http://westlife063.blog.163.com/blog/static/12994209620133123293695///初始化页面时验证是否记住了密码$(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked转载 2013-09-17 16:14:58 · 2157 阅读 · 0 评论 -
jQuery 引用地址{包括jquery和google提供的地址}, 节省你不必要的流量
jQuery 引用地址{包括jquery和google提供的地址}, 节省你不必要的流量你可以使用这句代码读取jQuery的最新版本的代码文件。jquery官方的引用地址:示例:?1<script src="http://code.jquery.com/jquery-latest.js">有效地址:?12h转载 2013-07-18 17:02:16 · 1657 阅读 · 0 评论 -
JS执行Promise
PromisePromise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现,ES6将其写进了语言标准,统一了用法,并原生提供了Promise对象。特点对象的状态不受外界影响 (3种状态) Pending状态(进行中) Fulfilled状态(已成功) Rejected状态(已失败) 一旦状态改变就不会再变 (两种状态改变:成功或失败) Pending -> Fulfilled Pending -> R转载 2021-02-24 22:45:44 · 308 阅读 · 0 评论 -
用 async/await 来处理异步
转载地址:https://www.cnblogs.com/SamWeb/p/8417940.html用 async/await 来处理异步 昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简洁,同时async/await 已经被标准化,也是需要学习一下了。 先说一下async的用法,它作为一个关键字放到函数前面,async function timeout() { return 'hello world';} 只有一个作用,.转载 2021-02-22 16:35:53 · 264 阅读 · 0 评论 -
promise是什么?
转载地址:https://www.jianshu.com/p/1b63a13c2701promise是什么?1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列为什么会有promise?为了避免界面冻结(任务) 同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候服务员对你说,对不起我是“同步”服务员,我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了,你只是想要个菜单,这么小的动作,转载 2021-02-22 16:33:46 · 477 阅读 · 0 评论 -
ES6函数相关包含箭头函数
转载地址:https://es6.ruanyifeng.com/?search=%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0&x=0&y=0#docs/function函数参数的默认值基本用法ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hello Worldlog转载 2020-08-13 09:38:25 · 312 阅读 · 0 评论 -
什么是 JS 原型链?
我们知道 JS 有对象,比如var obj = { name: 'obj' } 我们可以对 obj 进行一些操作,包括「读」属性 「新增」属性 「更新」属性 「删除」属性下面我们主要来看一下「读」和「新增」属性。为什么有 valueOf / toString 属性呢?在我们没有对 obj 进行任何其他操作之前,发现 obj 已经有几个属性(方法)了:那么问题来了:valueOf / toString / constructor 是怎么来?我们并没有给 ob..转载 2020-08-07 15:27:47 · 391 阅读 · 0 评论 -
js不区分大小写查找字符串
var reg_huawei = new RegExp("huawei", 'i');var isHuawei = agent.match(reg_huawei);var reg_mi = new RegExp("mi ", 'i');var isMi = agent.match(reg_mi);原创 2020-05-26 17:15:48 · 3615 阅读 · 0 评论 -
js根据已知数组长度创建一个一样长度的数组并初始化值为0
var arr = [1,2,3,4,5,6]const arr2 = new Array(arr.length).fill(0)原创 2020-03-11 20:05:52 · 4328 阅读 · 0 评论 -
axios post请求
有关axios post参数的传值问题let data = {}axios({ url: '连接地址 path参数直接放里面', method: 'post 默认是 get', params: '必须是一个无格式对象 query参数', data: '是作为请求主体被发送的数据 body参数', timeout: 1000, headers...转载 2019-10-30 14:03:59 · 792 阅读 · 0 评论 -
js 合并数组
js concat是合并是返回一个新的数组,并不是改变原来的数组。这点小心console.log(tmp.Table1)console.log(res.data.FObject.Table1) var tmp = tmp.Table1.concat(res.data.FObject.Table1)var c = q.concat( b );q; // [5,5原创 2017-06-06 14:43:10 · 366 阅读 · 0 评论 -
获取当前登录的QQ号码
获取当前登录的QQ号码 获取当前登录的QQ号码 原理很简单: 利用QQ空间的快速登录方式可以检测到在本机登录的QQ号码,通过分析这个快速登录页面可以获取到一个地址 http://xui.ptlogin2.qq.com/cgi-bin/qlogin?domain=qq.com&lang=2052&qtarget=1&jumpname=&a转载 2014-02-25 12:17:21 · 4851 阅读 · 0 评论 -
js f12就关闭标签、禁止右击,感兴趣的可以看一下
翻了又一个网页,f12就关闭标签、禁止右击,有点意思。。感兴趣的可以看一下。<script>function fuckyou(){window.close(); //关闭当前窗口(防抽)window.location="https://www.ygwyy.com/error.php";}function click(e) { if (document.all) {...原创 2019-08-19 17:57:59 · 445 阅读 · 0 评论 -
js拦截物联返回键跳转到指定页面
js网页拦截物联返回键跳转到指定页面<script type="text/javascript">$(document).ready(function () { if (window.history && window.history.pushState) { $(window).on('popstate', function () {...原创 2019-06-15 16:23:12 · 1849 阅读 · 0 评论 -
手机端滚动屏幕加载更多
别忘了引用jquery类库 $(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); i转载 2016-08-19 13:49:49 · 7801 阅读 · 0 评论 -
console.log 用法
代码:firebug 比alert好用原创 2016-04-25 12:57:11 · 1440 阅读 · 0 评论 -
form的onsubmit事件--表单提交前的验证最佳实现方式
form的onsubmit事件--表单提交前的验证最佳实现方式 今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type=“submit”域,然后js中写入sumbit.click来执行提交的)。但我需要在每次提交前都要验证一下表单中的填写是否符合要求,如果我给每个提交的地方都添加验证函数的调用,那转载 2014-11-11 22:44:13 · 8647 阅读 · 0 评论 -
onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false原创 2014-11-11 22:50:04 · 14352 阅读 · 0 评论 -
iframe自适高度
正在踌躇的时候发现下面的这段代码,终于得意解决。苦于对js没有足够的熟悉,代码中的具体方法参数还得继续学习,感谢提供代码的朋友。function SetCwinHeight(){var cwin=document.getElementById("cwin");if (document.getElementById){if (cwin && !window.opera){转载 2014-03-07 10:09:33 · 582 阅读 · 0 评论 -
利用display属性写的遮罩层
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml" > DIV CSS遮罩层 function showdiv() { document.getElementById("bg")原创 2014-02-08 17:31:07 · 987 阅读 · 0 评论 -
如何用firebug调试js
安装就不用说了,很简单,在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。对于我们开发人员,主要用它来Debug JS。看看官方对Debug功能的介绍。Firebug includes a powerful JavaScript debugger that lets you pause execution at any time an转载 2013-10-14 10:57:50 · 1015 阅读 · 0 评论 -
身份证号码验证-支持新的带x身份证
出处:http://www.jb51.net/article/15444.htm alert(isIdCardNo("440781197007220512")); //--身份证号码验证-支持新的带x身份证 function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9转载 2013-09-23 10:44:33 · 2569 阅读 · 0 评论 -
js验证码,兼容IE内河、火狐
无标题页 .code { background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0;转载 2013-09-09 10:39:08 · 857 阅读 · 0 评论 -
JS 网页自动加载js函数
1法:body 的onload的方法2法:window.onload方法window.onload=function(){//alert('window'); 进入界面就加载该函数randomPic(80,30);}转载 2013-08-30 13:35:14 · 1335 阅读 · 0 评论 -
js毫秒倒计时
毫秒的倒计时 var addTimer = function(){ var list = [], interval; r原创 2016-09-02 16:16:21 · 1065 阅读 · 0 评论