js
FOR=10000
好好学习 天天向上
展开
-
js继承的四种方式!
通过原型继承!为了数据共享,改变原型指向,做到了继承---通过改变原型指向实现的继承缺陷:因为改变原型指向的同时实现继承,直接初始化了属性,继承过来的属性的值都是一样的了,所以,这就是问题只能重新调用对象的属性进行重新赋值, function Person(name,age,sex,weight) { this.name=name; t...原创 2019-03-10 13:44:11 · 470 阅读 · 0 评论 -
微信公众号开发文档
微信公众号开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432微信小程序API开发文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html微信小程序支付接口文档:ht...转载 2019-02-19 16:51:55 · 7024 阅读 · 0 评论 -
数组的filter方法every some方法!
filter是一个过滤器 过滤出你想要的结果var arr=[34,2,55,7,88]arr.filter(function(item){return item>10})得到结果[34,55,88] every判断数组中每一个选项是否都满足一个条件,返回布尔值!列如:var arr=[12,45,56]arr.every(function(item){...原创 2019-02-16 17:04:49 · 259 阅读 · 1 评论 -
正则表达式中的奇怪东西 \b ?: ?=
关于正则表达式的“\b”今天刚刚开始看正则表达式就遇到一个十分头疼的问题,原文是这样的:“不幸的是,很多单词里包含hi这两个连续的字符,比如him,history,high等等。用hi来查找的话,这里边的hi也会被找出来。如果要精确地查找hi这个单词的话,我们应该使用\bhi\b。\b是正则表达式规定的一个特殊代码(好吧,某些人叫它元字符,metacharacter),代表着单词的开头...转载 2019-02-09 00:26:36 · 247 阅读 · 0 评论 -
定时器函数用引号会报错
因为双引号中的作用域不捕捉局部变量,因此会报错误如果你需要在双引号中可以在外部定义一个变量例如:function hh(p){ console.log('hh')}window.onload=function(){ setTimeout('hh(pp)',3000)}或者直接把函数挂在到全局上window.onload=function(){ ...原创 2019-02-15 16:54:12 · 190 阅读 · 0 评论 -
async/await 学习!
Async/await有一种特殊的语法可以更舒适地与promise协同工作,它叫做async/await,它是非常的容易理解和使用。Async functions让我们先从async关键字说起,它被放置在一个函数前面。就像下面这样:async function f() { return 1}函数前面的async一词意味着一个简单的事情:这个函数总是返回一个promi...转载 2019-03-25 16:11:55 · 165 阅读 · 0 评论 -
js中的数学
JS中 Math.PI = π弧度 = 角度 * Math.PI / 180角度 = 弧度 * 180 / Math.PI现在我们用svg画一个定时器如图 圆心200 200,起始点200 100,方向顺时针我们需要通过我们转的弧度rad 计算出在真实坐标系中应该体现出来的弧度、2*Math.PI + 0.5 *Math.PI - rad 为在真实坐标系的弧度完整...原创 2019-04-06 14:17:07 · 510 阅读 · 0 评论 -
用Node撸一个最简单的小爬虫。。。。。。。
首先我们要会安装node 环境,然后安装三个模块const rp = require('request-promise'); //进入request-promise模块const cheerio = require('cheerio');//引入cheerio模块const fs = require('fs');//引入fs模块下面就是爬取一个页面所有图片并下载下来的小爬虫啦c...原创 2019-04-06 19:19:01 · 881 阅读 · 0 评论 -
this 深度探讨
//var callback=function(){ //console.log(this) //this.name="sddsf"//}var callback=()=>{ console.log(this) this.name="sddsf"} var show=function(){ this.pp=function(callback){ conso...原创 2019-04-01 19:51:24 · 145 阅读 · 0 评论 -
ionic 3 中使用 hammer.js
1. 在package.json 加入 "hammer-timejs": "^1.1.0", "hammer-touchemulator": "0.0.2", "hammerjs": "^2.0.8"2. 在devDependencies中加入 "@types/hammerjs": "^2.0.34"3.在app.module.ts中加入 import { ...转载 2019-05-22 13:40:04 · 671 阅读 · 0 评论 -
四种常见请求头设置
application/x-www-form-urlencoded这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样(无关的请求头在本文中都省略掉了):POST http://www.example.com HTTP...转载 2019-05-31 19:21:08 · 25426 阅读 · 1 评论 -
正则替换img标签的样式
let htmlText = '<img style="border: 0px; width: 537px; display: block;">'let str = htmlText.replace(/<img[^>]*>/gi, function (match, capture) { return match.replace(/style\s*?=\s*...转载 2019-07-12 18:50:44 · 2978 阅读 · 0 评论 -
表单提交异步方式!
$('form').on('submit',function(e){ e.preventDefault() var formData=$(this).serialize() $.ajax({ url:'we', type:'post', data:formData, dataType:'json',...原创 2019-02-06 23:41:11 · 304 阅读 · 1 评论 -
promise 设计原理
var fs = require('fs')//promise 对象有两个参数 resolve 和rejectfunction pReadFile(filePath) { return new Promise(function (resolve, reject) { fs.readFile(filePath, 'utf8', function (err, data) { ...原创 2019-02-06 15:07:54 · 174 阅读 · 0 评论 -
前端常用的元素垂直居中写法!
CSS实现垂直居中的常用方法 在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先,定义一个需要垂直居中的div元素,他的宽度和高度均为300px,背景色为橙色。代码如下: <!...转载 2018-12-24 15:29:42 · 163 阅读 · 0 评论 -
对原生html之间get传递参数 和获取参数的封装
UrlParam .param(‘参数’) 如果页面间传递的key无重复 获取单个值 UrlParam .paramValues(‘参数’)如果页面间传递的key有重复 得到一个数组 UrlParam .hasParam(‘参数’)判断参数是否存在 UrlParam .paramMap()得到所有参数的对象封装好的代码UrlParam = function() { // url参...转载 2018-08-30 18:19:40 · 2277 阅读 · 0 评论 -
小白必看!前端密码表单输入内容变星号这样做!!!!我引入了 jquery
在前端项目中经常有这样的需求!就是把密码输入表单内容变为星号!有的同学会说简单!type=’password’ 不就得啦!但是!当今浏览器解析时大多会把输入的内容变为“·”点,而不是星号! 这本来无伤大雅!但有的产品经理态度强硬!说“我就要星号!* 行!你说的算 写js呗!我引入了JQ 写起来也很简单! &lt;input id="a" type="text"/&gt; ...原创 2018-09-07 21:18:50 · 10293 阅读 · 5 评论 -
兼容chrome的前端剪切板!
在网上搜了搜IE用window.clipboardData API那其他浏览器怎么实现呢?一大堆说用ZeroClipboard插件 我下载了这个插件按流程来竟然没成功!在各种浏览器都失败!后来才知道这玩意要放到服务器环境中使用,不能在本地测试(欲哭无泪。。。。)另外提示下 下载ZeroClipboard 地址 https://github.com/zeroclipboard/ze...转载 2018-09-30 14:52:51 · 1756 阅读 · 0 评论 -
常用的分享平台api
var templates = { qzone: 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESCRIPTION}}&summary={{SUMMARY}}&site={{SOURCE}}', ...转载 2018-11-05 14:05:48 · 633 阅读 · 1 评论 -
前端页面获取浏览器窗口的几个高度
我的设备有两个,一个高度为1080的显示器,一个高度为800的电脑 第一种:window.screen.height这个方法是获取用户电脑屏幕的高度,是不关浏览器或者顶部工具栏跟底部工具栏的高度的当我在高度为1080的我的显示屏屏幕上打印window.screen.height1080当我在我的电脑上打印window.screen.height800是的 ,...转载 2018-11-25 19:29:00 · 2340 阅读 · 0 评论 -
windows下node版本更新和npm版本更新
我们在使用webpack打包时,啪叽!报个错!Block-scoped declarations (let, const, function, class) not yet supported outside strict mode at意思是:在严格模式之外,尚不支持块级作用域声明(let,const,function,class)出现这种情况可能是node版本和npm版本过低!怎么...原创 2018-12-20 13:35:02 · 547 阅读 · 0 评论 -
怎么让div横向排列不换行,超出之后滚动条
方法:套三层DIV在最外层div box1 设置宽度 且overflow-x:scroll在里面那层div box2不设置宽度 且white-space:nowrap在list元素随意设置宽度(如果用nowrap时候 list不能设置float)(如果用非要list设置float实现横排的话 box2设置一个很大的宽度 容下所有list)<div class="b...原创 2018-12-07 16:05:07 · 17860 阅读 · 13 评论 -
gulp教程
一、gulp简介 1.gulp是什么? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 javascript、coffee...转载 2018-12-20 17:34:54 · 144 阅读 · 0 评论 -
搜集前段面试题,自己尝试做解答!
题目1,有一个数组[123,454,1231,567,897,12] 请取出这个数组中最大的三个数!var arr=[] //存储取出的数var aa=[1253,123,54,65,1233]function getMax(arr1,arr2,length){ for(var i=0;i<length;i++){ var step1=Math.max.apply(null,...原创 2018-12-21 18:27:19 · 150 阅读 · 0 评论 -
改变this指针指向的三个方法,call() apply()和bind()
在js中call()apply()和bind()都是改变指针指向,他们的功能相同,但用法有区别!这三个是函数的方法,调用者应为函数!function.call(obj,ar1,ar2)//第一个参数是函数中此指向的对象,函数在改变此指向的同时还能接收参数以ar1,ar2的格式接收!function.apply(obj,[ar1,ar2])// apply的用法是多个参数用数组表示f...原创 2018-12-28 13:41:48 · 433 阅读 · 0 评论 -
Dselector,可以选择多个选项的下拉表单插件!简单易用,小白最佳选择!解决option长度问题
效果图如上!插件地址:https://github.com/iIASDAFDF/Dselector演示网址:https://iiasdafdf.github.io/Dselector/一个简单易用的下拉表单,可选择多个选项,解决option过长问题! 这是1.3版本 目前只有两种选择框形式 一个页面可以使用多个选择框!您只需要新建实例对象即可1.使用方法:1.1定义...原创 2018-12-29 12:16:42 · 2940 阅读 · 1 评论 -
手机端图片点击预览,双指放大,完整demo,引入hammer.js
代码凌乱,自己写的绝对能用!<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2018-12-24 15:20:14 · 8103 阅读 · 1 评论 -
关于js 中substr substring, splice 和slice最简单粗暴易懂的解释!
substr和substring 是字符串的方法 splice和slice是数组的方法(也可以用于字符串)var str="abcdef"var newstr=str.substring(2,3)alert(newstr)//输出c 因为截取的是索引2到3之间的字符var str="abcdef"var newstr=str.substr(2,3)alert(newstr)/...原创 2018-08-30 16:39:57 · 1421 阅读 · 0 评论