Javascript
文章平均质量分 73
where_slr
这个作者很懒,什么都没留下…
展开
-
牛刀小试-Promise
Promise// 先定义三个常量表示状态const PENDING = "pending";const FULFILLED = "fulfilled";const REJECTED = "rejected";class MyPromise { constructor(executor) { //executor 是一个执行器,进入会立即执行 try { executor(this.resolve, this.reject); } catch (error原创 2022-02-14 10:56:21 · 404 阅读 · 0 评论 -
H5页面嵌入安卓设备长按导致app崩溃问题解决
H5页面嵌入安卓设备后,页面长按导致App崩溃。查了下资料,觉得可能是长按触发了某些默认的事件,比如长按复制、长按选中、长按打开菜单等浏览器的一些事件,于是试着禁用掉长按事件,解决*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -...原创 2020-01-17 14:30:17 · 1324 阅读 · 0 评论 -
高德地图API绘制地图,带标记点击事件,加载echarts
利用高德地图web JS API 绘制地图,地图带标记,切换echarts图表 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&申请的key&plugin=AMap.DistrictSearch"> </script> <style...原创 2019-12-24 14:08:51 · 2168 阅读 · 1 评论 -
swiper动态加载数据修改数据,loop模式循环
需求:加载页面,请求所有的列表数据竖直显示,超过5个,开始轮播;点击按钮,筛选数据,不足5个的话不轮播,如果超过则开始滚动;swiper轮播HTML <div class="project_list_wrap project_list_wrap2 swiper-container"> <div class="swiper-wrapper"> ...原创 2019-12-12 16:28:06 · 4705 阅读 · 0 评论 -
Js——异步方法宏任务(task)与微任务(microtask)
异步方法中的宏任务与微任务JS的任务事件执行机制:当执行引擎在主线程方法执行完毕,到达空闲状态时,会从任务队列中按顺序获取任务来执行(task-> task-> task…);浏览器为了能够使得 JS 内部 task(任务) 与 DOM 任务能够有序的执行,会在一个 task 执行结束后,在下一个 task 执行开始前,对页面进行重新渲染 (task-> 渲染-> tas...原创 2019-07-29 10:51:40 · 3239 阅读 · 2 评论 -
点击页面出现小爱心特效
无意间看到的一个小特效:点击页面任意处,出现一个逐渐消失的小爱心! function (e, t, a) { function n() { c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-...原创 2019-07-18 13:40:54 · 1580 阅读 · 0 评论 -
面试题,哈哈哈哈!
function getPersonInfo(one, two, three) { console.log(one); console.log(two); console.log(three);}const person = "Lydia";const age = 21;getPersonInfo`${person} is ${age} years old`;//['',...原创 2019-08-26 09:53:35 · 1085 阅读 · 0 评论 -
日常心得——js&jq
jq中使用点击事件嵌套重复,多次触发可以在触发前先解绑点击事件;$('div').off('click').on('click',function(){})swiper竖直循环var mySwiper1 = new Swiper('.div', { direction: 'vertical', autoplay: { delay:...原创 2019-08-26 09:53:47 · 370 阅读 · 0 评论 -
vue——回到顶部监听滚动事件
&lt;template&gt;&lt;div class="tools"&gt;&lt;ul @mouseleave="mouseLeave()"&gt;&lt;li @click="toTop(step)"&gt;回到顶部&lt;/li&原创 2018-12-24 17:39:40 · 2189 阅读 · 0 评论 -
Vue——数组
原文链接Vue为了增加列表渲染的功能,增加了一组观察数组的方法,而且可以显示一个数组的过滤或排序的副本。变异方法Vue 包含一组观察数组的变异方法,它们将会触发视图更新,包含以下方法:push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项shift() 移除数组中的第一个项并返回该...转载 2019-07-31 11:30:11 · 14202 阅读 · 0 评论 -
vue+axios+webpack配置跨域(axios配置)
什么是跨域?浏览器有一个叫做同源策略的东西。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。同源策略规定了如果两个页面的协议、域名、端口中任意一个不相等,就认为两个页面具有不相同的源两个不同源的页面资源交互会受到浏览器的同源策略限制,也就出现了我们说的跨域问题。配置proxyTable解决跨域问题我们使用vue-cli...转载 2019-08-08 14:02:45 · 934 阅读 · 0 评论 -
vue+axios+webpack+node配置跨域(用node写代理服务器)
用node设置代理服务器之间是没有跨域问题的const http = require('http');const request = require('request');const hostname = '127.0.0.1';const port = 8010;const interURL = 'https://www.easy-mock.com/mock/5d4b7d772b...原创 2019-08-08 15:12:54 · 292 阅读 · 0 评论 -
插件——时间返回类似 'xx天前xx小时前'
/*** @Date: 2019-08-14 11:44:46* @param 指定一个时间戳 setTime * @author lg* @desc: 返回类似几天前几小时前**/var Time = { // 获取当前时间戳 getUnix: function () { var date = new Date(); return d...原创 2019-08-14 11:46:23 · 171 阅读 · 0 评论 -
vue+nginx设置跨域
vue项目中的配置以vue-cli搭建的项目为例, 在webpack配置文件 /config/index.js, 由于我们是在开发环境下使用,自然而然是要配置在dev里面,找到 proxyTable属性,配置如下:dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxy...原创 2019-08-26 10:38:28 · 12142 阅读 · 0 评论 -
Vue——eventBus使用,重复触发
之前写项目中遇到使用eventBus,兄弟组件之间传值写了个简单的demo测试总结一下新建了一个Busimport Vue from "vue";export default new Vue();Send组件:<template> <div> <div> 我是发送数据的页面</div> <div class="...原创 2019-09-19 16:09:51 · 1961 阅读 · 2 评论 -
事件冒泡与事件捕获
最近面试被问到关于事件冒泡和捕获的知识,大部分都还记得,栽在了IE上面(IE只有冒泡没有捕获),回来记忆,顺便把一些和事件流有关的内容再梳理一遍。我的理解:事件冒泡顾名思义,气泡从小变大,从冒泡起点到越来越大,所以是从目标事件源扩散出去的,一直到HTML根元素,期间遇到的同类型的事件也被自动触发;(IE和常用浏览器都支持)事件捕获从根元素开始,逐渐逐渐缩小范围,直到目标事件源,期间遇到的...原创 2019-10-09 09:36:39 · 240 阅读 · 0 评论 -
Vue——注意点
mode: ‘history’,//去除url中默认的#active-class:‘active’;设置路由激活后,对应的样式; &lt;router-link :to="/home" active-class="active"&gt;首页&lt;/router-link&gt;验证码倒计时 &lt;a class="n原创 2018-12-28 18:54:08 · 541 阅读 · 0 评论 -
For..in 和 For..of
在循环对象属性的时候,使用for…in;在遍历数组的时候的时候使用for…of;for…in循环出的是key,for…of循环出的是value;注意,for…of是ES6新引入的特性。修复了ES5引入的for…in的不足For in是遍历键名作用于数组的for-in循环除了遍历数组元素以外,还会遍历自定义属性;一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。v...原创 2018-12-12 15:20:55 · 1181 阅读 · 1 评论 -
常用JS—Array数组方法
splice方法splice() 方法用于插入、删除或替换数组的元素。array.splice(index,num,arr);返回被删除的元素/***index:修改的位置即下标数字*num:删除的长度,默认是至结尾*arr:添加进去的数组**/...原创 2018-10-08 16:36:55 · 10756 阅读 · 0 评论 -
物体运动框架
要有封装的思想,把一系列操作不重复的地方提取出来,作为参数传入,并且复杂动作分解成几个小的运动原创 2017-05-31 19:01:00 · 253 阅读 · 0 评论 -
&& || !逻辑运算符
&& 逻辑与:当两个操作数的值都为true时,运算结果为true; ||逻辑或:只要两个操作数中有一个值为true时,运算结果就为true; !逻辑非:对操作数取反,即true值非运算的结果false,false值非运算的结果为true;原创 2017-05-21 10:02:07 · 521 阅读 · 0 评论 -
typeof VS instanceof
无意间想到js使用中的一个函数typeof用法, typeof 运算符把类型信息当作字符串返回,包括有大家常有变量类型。typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能: “number,” “string,” “boolean,” “object,” “function,” 和 “undefined.”原创 2017-07-11 23:32:21 · 381 阅读 · 0 评论 -
JS与后台的交互一些笔记
js 后台交互原创 2017-07-04 11:09:36 · 637 阅读 · 0 评论 -
原生JS写选项卡
封装两个方法deleteClass;addClass原创 2017-07-08 16:07:37 · 7615 阅读 · 2 评论 -
JavaScript DOM编程艺术第七章Ajax学习笔记
关于Ajax原理 本地file浏览不要用webkit核心浏览器,要用firefox。否则就要搭建服务器后通过http访问。今天学习了Ajax从本地文件获取文本。遇到了些问题,在网络上都找到了解决办法。原创 2017-07-08 14:04:22 · 1007 阅读 · 3 评论 -
JS中的函数声明提升和变量声明提升
在 你不知道的JavaScript(上卷) 一书的第40页中写到:函数会首先被提升,然后才是变量。原创 2017-07-29 10:46:53 · 573 阅读 · 0 评论 -
JS高级程序设计第四章笔记作用域&作用域链
全局执行环境就是最外面的一个执行环境,即window对象; 执行环境(作用域):简单理解就是变量或者函数能够起作用的区域,出了这个区域就不能用,这个环境内代码执行完毕后,环境被销毁,内存被回收,其中所有的变量和函数都销毁;原创 2017-07-12 21:27:07 · 244 阅读 · 0 评论 -
初识闭包
阮一峰大神对闭包的解释 我对闭包的理解就是:一个有权访问另一个作用域中变量的函数,这个函数的活动对象包括它涉及到所有变量对象所在函数的活动对象即作用域,并且如果已经赋值,也会一并带出去,除了this是特例;注意,这里如果一个变量有多个值,只会取最后一个,见下面的for循环;原创 2017-07-17 17:36:07 · 195 阅读 · 0 评论 -
字符串互相转化数组
字符串<=>数组原创 2017-09-17 10:44:02 · 257 阅读 · 0 评论 -
JQAjax+Promise封装方法
一、ajaxajax 全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术、改善用户体验,实现无刷新效果。优点: a、不需要插件支持 b、页面无刷新,使用异步方式与服务器通信,具有更加迅速的响应能力,优秀的用户体验 c、提高Web程序的性能 d、可以把以前一些服务器负担的工作转到客户端,利...原创 2018-05-04 09:43:25 · 1983 阅读 · 5 评论 -
日常心得(持续更新)
下拉框&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;select class=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;selelct&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;原创 2019-08-26 09:54:05 · 176 阅读 · 0 评论 -
angularJs1.x学习——指令(directive)之scope
scope 指令的作用域可选 ,默认是false false: 使用父作用域,指令中对属性的修改,会直接 作用到父级作用域中 true: 从父作用域继承 ,并创建一个新的作用域对象 ,指令 中可以访问 父级的作用域,修改不会影响 到父级 {}: 创建一个隔离作用域,不能访问 父级的作用域,修改也不会影响 到父级<!DOCTYPE html><html lang="...原创 2018-07-13 17:08:30 · 1388 阅读 · 0 评论 -
常用JS——string字符串方法
一、关于字符串分割 1、slice(start,end); 关于这个方法,一定要搞懂四个关键点:(1)截取字符串时不包括下标为end的元素。(2)end是可选参数,没有时,默认从start到结束的所有字符串。(3)String.slice与Array.slice区别。(4)参数为负数时,是如何处理的。其中第3点其实就是在JavaScript中字符串和数组都具有这个方法,它们...转载 2018-08-21 10:47:36 · 85270 阅读 · 5 评论 -
常用JS—查找相邻兄弟元素、子元素的两种兼容写法
nextSibling &amp;&amp; nextElementSibling,previousSibling&amp;&amp;previousElementSibling1、使用nextSibling属性返回指定节点之后的下一个兄弟节点,(即:相同节点树层中的下一个节点)。nextSibling属性返回元素节点之后的兄弟节点(包括文本节点、注释节点即回车、换行、空格、文本等等);2、p...原创 2018-10-25 10:05:34 · 9610 阅读 · 0 评论 -
下拉框键盘鼠标控制
简单的下拉功能,鼠标能控制,键盘也能控制原创 2017-05-24 21:47:48 · 1099 阅读 · 0 评论