自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

转载 窥视各大网站到底有没有的BUG?

摘要:本以为都是干干净净,没想到或多或少还有些报错!1. Segmentfault在SegmentFault的首页,打开开发者面板,一片红!5条错误信息。大致看一下,有3条是找不到css的map文件,2条找不到图片。于是,我特意去源代码中查找了第二个图片的引用位置,然后看网页中是否有异常。确实有,该有的图片没有展示!你可以说这个错误还好,没什么特别的影响,不过我觉得能没...

2018-07-16 15:56:00 142

转载 想成为顶级开发者?你需要多练习!请收好这些资源

每个人都很清楚要掌握一项技能需要充满激情积极地努力工作。如果你想在某一方面成为专家,那么你必须投入充分的精力。没有任何好东西是可以轻易得到的。虽然很难,但是值得去尝试。我们都很喜欢写代码,但是往往没有好的想法,不知道写什么来锻炼自己的动手能力。在这里我给你们列出了一系列有挑战又有趣的项目。1. Node.js配合GraphQL来写后端GraphQL可以说是革命性的改变了我...

2018-05-28 10:07:00 145

转载 用Fundebug插件记录网络请求异常

在服务端,不管我们使用Node.js、Java、PHP还是Python等等,都会用日志以文本的形式记录请求以及报错信息。这个对于后端做事后分析是很有用的。另一方面,前端有时候出问题其实是因为后端接口报错,返回数据异常导致。而实际上,前端才是用户直接触及的端,所以出了问题,首先是在前端体现出来,首先也是找前端。为了更好地定位问题是前端代码还是接口问题,在这里推荐使用Fundeb...

2018-05-25 10:24:00 120

转载 前端BUG监控神器

有时候,看到用户的反馈,我们往往会一脸茫然,因为反馈的信息太少了。比如有用户反馈登录不了。为了解这个问题,一般的流程是这样的:首先试试自己能不能登录网站,发现没问题;然后查看后台日志,发现最近没有登录接口相关的报错;最后根据用户反馈的时间,去后台查日志记录。结果日志记录没有错误信息。那这个问题没法解决了!除非找出用户的联系信息,和他去聊聊这个bug。这样的情况很多,...

2018-05-23 10:51:00 119

转载 黑科技!Fundebug支持可视化重现出错场景

各位老铁,你们在解决bug的时候,是否有过这样的困扰:bug严不严重,要不要立即修复?用户有没有受到影响,是否影响使用?到底是如何触发这个bug的?很多前端的bug,比如WeixinJSBridge is not defined,JQuery is not defined,Script error.。它们到底有没有影响到用户,除非是用户主动反馈,否则我们不得而知。...

2018-05-21 11:22:00 122

转载 微信小程序函数调用监控

微信小程序之无埋点函数调用监控有时候,面对一个bug,左思右想就是无法理解为什么。我就有过这样的经历,耗时整个一个晚上,后来还是放弃了。不得不在所有可能的点都加上日志,部署等待再次报错,真的很让人抓狂!而实际上,解决一个bug的关键就是复现(reproduce),真正解决bug也许就是改动一两个字符的事情。因此,如果能够知道出错函数被调用的...

2018-05-17 10:55:00 164

转载 一种轻量级的微信小程序日志监控的方法

今天一个活动要写个H5,明天一个功能要用小程序,天天都在写bug。用户反馈小程序用起来有问题还特么还不知道到底出了啥bug,反馈多了,老板要扣工资了!看来挖了太多坑不填也不行,程序异常还是要主动追踪,今天给大家介绍一个轻量级的错误日志监控服务Fundebug。Fundebug的小程序监控插件接入简单,只需要下载相应的插件文件,然后在app.js文件中引入并配置apikey即可。唯一要...

2018-05-16 09:50:00 118

转载 你需要知道的小程序开发技巧

