自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 资源 (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 2919

转载 四种常见请求头设置

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 25262 1

转载 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 639

原创 ionic 3 在底部导航tabs中做登陆!!

tabs 的html<ion-tabs #myTabs> <ion-tab [root]="tab1Root" (ionSelect)="select(0)" tabTitle="首页" tabIcon="home"></ion-tab> <ion-tab [root]="tab2Root" (ionSelect)="select(1)" ...

2019-04-09 15:03:25 196

原创 用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 843

原创 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 455

原创 angular 及ionic 3

1、ionic 的父页面的 sass样式对内部组件起作用2、ionic 3页面跳转有两种方式 1、通过在Html中定义[navPush]="morePage" 你需要在app.module 引入页面 并在declarations 和entryComponents中定义 2、你还需要在定义跳转链接的页面引入要跳转的页面 并定义为变量第二种跳转方式,在js中通过代码跳转...

2019-04-01 19:51:47 350

原创 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 96

转载 async/await 学习!

Async/await有一种特殊的语法可以更舒适地与promise协同工作,它叫做async/await,它是非常的容易理解和使用。Async functions让我们先从async关键字说起,它被放置在一个函数前面。就像下面这样:async function f() { return 1}函数前面的async一词意味着一个简单的事情:这个函数总是返回一个promi...

2019-03-25 16:11:55 103

原创 Vue 记录!

Vue路由传值&lt;router-link :to="{name:'path',query:{id:44}}"&gt;&lt;/router-link&gt;路由接收值!this.$route.query.idVue编程导航this.$router.go(-1)前进后退this.$router.push() 直接跳到某页面 可以传字符串或对象{name:'',query:...

2019-03-14 00:26:01 97

原创 js继承的四种方式!

通过原型继承!为了数据共享,改变原型指向,做到了继承---通过改变原型指向实现的继承缺陷:因为改变原型指向的同时实现继承,直接初始化了属性,继承过来的属性的值都是一样的了,所以,这就是问题只能重新调用对象的属性进行重新赋值, function Person(name,age,sex,weight) { this.name=name; t...

2019-03-10 13:44:11 445

转载 微信公众号开发文档

微信公众号开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&amp;id=mp1445241432微信小程序API开发文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html微信小程序支付接口文档:ht...

2019-02-19 16:51:55 6933

原创 数组的filter方法every some方法!

filter是一个过滤器 过滤出你想要的结果var arr=[34,2,55,7,88]arr.filter(function(item){return item&gt;10})得到结果[34,55,88]  every判断数组中每一个选项是否都满足一个条件,返回布尔值!列如:var arr=[12,45,56]arr.every(function(item){...

2019-02-16 17:04:49 214 1

原创 定时器函数用引号会报错

因为双引号中的作用域不捕捉局部变量,因此会报错误如果你需要在双引号中可以在外部定义一个变量例如:function hh(p){ console.log('hh')}window.onload=function(){ setTimeout('hh(pp)',3000)}或者直接把函数挂在到全局上window.onload=function(){ ...

2019-02-15 16:54:12 162

转载 正则表达式中的奇怪东西 \b ?: ?=

关于正则表达式的“\b”今天刚刚开始看正则表达式就遇到一个十分头疼的问题,原文是这样的:“不幸的是,很多单词里包含hi这两个连续的字符,比如him,history,high等等。用hi来查找的话,这里边的hi也会被找出来。如果要精确地查找hi这个单词的话,我们应该使用\bhi\b。\b是正则表达式规定的一个特殊代码(好吧,某些人叫它元字符,metacharacter),代表着单词的开头...

2019-02-09 00:26:36 200

原创 node 中的中间件!!

1、对请求路径和方法没有要求的中间件!也就是任何请求都会经过这个中间件处理!//next 参数表示进入中间件下一个环节app.use(function(req,res,next){ console.log('666') next()})app.use(function(req,res,next){ console.log('777') next()}...

2019-02-08 17:15:26 234

原创 表单提交异步方式!

$('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 274 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 133

原创 node.js 学习记录!

1,服务器实现网页重定向返回一个302状态码!res.statusCode=302(301永久重定向,浏览器会记住,302临时重定向)在响应头中通过location告诉客户端响应位置!res.setHeader('Location','/')2,导出模块的两种方法 exports.aa=aa  module.exports=aa3,require的模块中的代码只会执行一次 不会重复...

2019-02-01 19:17:31 133 1

原创 表单提交详解!

表单提交有两种方式,一种是默认的action 提交,另一种是异步提交!

2019-02-01 18:43:33 408

原创 mysql报错集锦!!!!

注意:在 MySQL5.7 中 user 表的 password 已换成了authentication_string。注意:password() 加密函数已经在 8.0.11 中移除了,可以使用 MD5() 函数代替。注意:在注意需要执行 FLUSH PRIVILEGES 语句。 这个命令执行后会重新载入授权表。1.初始化 mysqld --initialize --console 报...

2019-01-28 16:37:50 302

转载 node笔记——gulp修改静态文件的名字

cmd小技巧:1、换到下级或同等级目录   D:2、换到上级目录cd..node 包管理器小技巧[以gulp为例]npm install --save-dev gulp gulp-concat gulp-minify-css gulp-rev gulp-rev-collector 等等插件gulpfile.js中的代码 1 2 3 4...

2019-01-11 16:14:51 352

原创 图解,window.innerHeight window.screen.height window.screen.availheight

如图,红色的是window.screen.height   绿色的是window.screen.availheight(去掉工具栏) 黑色的是window.innerHeight  (window所在框架)

2019-01-10 11:36:41 3747

原创 vue 组件和路由 cdn引入方式的写法。。。。

组件component的写法有全局写法和局部写法,全局写法在所有vue实例中都可用,局部写在一个vue实例里面全局写法:&lt;root&gt;&lt;/root&gt;Vue.component('root',{template:'&lt;div&gt;全局全局&lt;/div&gt;'})这样我们就把就定义了一歌全局组件,root,直接使用&lt;root&gt;标签调用,...

2019-01-09 10:44:07 19190 9

原创 小程序怎么让文本只显示两行!超出后以...省略号显示!

关于这个问题其实小程序和普通html是一样的 ,看如下代码&lt;view class="box"&gt;我的字数很多阿萨德撒萨达萨达萨达就安静的加多少家看得开卡打卡拉到了啦啦队啦啦队&lt;/view&gt;.box{ width:100rpx; height:30rpx;//高度不能乱写,你要自己去看你的两行文字占多少高度 font-size:15rpx;...

2019-01-05 17:32:24 13244 2

原创 当元素定义float:left时,下一行div clear:both后,margin-top不生效

只需设置一个容器把上面一行浮动元素包起来,如果浮动元素有relative属性时,再定一个清浮动的div,让容器撑开! &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt;&lt;style&a

2019-01-04 17:22:43 562

原创 Dselector,可以选择多个选项的下拉表单插件!简单易用,小白最佳选择!解决option长度问题

效果图如上!插件地址:https://github.com/iIASDAFDF/Dselector演示网址:https://iiasdafdf.github.io/Dselector/一个简单易用的下拉表单,可选择多个选项,解决option过长问题! 这是1.3版本 目前只有两种选择框形式 一个页面可以使用多个选择框!您只需要新建实例对象即可1.使用方法:1.1定义...

2018-12-29 12:16:42 2898 1

原创 改变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 382

原创 vue在页面渲染出来前显示{{变量名}}怎么办用 v-cloak

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; [v-cloak]{

2018-12-25 10:04:47 5544 2

转载 前端常用的元素垂直居中写法!

CSS实现垂直居中的常用方法  在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。  首先,定义一个需要垂直居中的div元素,他的宽度和高度均为300px,背景色为橙色。代码如下:  &lt;!...

2018-12-24 15:29:42 140

原创 手机端图片点击预览,双指放大,完整demo,引入hammer.js

代码凌乱,自己写的绝对能用!&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;

2018-12-24 15:20:14 8007 1

原创 搜集前段面试题,自己尝试做解答!

题目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&lt;length;i++){ var step1=Math.max.apply(null,...

2018-12-21 18:27:19 115

转载 gulp教程

一、gulp简介    1.gulp是什么?      gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。      gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 javascript、coffee...

2018-12-20 17:34:54 124

原创 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 490

原创 小程序下拉刷新详解!

第一步!找到要设置下拉刷新页面的json文件,配置"enablePullDownRefresh": true第二步!找到要设置下拉刷新页面的js文件,设置 onPullDownRefresh:function(){​​​​​​​ // 一般下拉刷新您会发送请求 wx.request({ url:'', data:'', ...

2018-12-17 18:25:26 797

原创 怎么让div横向排列不换行,超出之后滚动条

方法:套三层DIV在最外层div  box1 设置宽度 且overflow-x:scroll在里面那层div box2不设置宽度 且white-space:nowrap在list元素随意设置宽度(如果用nowrap时候 list不能设置float)(如果用非要list设置float实现横排的话 box2设置一个很大的宽度 容下所有list)&lt;div class="b...

2018-12-07 16:05:07 17325 13

转载 前端页面获取浏览器窗口的几个高度

我的设备有两个,一个高度为1080的显示器,一个高度为800的电脑 第一种:window.screen.height这个方法是获取用户电脑屏幕的高度,是不关浏览器或者顶部工具栏跟底部工具栏的高度的当我在高度为1080的我的显示屏屏幕上打印window.screen.height1080当我在我的电脑上打印window.screen.height800是的 ,...

2018-11-25 19:29:00 2271

原创 前段的坑记录 点点滴滴

1.当盖视点设置填充属性时边界半径不生效2.获取对象属性的个数Object.getOwnPropertyNames(testObj)。长度3.Vue.js当绑定事件和类名一样时页面一片空白也不报错!4.vue只能有一个根元素5.Vue不允许在已经创建的实例上动态添加新的根级响应式属性。6.Vue不能检测到对象属性的添加或删除或修改,最好的方式就是在初始化实例前声明根级响应式属性...

2018-11-18 18:49:58 165

转载 常用的分享平台api

var templates = { qzone: 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&amp;title={{TITLE}}&amp;desc={{DESCRIPTION}}&amp;summary={{SUMMARY}}&amp;site={{SOURCE}}', ...

2018-11-05 14:05:48 599 1

原创 小程序video层级过高 !解决方案之------- cover-view!

在小程序用应用视频地图等组件时会发现由于这些组件层级过高会覆盖到我们的导航栏!即使我们设置了定位给z-index 9999,但是在真机测试时依然会失效!那么就要用到组件盖视图&lt;video src=""&gt;&lt;/video&gt;&lt;cover-view&gt;我要盖住你&lt;/cover-view&gt;用盖视角写导航栏就可以覆盖到视频上面了!但是有几个小坑要注...

2018-10-09 17:42:48 13608 8

tank-master.zip

非常好用的坦克大战资源图片 只要1个金币!快来下载吧

2019-09-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除