网页
文章平均质量分 63
pilipala6868
爱健身的未来程序猿
展开
-
egg终端打印日志格式化
查阅了博客和 github 的 issue 都没有发现可配置的地方有人觉得这里已经绝路了 ????????https://github.com/eggjs/egg-logger/blob/master/lib/egg/context_logger.js#L45有人认为只能自己写 custom-logger ????????https://www.zhangshengrong.com/p/Z9a28zOxXV/不肯前功尽弃,于是深挖源码,直到 ????https://github.原创 2021-10-15 19:52:47 · 683 阅读 · 0 评论 -
移动端轮播图——网易云音乐手机端样式
一开始直接用的是一种比较直观的方式,先计算好给定总盒子总宽度,及每个轮播图的宽度,最好事先把高度也确定了。接着用li建立一个横向的图片排列,让图片在屏幕之外也按顺序地排列着,通过修改整个sliderBox的left为负值来移动,transition实现移动轨迹变化,再通过append移动开头/末尾的循环。但实践发现这样是错的。因为用户触摸拖动轮播图时,left值相应地变化,这时该...原创 2019-03-08 11:17:50 · 1414 阅读 · 0 评论 -
支付宝付款弹窗 被浏览器拦截
网站在点击付款后,发现支付宝弹窗会被浏览器误以为广告拦截,无法打开支付宝付款页面。网上教的一个办法是在onclick中用window.open打开链接然后把表单数据放在链接参数里,在新页面进行付款表单提交处理。但亲测发现这样仍然会被浏览器拦截,而且我还需要在付款后进行后台的其他操作。接着发现如果在onclick中直接指定window.open(),打开的是空白窗口的话,浏览...原创 2019-03-06 19:55:59 · 4140 阅读 · 0 评论 -
支付宝接口 PHP接入网页支付
项目需要用到支付功能,于是开始尝试了支付宝接口的接入首先要在支付宝的开发者中心注册应用并签约相应功能:签约成功后,下载官方的支付demo开始学习:https://docs.open.alipay.com/270/106291/填写config.php文件应用ID(app_id)、APPID(app_id)、商户私钥(merchant_private_key)、支付宝公钥(...原创 2019-03-06 11:23:09 · 2152 阅读 · 0 评论 -
轮播图被砍头,图片加载到了窗口之外
开发一个个人的购物网站时,轮播图的加载遇上了一个问题:正确情况应该是这样的:但很多时候却变成了:轮播图跑到窗口之上去了。一开始以为可能是轮播图模块还没有加载好就先执行了其js代码,于是将其<script>标签放到了body的底部,但很多时候仍然无法避免。在其js代码的执行前加了句console.log,发现出现此状况时轮播图的高度是0。于是现在问题...原创 2019-02-21 11:09:08 · 322 阅读 · 0 评论 -
用SVG制作秒表外圈的走动效果
在做freeCodeCamp的番茄计时器练习时,想要在计时器的外围加一会随着时间进展的圆圈,最终的代码先贴上 - Github,效果如下图:一开始找了几个类似的jquary插件,但都觉得代码太多了不想看... 于是想自己动手写一个。最初的思路都是从“遮挡”方面开始的,想着用两个半圆重叠出的缺口来制造该效果,但似乎只是对时钟的0-6点比较方便,余下的6-12点半圆似乎又得有另外的技巧来制...原创 2018-08-20 21:20:40 · 470 阅读 · 0 评论 -
linear-gradient在firefox里的0高度
使用linear-gradient呈现多彩背景时,如果DOM中的元素不够多,body的高度小于窗口的高度,在firefox中会出现背景色没有铺满整个窗口的情况,导致背景色多层重复出现。例如,整个body空无一物的时候,这是一般的理想情况:但在firefox中是这样的: 此时特别简单地,把html和css的height设为100%,问题立刻就解决了。但另一个问题来了,如果...原创 2018-08-14 20:06:13 · 341 阅读 · 0 评论 -
七彩流动变化背景
在用linear-gradient设置彩虹般的背景时,忽然想到如果能让它们流动起来一定更好看。在网上搜了一波后发现并没有别人提出这个想法并实现,于是便自己着手写了起来。代码见Github - colorful-linear-animate 颜色变化原理一开始想到的当然是Jquary-ui里的颜色animate,但似乎没什么方法可以把那种变化移植到linear的多彩背景变化中来。...原创 2018-08-14 11:15:17 · 1608 阅读 · 0 评论 -
PHP接收Python的传值
因为博客之前都是用PHP写的后端,现在想应用一下Python爬虫到的豆瓣数据,于是就需要在PHP中得到Python的运行结果。建立联系首先,将PHP和Python建立起联系的,就是在PHP中使用shell_exec()函数:<?php $output = shell_exec('python ./test.py'); echo $output;?>中文乱码如果$output里的中...原创 2018-06-01 01:30:58 · 2529 阅读 · 0 评论 -
文段溢出缩略显示,点开显示全文
关于这个功能有一个比较有名的jQuery插件dotdotdot.js,但用别人的插件总是觉得自由度不高,而且没法像animate一样让盒子动态伸缩,所以便花时间自己写了一个。 先贴上代码: //文段溢出显示省略号 (外部盒子选择器,内部文段选择器,文段最大高度,省略号内容) function overFlowDotDot(outBox, boxText, textMax...原创 2018-02-23 18:14:46 · 436 阅读 · 0 评论 -
网页背景图缓慢溶解变化
思路其实很简单,用两个<img>元素作为背景图,一个显示另一个隐藏,定时交替变化即可。 $("<img id='backgroundImage1' />").appendTo('body').css('opacity', '0'); $("<img id='backgroundImage2' />").appendTo('body').cs...原创 2018-02-23 17:36:52 · 570 阅读 · 0 评论 -
session跨页面失效
一般出现跨页面session失效的情况,基本都跟php的配置有关: 1、session.save_path访问权限不够,或者路径有问题; 2、session.use_trans_sid和session.use_only_cookies的设置问题。 查看php.ini: 发现路径正常,而且文件中也准确记录着session值,因此session.save_pat...原创 2018-02-28 17:50:01 · 5887 阅读 · 4 评论 -
Web贪吃蛇(js)
写这个网页版的贪吃蛇,总历时两天半,又是一写就一发不可收拾。 游戏链接:Retro Snaker(先玩玩普通模式再试极速吧~) Github源码:贪吃蛇 主要有几个想提一下的难点:首先也是写出贪吃蛇最重要的一点,就是怎么让蛇动起来。不难想到可以创建一个数组来存储蛇的每一部分身体的坐标,之后用一个move函数让蛇动起来;move的原理一开始是想通原创 2017-06-19 15:44:58 · 1476 阅读 · 0 评论 -
Web扫雷(js)
这两天刚看完Head First系列的JavaScript,就想先写出点什么来试探一下自己。刚合上那本书的晚上在图书馆就开始想,第二天就开始着手写代码,写了一整天,第三天早上再加了几个js功能,以及改了两个Bug,算是历时1天半写出来的成果~ 游戏链接:Mine Clearance(服务器是百度随便找的免费服务器,点进后请关掉广告)。 源码在这里:扫雷源码 - Github原创 2017-06-09 16:12:53 · 1529 阅读 · 0 评论