背景一直以来进行了比较多的微信小程序开发... 总会接触到一些和官方组件或api相关或其无法解决的需求,于是决定在这里小小的整理一下自己的实现(次序不分先后)自定义组件的使用创建右键新建Component引用在你需要引用的文件的json中定义"注释": "前面为组件名,后面为路径,这里仅供参考"{ "usingComp...

2018-05-15 14:42:00 64

转载 浅谈前端安全以及如何防范

随着互联网的发达,各种WEB应用也变得越来越复杂,满足了用户的各种需求,但是随之而来的就是各种网络安全的问题。作为前端开发行业的我们也逃不开这个问题。所以今天我就简单聊一聊WEB前端安全以及如何防范。首先前端攻击都有哪些形式,我们该如何防范?一、XSS攻击XSS是一种经常出现在web应用中的计算机安全漏洞,它允许恶意web用户将代码植 入到提供给其它用户使用的页面中。比如...

2018-05-15 08:46:00 126

转载 关于input的一些问题解决方法分享

前言input是我们接受来自用户的数据常用标签,在前端开发中,相信每个人都会用到这个标签,所以在开发过程中也时候也会遇到一些问题,本文的内容是我在跟input相爱相杀过程中产生的,在此记录分享一下。如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。本文内容包括:移动端底部input被弹出的键盘遮挡。控制input显/隐密码。在input中输...

2018-05-14 12:13:00 235

转载 7种方法实现数组去重

前言去重是开发中经常会碰到的一个热点问题,不过目前项目中碰到的情况都是后台接口使用SQL去重,简单高效,基本不会让前端处理去重。那么前端处理去重会出现什么情况呢?假如每页显示10条不同的数据,如果数据重复比较严重,那么要显示10条数据,可能需要发送多个http请求才能够筛选出10条不同的数据,而如果在后台就去重了的话,只需一次http请求就能够获取到10条不同的数据。当然...

2018-05-14 11:33:00 115

转载 【转】网上看到的“12个非常有用的JavaScript技巧”

1) 使用!!将变量转换成布尔类型有时,我们需要检查一些变量是否存在,或者它是否具有有效值,从而将它们的值视为true。对于做这样的检查,你可以使用!!(双重否定运算符),它能自动将任何类型的数据转换为布尔值,只有这些变量才会返回false:0,null,"",undefined或NaN,其他的都返回true。我们来看看这个简单的例子:function Account(c...

2018-05-12 09:13:00 73

转载 你可能不知道的 JavaScript 中数字取整

网上方法很多,标题党一下,勿拍 ^_^!实际开发过程中经常遇到数字取整问题,所以这篇文章收集了一些方法,以备查询。常用的直接取整方法直接取整就是舍去小数部分。1、parseInt()parseInt() 函数解析一个字符串参数,并返回一个指定基数的整数 (数学系统的基础)。这个估计是直接取整最常用的方法了。示例:parseInt("2015nov"), /...

2018-05-11 08:25:00 157

转载 前端开发中的JS调试技巧

前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来...

2018-05-11 08:14:00 94

转载 【转】高效利用Fundebug追踪Node.js日志发现问题

不管使用哪个语言做项目开发,我们都会自觉地用日志来做相关记录。比如,HTTP请求,报错信息、某些关键节点埋点记录等等。在Java中有大名鼎鼎的Log4J,于是在Node.js中也有了log4js。日志很此重要,然而再多次用户反馈之后才发现错误已经出现很久,并且折腾了半天也没有解决问题之后,意识到日志并没有想象中方便。1. 内容超载当访问量变大之后,每秒钟日志都是成...

2018-05-10 09:53:00 64

转载 【转】微信小游戏接入Fundebug监控

在SegmentFault上看到Fundebug上线小游戏监控,刚好最近开始玩微信小游戏,于是尝试接入试了一下。接入方法创建项目的时候选择左下角的微信小游戏图标。点击继续进入接入插件页面。第三方插件在小游戏的接入流程和小程序是类似的,你需要将插件代码下载到本地,放到自己的项目中。并且需要将Fundebug的接收域名配置到request合法域名。微信在监管/安全...

2018-05-07 10:40:00 192

转载 【转】Fundebug上线微信小游戏错误监控!支持自动截屏!

摘要:Fundebug竭诚为你的小游戏保驾护航。想必大家都玩过“跳一跳”吧?刷排行榜的感觉是不是很好啊!还有“知乎答题王”呢,在智力上碾压老铁简直太棒了!自带社交属性的小游戏很火,是微信帝国的另一座金矿!为什么监控小游戏?理论上来讲,BUG是无法避免的,实时监控阔以帮助开发者第一时间发现BUG,及时修复BUG,将BUG的影响降到最低。开发者通常是比较自信的,他们...

2018-05-05 10:14:00 113

转载 如何入门微信小游戏开发,有哪些学习资料?

开发微信小游戏并非难事1.首先,微信小游戏的开发方法目前微信小游戏已发布 17 款首发游戏,包括六款棋牌类游戏,以及欢乐消消消、爱消除、坦克大战、保卫萝卜等休闲游戏。<img src="https://pic2.zhimg.com/50/v2-1c8e29d9b6032deb4b0f1c357e4a01b5_hd.jpg" data-size="...

2018-05-05 10:02:00 413

转载 小游戏版本提交审核流程

你需要下载开发者工具创建及完成代码上传,登录微信公众平台提交版本,具体流程如下:1. 开发者工具下载:登录微信公众平台(http://mp.weixin.qq.com)首页 -> 点击“文档”-> 点击“开发”中的“小游戏开发”-> 前往开发者工具下载界面下载开发者工具。<img src="https://pic1.zh...

2018-05-05 09:55:00 421

转载 [小游戏资源] 微信小游戏开发资源目录

一、官方微信小游戏教程小游戏简易教程小游戏API大全小游戏开发工具小游戏应用商店二、微信小游戏精品源码[小游戏源码] 微信小游戏空中射击源码[小游戏源码] 微信小游戏星途Demo源码[小游戏源码] 微信小游戏啪啪蛇Demo源码[小游戏源码] 微信小游戏笨笨鸟Demo源码[小游戏源码] 微信小游戏跳一跳刷分脚本源码[小游...

2018-05-05 09:50:00 226

转载 【转】利用 three.js 开发微信小游戏的尝试

前言这是一次利用 three.js 开发微信小游戏的尝试,并不能算作是教程,只能算是一篇笔记吧。微信 WeChat 6.6.1 开始引入了微信小游戏,初期上线了一批质量相当不错的小游戏。我在查阅各处的文章时候,发现其中有几款是基于 three.js 开发的,目前火爆朋友圈的《跳一跳》就是其中之一。这引起了我的注意,想起几年前也做过不少 WebGL 的尝试,于是禁不住想要弄到微信小...

2018-05-04 09:07:00 184

转载 微信小游戏开发之四:使用three.js引擎

一、前言微信小游戏中最魔性的‘跳一跳’就是基于three.js 引擎开发的源码放到github上了:GitHub地址 请自行下载。二、下载three.min.js打开页面,复制代码到本地三、引用使用如下方式在小游戏中引用threeletTHREE=require('three.min.js的路径')四、开始创建3dgame.j...

2018-05-04 08:45:00 160

转载 【转】微信小游戏开发源码_教程_工具_资源最新集合

[小游戏资源]微信小游戏开发资源目录一、微信官方游戏教程小游戏简易教程小游戏API大全小游戏开发工具二、微信小游戏图标资源Game-icons.net三、微信小游戏图片资源Super Game AssetGameDev Marketenvato marketGame Art PartnersKENNE...

2018-05-04 08:38:00 194

转载 【转】微信小游戏学习

1月份的时候微信更新了小游戏的功能,微信公众平台也放出了小游戏的开发文档,这里总结一下最近对小游戏的学习。登录微信公众平台,能发现小程序的开发文档下多了一个小游戏类别。按照文档的指引,在开发工具中新建项目时勾选“建立游戏快速启动模板”就可以得到一个可以运行的小游戏了。上图可以看到一个飞机的游戏,在开发工具中预览游戏,可以进行试玩。接下来就学习一下这个飞机游戏的代码。项目的...

2018-05-04 08:35:00 69

转载 微信小游戏开发Canvas资源汇总

Demo:微信小程序demo组件:股票分时图微信小程序小组件:仿直播点赞气泡效果,基于Canvas优质demo推荐:二维码生成器;使用canvas与纯JS版二维码生成微信小程序学习用完整demo:canvas涂鸦(含node后端)微信小程序canvas demo:黑客帝国metrix效果、渐变时钟微信小程序优质demo推荐:转盘抽奖:Canvas绘制可配置(已...

2018-05-04 08:29:00 300

转载 【转】微信小游戏开发总结

小游戏是小程序的一个类目,小游戏是微信开放给小程序的更多的能力,让小程序开发者有了开发游戏的能力。小游戏没有WXSS、WXML、多页面等内容,但加了一些渲染、文件系统以及后台多线程的功能。小游戏的运行环境是小程序环境的扩展,基本思路也是封装必要的 WEB 接口提供给用户,尽可能追求和 WEB 同样的开发体验。小游戏在小程序环境的基础上提供了 WebGL 接口的封装...

2018-05-04 08:23:00 173

转载 【转】微信小游戏开发入门

技术简介微信小游戏是在微信小程序的基础上添加了游戏库 API。小游戏只能运行在小程序环境中,所以小游戏既不是原生游戏,也不完全等同于 HTML5 游戏。但实际上小游戏面向的就是 HTML5 游戏开发者,为了能够让 HTML5 游戏低成本移植,小游戏尽量复用了 WebGL、JavaScript 等源自浏览器的 HTML5 技术。可以说小游戏是使用 HTML5 技术搭建,具有原生体验的微...

2018-05-04 08:18:00 39

转载 【转】搭建自己的 sentry 服务

1、 安装docker首先要确认你的 Ubuntu 版本是否符合安装 Docker 的前提条件。如果没有问题,你可以通过下边的方式来安装 Docker :使用具有 sudo 权限的用户来登录你的 Ubuntu 。查看你是否安装了 wget $ which wget如果 wget 没有安装,先升级包管理器,然后再安装它。 $ sudo apt-get update...

2018-05-03 08:37:00 129

转载 【转】关于Sentry

1. Sentry介绍及使用Sentry是一个实时事件日志记录和汇集的平台。其专注于错误监控以及提取一切事后处理所需信息而不依赖于麻烦的用户反馈。备注:国内有同类型的产品Fundebug,提供网站、微信小程序、小游戏的错误监控服务。1.1 Sentry介绍无论测试如何完善的程序,bug总是免不了会存在的,有些bug不是每次都会出现,测试时运行好好的代码可能在某个用户...

2018-05-03 08:18:00 168

转载 【转】sentry 实时事件日志聚合平台

1.install postgreSQL(v9.6)2.pip install sentry(v8.13.0)3.sentry init #初始化配置文件4.配置好postgreSQL需要连接redis5.sentry upgrade #创建超级用户 输错后可以用 sentry createuser6.sentry start #主程序 sentry run w...

2018-05-02 11:32:00 83

转载 【转】Sentry--错误日志收集

简介 Sentry是一个实时事件日志记录和汇集的日志平台,其专注于错误监控,以及提取一切事后处理所需的信息。他基于Django开发,目的在于帮助开发人员从散落在多个不同服务器上的日志文件里提取发掘异常,方便debug。它分为客户端和服务端,客户端就嵌入在你的应用程序中间,程序出现异常就向服务端发送消息,服务端将消息记录到数据库中并提供一个web节目方便查看。DSN(Data...

2018-05-02 11:13:00 216

转载 【转】Sentry介绍

Sentry 是一个开源的实时错误报告工具,支持 web 前后端、移动应用以及游戏,支持 Python、OC、Java、Go、Node、Django、RoR 等主流编程语言和框架,还提供了 GitHub、Slack、Trello 等常见开发工具的集成。基本概念Sentry 是什么通常我们所说的 Sentry 是指 Sentry 的后端服务,由 Django 编写。8.0 版...

2018-05-02 10:27:00 172

转载 微信小程序开发库grace vs wepy

grace和wepy都是辅助小程序开发的开源库,本文对两者做个对比。注:本文是作者本人的一些拙见,纯粹的技术讨论,不想引起技术信仰之争,欢迎积极、正向的讨论及建议。如果你还不了解Grace, 请参考:微信小程序开发神器-GraceGithub: github.com/wendux/grac…自小程序发布后,现在最著名的小程序开发框架就是wepy, 它借助一...

2018-04-28 09:43:00 122

转载 微信小程序开发入门:10分钟从0开始写一个hello-world

小程序开发需要三个描述整体程序的app文件 和 一个描述多个页面的 pages文件夹。(1)三个app文件分别是app.js,app.json,app.wxss。app.js文件是脚本文件处理一些公共的或者全局的逻辑。比如在这里定义全局变量处理登录逻辑指定首页等。app.json文件是小程序的整体配置文件。我们必须要在这个文件中配置小程序是由哪些页面组...

2018-04-28 09:35:00 406

转载 微信小程序开发资源汇总

目录官方文档工具插件讨论教程视频教程文章代码轮子置顶WePY:组件化的小程序开发框架????WePY 开发资源汇总????ZanUI-WeApp: 高颜值、好用、易扩展的微信小程序 UI 库,Powered by 有赞????微信小程序bug监控:好用的线上小程序BUG监控服务,Powered by Fundebug????...

2018-04-28 09:26:00 136

转载 【转】Javascript错误处理——try…catch

无论我们编程多么精通,脚本错误怎是难免。可能是我们的错误造成,或异常输入,错误的服务器端响应以及无数个其他原因。通常,当发送错误时脚本会立刻停止,打印至控制台。但try...catch语法结构可以捕获错误并可以做更多的事情,而不是直接停止。因此,推荐使用Fundebug做线上监控,第一时间发现报错。  “try…catch” 语法try...catch结构有两...

2018-04-27 20:48:00 176

转载 怎么解决你的小程序有“bug”的问题?

为了避免小程序在开发运行之后出现“bug”无法知晓,Fundebug研发的小程序bug监控服务作为小程序的运维中心,很好的解决了这个问题。该插件可以监控小程序中的所有函数调用:通过记录出错前的函数调用序列,可以帮助用户快速准确地复现BUG,提高Debug效率。支持多种属性配置比如,systemInfo是用户的系统信息,比如操作系统,微信版本等等。"syst...

2018-04-27 20:14:00 493

转载 【转】JavaScript 错误处理与调试——“错误处理”的注意要点

try-catch语句该语句最适合处理那些我们无法控制的错误,在明明白白地知道自己的代码会发生错误时,再使用该语句就不太合适了。ECMA-262第3版引入了try-catch语句,基本的语法如下所示:try { // statements} catch(e) { // statements console.log(e);}即使不使...

2018-04-27 18:38:00 60

转载 【转】js 好的程序设计,应该什么时候使用 try catch 呢?

比如在检测浏览器是否支持某些功能的时候if (!xx) { console.error('此浏览器不支持 xx 功能')}还是try { xx;} catch(e) { throw new Error('此浏览器不支持 xx 功能');}上面这个列子可能并不恰当,只是抛出问题,希望大神可以全面的指点下。回答1:jquery ...

2018-04-27 11:12:00 124

转载 【转】JavaScript的异常处理

当JavaScript引擎执行JavaScript代码时,有可能会发生各种异常,例如是语法异常,语言中缺少的功能,由于来自服务器或用户的异常输出而导致的异常。而Javascript引擎是单线程的,因此一旦遇到异常,Javascript引擎通常会停止执行,阻塞后续代码并抛出一个异常信息,因此对于可预见的异常,我们应该捕捉并正确展示给用户或开发者。Error对象th...

2018-04-27 10:38:00 84

空空如也

空空如也

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

TA关注的人

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