javaScript
关注
分享
扫一扫
文章平均质量分 51
阿冰介
这个作者很懒，什么都没留下…
展开
-
es6 const 是否可修改对象？
《深入理解es6》es6 声明不允许修改绑定，但允许修改值。这就意味着用const 声明对象后，可以修改对象的属性值。原创 2020-09-21 18:45:18 · 884 阅读 · 0 评论 -
2020前端面试经历 - 笔试 9/2
面试 深圳某港资金融企业 （未）笔试Watch and computed使用场景watch: 用于记录data 数据变化的过程，因为每个数据都有可能在计算中频繁改变，但是只用于读取和写入无法实时记录和处理数据变化过程，而且针对复杂结构的数据，它还能用「deep」属性针对性处理；有前后值对比可以更方便解决数据变化过程。computed: 有点像 methods 但是它有缓存计算功能，当computed 内部依赖的其他变量，或者存在复杂数据处理的时候，并且对数据维护比较麻烦的时候，需要用到它原创 2020-09-04 01:23:34 · 325 阅读 · 0 评论 -
promise reject 状态
promisereject 其实是一种状态 作为then 的第二个参数进行传递或者在 catch中使用当then第二个参数存在时，优先使用第二个参数而不是用catch相当于有选择性地进行回调...原创 2020-04-09 09:59:32 · 1245 阅读 · 0 评论 -
输入框只能输入数字
移动端,苹果,安卓亦兼容.<input onkeyup='this.value=this.value.replace(/\D/gi,"")'>原创 2017-03-07 17:58:30 · 339 阅读 · 0 评论 -
js的click事件在IOS上失效
IOS手机网页使用click操作时候。 会出现click事件无法使用的情况。 总结了网上一些解决的办法，然后自己亲自测试了。 有三个方法： 1) 把事件委托到a ,button 标签上，确保click能使用 2) 如果实在样式无法 修改。可以把click事件挂载到body上， 如：$(‘body’).on(‘div’,function(){}) 3) 在全局的css样式中添加原创 2017-02-23 21:16:46 · 6050 阅读 · 0 评论 -
nodejs爬虫----爬取煎蛋网美女图片
这是一个很简单的爬虫，主要是爬取简单妹子图 不跟你多BB，马上上车…,你需要先安装好nodejs，npm,最好能有淘宝镜像cnpm负责响应网络请求的request模块npm install request负责对抓取的数据进行处理的cheerionpm install cheerio负责下载图片的fs模块npm install fs负责格式化图片名称的模块pathnpm install path负责原创 2017-01-09 15:44:08 · 3974 阅读 · 0 评论 -
原生ajax POST,解决Undefined index
原生ajax ,POST请求：var xhr=new XMLHttpRequest(); xhr.open('POST','test.php',true); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ console.log('成功插入');原创 2016-12-29 21:27:57 · 2395 阅读 · 0 评论 -
javaScript关键字和保留字
什么是关键字，保留字？首先，两者都不能作为变量名和变量方法名 “关键字”就是 JS 本身已经使用了，具有一定特殊的含义。 “保留字”实际上就是预留的“关键字”，意思是现在虽然现在还不是关键字（也就是本身还不具备特殊含义的），但是未来可能会成为关键字的，你一样是不能使用它们当变量名啊方法名的。包括（按字母排序）：最后：关键字和保留字大全 Javascript 的保留关键字不可以用作变量、标签或者转载 2016-12-23 14:32:38 · 1150 阅读 · 0 评论 -
node.js----microsoft jscript 运行时错误 800a138f
在开始运行node的时候，出现了 后来我发现，初始化项目npm init生成了package.json之后就解决了 后面的目录结构就是这样的。、原创 2016-11-24 17:00:48 · 10603 阅读 · 7 评论 -
jquery 绑定事件方式(可能出错处)
jquery 绑定事件的方式？- 其实大体可以分为能不能绑定动态加载出来的节点事件来分类1.直接在标签上绑定<button onclick='btn()'></button>2. 事件名绑定<button id='btn'></button><script>$("#btn").click(function(){ console.log();})</script>3. bind()绑定，与原创 2017-03-24 00:33:19 · 445 阅读 · 0 评论 -
ajax post 提交大量数据
在做个彩票项目的时候，有个业务是需要一个大型的数组通过ajax把一个大型数组传到后台，网上搜了一大轮，发觉说的都是说这种方式使用ajax不符合业务要求。 或者问非所答，很少有亲自测试的。这里做了个10W长度的数据通过post请求传到后台。<!DOCTYPE html><html><head><meta charset="utf-8"> <title>大量数据测试</title></原创 2017-07-21 01:32:00 · 15207 阅读 · 0 评论 -
gulp构建sass开发环境
首先全局安装 gulp命令npm install gulp -g然后构建项目目录：app 用于存放scss文件dist 用于存放生成的css文件gulpfile.js 需要自己创建，用于处理gulp命令然后在项目中安装gulp 和 gulp-sasscnpm install gulp cnpm install gulp-sass --save -dev这里安装gulp-sass最好用cnp原创 2017-08-03 00:32:00 · 789 阅读 · 0 评论 -
XAMPP 安装并使用，简单版
https://www.apachefriends.org/download.html 打开网址安装这里要注意一下，这个安装目录，是用来存储服务器的文件，包括内容文件等记得要让杀毒软件通过这个软件的安装同理选择英文比较好启动apache找到根目录并放入写好的my.php文件最后打开的效果原创 2017-09-19 10:05:39 · 1055 阅读 · 0 评论 -
textContent和innerText属性的区别
实例1：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title> </title> </meta> </head> <body> <div class="test" id="test"> tes原创 2017-09-12 17:06:58 · 23262 阅读 · 3 评论 -
javaScript 双感叹号用法
在偶尔看源码的过程中。看到有些判断的用法是：var a;if(!!a){ console.log('打印')}为什么要用两个感叹号(❕)呢？因为js 是弱类型，单纯用一个! 感叹号去转义可能会发生不必要的错误这是知乎上的某个比较好的总结双感叹号才能真正的将他转换成对应的Boolean值，第一个感叹号是将其转化成Boolean类型的值，但是这一操作得到的是其取...原创 2018-10-04 15:27:18 · 1496 阅读 · 1 评论 -
什么是JavaScirpt 函数抖动，节流？
解决的问题: 在资源有限的前提下，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃,为处理通常出现场景：onresize，scroll，mousemove ,mousehover等事件回调函数的无间断执行。基本思想:某些代码不可以在没有间断的情况下连续重复执行，降低产生回调的频率下面模拟的 resize 窗口变动的事件函数抖动:什么要用函数抖动？函数防抖: 防止函数...原创 2019-04-07 17:21:27 · 326 阅读 · 1 评论 -
JavaScript中的字符串如何找出子字符串？
这里分享几种方案:采用ES6 includes 方法用法: str.includes(searchString, position)searchString: 需要搜索的字符串position: 从哪个接口索引开始搜索子字符串var str = 'abc'var select = 'a'str.includes(select,0) // true注意:兼容性不好IE...原创 2019-04-12 00:50:49 · 510 阅读 · 0 评论 -
如何判断空字符串/null/undefined或者 有误字段?
如果你想判断是否为「有效值」你可以用if(value){}这样将会过滤掉:- null- undefined- NaN- empty (string) ''-0- false---------然后你可以用来判断 空字符串 / null / undefined的方法function isEmpty(str) { return (!s...原创 2019-05-15 00:42:09 · 2088 阅读 · 0 评论 -
两个并行AJAX引发的业务思考？
事件的起因是：避免后台执行过慢影响页面显示效果在页面执行ajax进入后台执行大量的算法处理和调用数据量十分大的接口时，想比会导致回调过慢或者前端页面卡死的情况，这样十分影响用户体验和网页加载，而且后台执行到某一步产生错误信息的时候，十分容易导致ajax最后回调的是错误信息。 要解决一个需求，大概就是利用php的fastcgi_finish_request()函数到达类似异步执行的效果（或者其他办法原创 2016-11-17 22:41:16 · 1461 阅读 · 0 评论 -
js原生ajax与jquery的ajax的用法区别
什么是ajax和原理?AJAX 是一种用于创建快速动态网页的技术。通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据XMLHttpRequest对象的基本属性：onreadtstatechange 每次状态改变所触发事件的时间处理程序。responseText 从服务器响应返回以字符串为形式的数据responseXML 从服务器响应返回以XML（DOM兼容文档）原创 2016-10-08 19:27:47 · 9508 阅读 · 0 评论 -
javaScript 时间日期对比
javaScript 对比时间原创 2016-07-30 09:10:22 · 713 阅读 · 0 评论 -
node.js的npm安装的根目录已经下载的包的根目录查找和设置
查找安装的根目录node app.jsnode进去一个不存在的js文件，就可以从错误信息中找到了。 如果是你工程的包管理的全局目录的话，可以通过设置目录地址来设置npm config set prefix '目录路径'npm config get prefix 获取当前设置的目录原创 2016-09-11 19:04:45 · 8517 阅读 · 0 评论 -
javaScript知识点总结-----setTimeout setInterval 区别
setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。 实现原创 2016-08-23 13:10:46 · 397 阅读 · 0 评论 -
javaScirpt小项目-----英雄联盟游戏登录界面
最近一直在练习JavaScript的知识点和DOM编程，正好之前碰到有个朋友做过这个，就想自己临摹一下。完成的过程中，布局部分花的时间比较多，js部分还没完整，望多见谅素材还在不断收集中，所以画面感还不是很好看还会不断完善，望多支持 效果图：初始页面。 最后是登陆后英雄选择页面： 这是主内容部分代码：<!doctype html><html><meta charset="utf-8">原创 2016-09-02 08:59:15 · 3871 阅读 · 2 评论 -
javaScript知识点-----原生Ajax的基本用法
基本概念XMLHttpRequest 是 AJAX 的基础。定义传输类型 get,post定义后台访问url(例：xhr.php)定义open()方法定义请求状态 onreadystatechange事件，http.readyState存在四种状态： — 0:初始化。没执行open()方法 — 1:启动，调用open()方法 — 2:发送，已经调用send()方法，但尚未—原创 2016-09-02 13:40:56 · 522 阅读 · 0 评论 -
javaScript小项目-----计算器
用Bootstrap和原生javaScript做的简易计算器； 制作计算器 .sum{ } #box{ font-size: 20px; } .mycontent{ margin-left:auto; margin-right:auto; width: 190px;原创 2016-08-23 20:16:17 · 1283 阅读 · 0 评论 -
javaScript小项目-----轮播图--按钮+定时器
做了个简单的轮播图，有按钮和定时器 实现tab切换效果.pic{ margin: 0 auto; padding: 0; width: 840px; height: 300px;}#myImg{ margin:0; border: 0; padding:0; width: 840px; height: 300px原创 2016-08-23 22:19:00 · 999 阅读 · 0 评论 -
JavaScript事件处理程序的3种方式
1.HTML事件处理程序注意：1.由于是在HTML中添加JavaScript，所以不能使用未经过转义的HTML语法字符 如：和号（&），大于小于号等. 2.事件处理程序在代码执行时，有权访问全局作用域中的任何代码.缺点：就是与HTML过于紧密，代码改动或者事件改动需要更改的地方比较多2.DOM0事件处理程序va原创 2016-08-24 21:49:07 · 1166 阅读 · 0 评论 -
javaScript小项目------贪食蛇
运用了纯js和css完成的小demo实现思路：1.创建场景 2.创建头部和果实部分（注意：头部是一个独立的部分） 3.创建上下左右的按键功能 4.创建移动的头部，以及定时器。（在按键触发的时候就启动定时器) 5.判断是否吃到水果（当吃到水果，即头部跟果实的位置一样的时候，刷新两者的位置） 6.吃到果实后，身体变大，特别要注意身体添加的方向 7.判断头部改变后，身体第一位置与第二位置的移动原创 2016-08-31 23:22:41 · 7248 阅读 · 2 评论 -
javaScript 基本类型数据对象规律
javaScript String对象有关于CSS属性，类似的方法 可设置参数.big(), ==变大==.bold()==粗体==.fontcolor(), ==字体颜色==.fontsize(), ==字体size==.italics() ==斜体,== .small(),==变小==.blink() ==显示闪动的字符串==.l原创 2016-08-25 18:02:17 · 365 阅读 · 0 评论 -
javaScript中outerHTML,innerHTML,innerText,outerText的区别
使用innerHTML的时候将找着元素的内容（不包含元素本身）使用outerHTML的时候将找着元素的内容（包含元素本身）innerText,outerText都是返回元素的文本<html> <head> </head> <body ><p id="p1">hello world</p><script type="text/javascript">var html=document.getEl原创 2016-08-25 18:30:46 · 377 阅读 · 0 评论 -
jquery和javaScript 清空 select下拉框里的所有选项
javaScript的写法<select id="area"> <option>11</option> <option>22</option> <option>33</option></select><script>var area= document.getElementById("area");area.innerHTML = "";for(var i=0;i原创 2016-08-25 22:13:21 · 52508 阅读 · 0 评论 -
jquery的知识点----scrollTop()返回顶部特效
scrollTop()?获取第一段相对滚动条顶部的偏移 你可以在方法参数上设置你的滚动条相对顶部的位置可以设置$(window).scrollTop（0）;返回最顶部如果你想设置缓慢的上升的话，可以使用jq的动画效果$('body,html').animate({scrollTop:0},500)可以设置body跟html作为对象，返回到最顶部原创 2016-09-07 21:06:36 · 3403 阅读 · 0 评论 -
jquery知识点总结-----javaScript和jquery选择器对比
js 原始选择器有哪些getElementById（） id选择器getElementsByName（） name选贼器getElementsByTagName（） 标签名选择器getElementsByClassName （） 类型选择器只有第一个是返回单个ID的对象 其他三个都是返回结果集，需要下表才能获取结果集，而且拥有长度属性高原创 2016-09-08 08:56:06 · 509 阅读 · 0 评论 -
arguments.callee，anguments.callee.caller用法
arguments.callee 在哪一个函数中运行，它就代表哪个函数。一般用在匿名函数中。起到一个指针的作用arguments.callee.caller是指向调用本函数的函数,保存着调用当前函数的函数的引用。一般用在寻找上级，调用过本函数的函数。其实在用法上两者都相当于指针 ，指向arguments的函数，而caller是指向调用过他的函数。先来介绍 arguments.callee(fu原创 2016-10-25 22:15:13 · 1363 阅读 · 0 评论 -
ionic 开发app-----调用外部数据，跨域问题
- 最近在自己研究Ionic开发app的时候，app外观差不多做好，想调用外部API数据的时候，按照简单的http响应get和post想在聚合数据里面调用几分数据，当所有配置都好了的时候，出现了这样一个问题看Access-Controll-Allow-Orign 相信很多小伙伴都知道这可能是请求数据的跨域问题-首先提一下，什么是跨域？就是你发送请求的对象和你当前网站的域名不同。为了数据安全方面原创 2016-09-27 23:58:59 · 2891 阅读 · 0 评论 -
如何解决ES6基础语法不支持的问题。
在学习ES6语法的时候，碰到了一些问题，在执行下面代码的时候，会出现错误。var a = [];for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 6通过异常信息可以看出，是不支持let等语法，根据网上的说法，要在严格模式下执行才行"use strict";后来加入原创 2016-10-06 11:35:40 · 5772 阅读 · 0 评论 -
String对象
1.概述 String对象是JavaScript原生提供的三个包装对象之一，用来生成字符串的包装对象实例。 var s = new String("abc"); typeof s // "object" s.valueOf() // "abc" 上面代码生成的变量s，就是String对象的实例，类型为对象，值为原来的字符串。实际上，String对象的实例是一个类似数组的对象。new Str转载 2015-12-15 21:29:29 · 428 阅读 · 0 评论