网页前端设计

http://www.86y.org

搜索文章

原生js封装ajax的函数(运用promise的回调函数)2021/3/23 11:08:47

原生js封装ajax的函数(运用promise的回调函数)

本篇文章实现了如何 优雅的在 ajax中使用promise。Promise 其实也是原生js新的特性,使用Promise可以很好的解决这些问题:处理错误,比如网络请求失败如果发生错误,可以传值也可以处理JavaScript的错误很好的解决比如回调也是一个异步操作的情况封装方法如下:/*利用promise封装的ajax函数*/function ajax(method,url, data){ /*兼容IE*/ var request=window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); return new Promise(function(resolve,reject){ request....未完,继续阅读→

es6promiseajax回调

阅读(531)条

微信小程序保存视频到本地(封装)2021/1/22 14:23:06

微信小程序保存视频到本地(封装)

function getVideoStting(url) { return new Promise((reslove, reject) => { if (url) { wx.showLoading({ title: '保存中', mask: true }) wx.getSetting({ success(res) { wx.downloadFile({ url: url, success: function (res) { console.log(res) var temp = res.tempFilePath wx.saveVideoToPhotosAlbum({ filePath: temp, success: function (res)...未完,继续阅读→

如何绕开referrer防盗链2020/12/24 9:46:35

如何绕开referrer防盗链

开篇最近处理了一个与referer有关的需求,发现里面还是有一点门道的。因此在本篇文章整理了referer相关知识点,主要涉及图片防盗链与如何绕开防盗链限制。参考:Referer-MDNHTTP来源地址-维基百科使用refererReferer是HTTP请求头的一个字段,包含了当前请求页面的来源页面的地址,通过该字段,我们可以检测访客是从哪里来的。那么,referer到底有啥作用呢?交互优化在某些web应用的交互中,右上角会提供一个返回按钮,方便用户返回上一页  其实现一般也比较简单<a href="javascript: history.back();">&...未完,继续阅读→

幸福没有榜样2020/11/1 18:42:24

幸福没有榜样

有时,我们总是感到自己的生活不够幸福,不如人家的日子过得那样滋润甜美,还常常拿别人家的幸福作榜样,去寻找自己的幸福。“榜样的力量是无穷的”,可是,到头来,我们会发现,惟独这人追人寻、人见人爱的幸福,没有榜样,常常是求而不得,甚至徒生烦恼。  幸福是什么?《现代汉语词典》给出的答案是“使人心情舒畅的境遇和生活”。但是,同样的“境遇和生活”,不同人却有不同的感觉。乞丐得到一顿饱饭,心情会很舒畅,感到幸福降临;不说一顿饱饭,就是一桌山珍海味,在大款大腕那里,大概也激不起一点快乐的心...未完,继续阅读→

JS实现返回上一页并刷新页面的方法2020/5/15 15:44:52

JS实现返回上一页并刷新页面的方法

移动端的开发的时候经常修改了内容,返回的时候值还没变化。所以,返回时返回的页面需要刷新。在这里分享给大家供大家参考,具体如下:正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候,是不会刷新页面的。这种不刷新页面包含两种情况:在 android 或者 pc 浏览器中看到的页面有刷新的效果,其实不是这样的,这个时候的所有的资源都是从缓存中加载来的。我们通过浏览器调试工具可以看到 from disk cache 或者 from memory cache。在 ios 中甚至于返回到了上一页后...未完,继续阅读→

网页外链用了 target=_blank,要注意了2020/3/21 10:17:58

网页外链用了 target=_blank,要注意了

今天给大家分享一个 Web 知识点。如果你有过一段时间的 Web 开发经验,可能已经知道了。不过对于刚接触的新手来说,还是有必要了解一下的。我们知道,网页里的a标签默认在当前窗口跳转链接地址,如果需要在新窗口打开,需要给 a 标签添加一个target="_blank"属性。<a href="http://86y.org/" target="_blank">幸凡学习网</a>顺便提下一个有意思的现象,很早之前我就发现,国外网站倾向于在当前页跳转,而国内网站喜欢打开新窗口。不信你们可以去验证下。我不知道这是交互设计上...未完,继续阅读→

技巧外链安全

阅读(1677)条

《鬼娃回魂2019》The Buddi Song 音乐欣赏2019/9/12 14:15:27

《鬼娃回魂2019》The Buddi Song 音乐欣赏

The Buddi Song------------------start--------------------You are my Buddi, until the endMore than a buddy, you're my best friendI love you more then you will ever knowI will never let you goI am your Buddi until the endMore then a Buddi, I'm your best friendWhen you feel lonely and you start to cry,I am always by your sideLa la la la laLa la la laLa la la la laLa la la laLa la la la la la la la laLa la la laLa la la la laWe are best Buddis until the endMore than just ...未完,继续阅读→

音乐鬼娃回魂2019

阅读(4367)条

C#解析复杂的 Json 字符串2019/9/3 11:35:08

C#解析复杂的 Json 字符串

如今大量的 Web API 为我们编写复杂程序提供了极大的方便,例如百度地图 API、图灵机器人 API等等,利用这些 Web 应用程序我们可以充分发挥云服务的优势,开发出大量有趣的应用。Web API 通常返回 Json 或 XML 格式的检索数据,由于 Json 数据量更小,所以目前大多数情况下我们都选择返回 Json 格式的数据。如果返回的 Json 文档很大,而我们仅仅需要其中的一小部分数据。按照之前的方法,我们必须首先定义一个与 Json 对象对应的 .NET 对象,然后反序列化,最后才能从对象中取出我们需要的数据。而有了 Json.NET,这个任务就很容易实...未完,继续阅读→

jsonnet解析

阅读(5660)条

关于微信小程序 wx.getBackgroundAudioManager 的错误提示2019/7/15 10:12:43

关于微信小程序  wx.getBackgroundAudioManager 的错误提示

最近鼓捣的小程序要用到背景音乐这个wx.getBackgroundAudioManager 背景音乐插件。在小程序管理后台的 【开发】有报一些关于wx.getBackgroundAudioManager的错误。所以也查了一些相关资料并没有找出原因,经过自己仔细检查代码发现了。原来是在没有开启背景音乐的情况下,进行了其它的相关操作导致。完整错误代码如下:setBackgroundAudioState:fail: jsapi has no permission, event=setBackgroundAudioState, runningState=background, permissionMsg=permission ok, detail=jsapi permission required playing audio but cu...未完,继续阅读→

小程序背景音乐

阅读(6439)条

27个 底部 tab bar 动画设计灵感2019/6/27 16:18:05

27个 底部 tab bar 动画设计灵感

Colored Tab Bar Interactions by tubikTab Bar Animation nr.2 by Lukáš Straňák | codepen DEMO Google Bottom Bar Navigation Pattern by Aurélien Salomon | codepen DEMOTab bar interaction with animated icons by Ketan | GithubCreate New Document Tab Bar by Hoang Nguyen | 相似的例子codepenWeChat Tab Bar Redesign by Lukáš Straňák | codepenJack - Tab Bar Interaction b...未完,继续阅读→

tabbar设计动画

阅读(5018)条

PhotoSwipe部分安卓手机长按图片不弹出菜单问题2019/1/2 17:15:45

PhotoSwipe部分安卓手机长按图片不弹出菜单问题

在使用PhotoSwipe时,在IOS设备上图片放大能够弹出微信的保存图片的菜单,而安卓上却没有微信的保存图片的菜单。PhotoSwipe部分安卓手机长按图片不弹出菜单问题 特此记录一下 在photoswipe.js里找到如下代码_onDragStart = function(e)然后定位到内部的if (_preventDefaultEventBehaviour(e, true))找到如上代码位置编辑成如下保存即可if (_preventDefaultEventBehaviour(e, true)) { var isAndroid = /android/gi.test(navigator.userAgent); isAndroid || e.preventDefault();}未完,继续阅读→

PhotoSwipe微信安卓

阅读(4154)条

html页面内容的收缩和展开效果 px / rem 默认显示两行或更多2018/9/26 10:40:08

html页面内容的收缩和展开效果 px / rem 默认显示两行或更多

一、概述:html页面内容的收缩和展开效果, 默认显示两行内容,点击进看全文,显示全部。(效果如下图:)二、源代码如下:<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>px / rem 默认显示两行内容 点击进看全文 显示全部</title> <script src="http://code.jquery.com/jquery-2.1.1.min.js">...未完,继续阅读→

jq技巧

阅读(6009)条

程序员都在用的电脑小技巧,看看你会几个2018/8/14 11:38:03

程序员都在用的电脑小技巧,看看你会几个

现在加班已经是常态了,程序员加班更甚,但是对于其他行业来说,有些工作其实是可以通过一些小技巧来提高工作效率的,如果你经常因为电脑操作的问题耽误工作效率,这篇文章可以让让你少加班一小时。如果你每天按时准点的下班,那么这篇文章或许可以让你多刷一会抖音,多和旁边的美女同事说几句话。当然还有一个最重要的前提就是你用的电脑室windows的,如果是用苹果的,可以等明天一、文件误删如何恢复?经常遇到不小心误删的情况,而且还是彻底删除,咋办啊?不需要任何工具,简单三步走,你就能找回你删掉并清空回收站的东西。1、单击&l...未完,继续阅读→

电脑技巧

阅读(3482)条

活着不是为了生气2018/8/6 11:10:54

活着不是为了生气

如果你问一个人,你活着是为了什么?有人会说快乐,有的人是幸福,有的人是成功……但肯定没有一个人会说自己活着是为了生气的。 没有谁喜欢有事儿没事儿生气玩儿的,但很多人却有事儿没事儿就生气。其实,不是生活中的不顺心太多,而是因为我们忘了自己活着是为了什么。  有一位金代禅师非常喜欢种兰花,在平日弘法讲经之余,花费了许多的时间栽种兰花。有一天,他要外出讲学,于是就交代身边的小和尚,要照顾好寺院里的兰花。  禅师走了以后,小和尚总是悉心地照顾兰花,但有一天在浇水时却不小心摔了一跤,把花架撞倒了,所...未完,继续阅读→

感悟美文

阅读(3833)条

移动端自适配 力荐viewport缩放解决方案2018/7/6 9:39:54

移动端自适配 力荐viewport缩放解决方案

一、概述:做了几年的移动端一直用rem,感觉最烦琐的就是rem的计算。随便可以用cssrem自动计算,但是有时候感觉宽度跟高度的rem并不是完全准确。所以决定用viewport缩放来试试看效果,经果一些网友的帮忙测试,发现缩放viewport这种方法更简单、高效、准确。测试结果:(如果其它手机测试结果欢迎留言)测试地址:http://86y.org/demo/scale/360n6pro 正常oppo r7s 正常坚果Pro 正常iphone6 正常iphone8p 正常华为p9 正常二、思路:例如效果图是:750*1334(px)的源文件。1、根据750 PSD源图 宽度尺寸进行比例缩放,高度并没有限止,所以高度...未完,继续阅读→

解决 ios input fixed置底 获取焦点或切换输入法时被法挡住的BUG2018/7/5 11:53:20

解决 ios input fixed置底 获取焦点或切换输入法时被法挡住的BUG

一、概述:项目中有一个置底发布评论的效果,安卓没有发现问题,但是IOS出现了被输入法挡住的问题。搜索了下这个BUG,很多人都有在问这个问题。二、解决思路:有去尝试了一些测试,但有些是只能在弹出时滚动到底部,切换输入法还是有问题。所以我对此方法做了一个调整,IOS中需要点击才能获取焦点,接着我就对input点击事件着手。1、点击input时科开启定时器自动滚动到底部,防止切换输入法导致被挡住。2、input失去焦点时清除定时器。三、实例源代码:(测试地址:http://www.86y.org/demo/input%20fixed/)<div class="replay_com&qu...未完,继续阅读→

bugiosinput

阅读(6864)条

js 只选择选择时分秒的jq插件2018/6/20 11:40:49

js 只选择选择时分秒的jq插件

一、概述:由于项目中需要使用到只选择时分秒的插件,而开始使用的laydate插件必须要带日期所以,还是自己写一个时分的插件吧。效果如图下:二、实例代码:(点击进入预览效果)<!doctype html><html><head><meta charset="utf-8"><title>js 只选择选择时分秒的jq插件-幸凡学习网</title><style>/* CSS Document */html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,figure{margin:0;pa...未完,继续阅读→

插件时间

阅读(10090)条

小程序之 保存canvas生成商品图片附加小程序二维码 分享到朋友圈2018/6/8 14:25:30

小程序之 保存canvas生成商品图片附加小程序二维码 分享到朋友圈

一、概述:看了很多小程序的canvas,很多人在骂街,跟浏览器的操作实在相差太多,API极少。所以有些功能基本上没办法实现。但是基本的还是可以的。比如我要实现 生成商品图片(包含产品的:标题,价格,图片,小程序商品详情的二维码等)点击生成后的canvas保存到手机。虽然效果实现了,但是走了不少弯路。所以有必要在此纪念一下。需要用到的生成二维码组件(可自行下载添加到小程序根目录utils里):https://github.com/demi520/wxapp-qrcode/blob/master/utils/qrcode.js以上二维码组件默认是有空白边的的,如果不需要空白区域,也可以修改...未完,继续阅读→

小程序canvas

阅读(9436)条

ES6 Promise 用法讲解 链式操作2018/4/26 10:29:50

ES6 Promise 用法讲解 链式操作

Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log("执行完成"); resolve("随便什么数据"); }, 2000);});Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。其实这里用“成功”和“...未完,继续阅读→

es6proisejs

阅读(5656)条

canvas跨域绘制图片报错解决方案2018/4/4 16:37:42

canvas跨域绘制图片报错解决方案

概述:canvas绘制图片,由于浏览器的安全考虑,如果在使用canvas绘图的过程中,使用到了外域的图片资源,那么在toDataURL()时会抛出安全异常:Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.解决方案第一步:访问的服务器允许,资源跨域使用,也就是说设置了CORS跨域配置,Access-Control-Allow-Origin打开IIS,找到“HTTP响应标头”点进去,在右侧可以看到添加,然后添加如下标头即可Access-Control-Allow-Origin:* 第二...未完,继续阅读→

canvas跨域绘制

阅读(5993)条

当前第  1  页 / 共  41  页  总共804条记录  

12345678