Oh_My_Godjun-CSDN博客

原创 JS 对象，数组去重

var obj = ['110', '120', '110', '114', '115', '115'];var arr =[{ date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },{ date: '2016-05-02', name: '里斯', address: '上海市普陀区金沙江路142弄' },{...

2019-06-18 17:48:28 145 1

原创 await

function sleep(ms) { return new Promise((resolve) => { $.ajax({ url:"http://crawlerapi.buji.net.cn/api/Crawler/projects?pageIndex=1&pageSize=10", async:true,...

2018-05-22 14:50:22 659

原创只允许页面播放一个视频或者音频

var video = document.getElementsByTagName("video");// 暂停函数function pauseAll() { var self = this; [].forEach.call(video, function (i) { // 将audios中其他的audio全部暂停 i !== self && i.pau...

2018-04-26 11:37:11 3217 1

原创 IPNHOE X

@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {}

2018-03-02 11:07:44 227

原创下载 vue 插件 dev

http://www.cnblogs.com/yuqing6/p/7440549.html

2018-01-31 14:11:09 342

原创 gulp

smushit 压缩jpg png https://www.npmjs.com/package/gulp-smushit

2017-12-26 17:15:33 148

原创 iphone x 适配问题

1、顶部通栏之前的客户端一直采用状态栏20pt+导航栏44pt的做法。由于iphoneX多了一块小刘海，因此iphoneX单独采用状态栏44pt+导航栏44pt，意味着内嵌的H5页面整体下移24pt。2、底部操作栏由于iphoneX是全面屏，页面最底部会被弯曲的拐角截掉一部分，特别是有底部固定悬浮的tab条会严重受到影响。这时候需要底部留出一块空白安全区域，页面内容最终的底

2017-12-15 10:18:15 917

原创处理时间戳

const getLocalTime = function(inputTime) { var date = new Date(inputTime) var y = date.getFullYear() var m = date.getMonth() + 1 m = m 10 ? ('0' + m) : m var d = date.getDate() d = d 10 ?

2017-11-10 10:04:28 336

原创跨域

//通过jquery的get方法实现跨域 // $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { // var countryCode = (resp && resp.country) ? resp.country : ""; // countryCode =

2017-09-08 14:47:01 251

原创元素居中

使用CSS完成元素居中的七种方法在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的，但是复杂的布局往往使一些解决方案不能很好的发挥作用。在网页布局中元素水平居中比元素垂直居中要简单不少，同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代，我们很难确切的知道元素的准确高度和宽度，所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中

2017-09-06 08:56:36 272

转载 VUE 引入JQ

引入jQuery通过npm安装依赖引入1、安装```npm install jquery -S```2、修改webpack配置文件build/webpack.base.conf.js...var webpack = require("webpack") // 1. 确保引入 webpack，后面会用到module.exports = { ..

2017-08-28 14:33:34 597

原创 JS 时间转换时间

var _nowTime=new Date();console.log(changetDateTime(_nowTime));function changetDateTime (date) { var y = date.getFullYear(); var m = date.getMonth() + 1; m = m v

2017-06-15 11:05:39 330

原创监听DIV内容变化

$("#startTime").bind('DOMNodeInserted', function(e) {aletr($(e.target).html())});

2017-05-27 10:46:44 1389

原创 gulp压缩图片

var gulp = require('gulp');// 获取 gulp-imagemin 模块var imagemin = require('gulp-imagemin')// 压缩图片任务// 在命令行输入 gulp images 启动此任务gulp.task('images', function () {// 1. 找到图片gulp.src('image

2017-03-30 09:48:27 582

原创背景图片，预先加载

window.onload=function(){ var images = new Array() function preload() { for (i = 0; i images[i] = new Image() images[i].

2017-03-30 09:05:11 1973

原创关于安卓机Input获取焦点时的一些处理（仅供参考）

$(function(){ //$("#phpo").blur(function(){ //var dTop=$(document).scrollTop(); //$('body').scrollTop(-dTop) //$(document).scrollTop()=0; //alert(dTop) var timer, windowInn

2017-03-24 10:59:22 1091

FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。Data URL是一项特殊的技术，可以将资料(例如图片)内嵌在网页之中，不用放到外部文件。使用Data URL的好处是，您不需要额外再发出一个HTTP 请求到服务器端取得额外的资料；而缺点便是，网页的大小可能会变大。它适合应用在内嵌小图片，不建议将大图像文件编码成Data URL来使用。您的图像文件不

2017-03-24 09:36:03 338

原创纯CSS编写滚动条样式

/*定义滚动条宽度以及颜色*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px

2017-03-23 17:07:31 408

Oh_My_Godjun的博客