高飞家的猫-CSDN博客

原创 CocosCreator2.x 开发笔记

CocosCreator2.x 开发整理

2022-07-10 18:49:35 1548

原创 ThinkCMF知识点汇总

场景：windows环境下开发的ThinkCMF项目上传到Linux服务器，提示model Class not found。解决方法：检查文件夹名称的大小写。因为Linux和windows不同，windows上不区分路径、文件名称、类名、方法名的大小写。...

2021-01-05 12:14:12 216

背景图文H5开发最后一步要把SVG代码嵌入到微信公众号正文里，这里分享一下方法。步骤第一步，上传图片素材需要把代码中用到的图片素材上传至微信后台，并获取线上地址。进入微信公众平台，点击左边的创作管理/多媒体素材/上传。上传成功后，打开图片，获取图片的线上地址。第二步，导入微信文章正文新建图文消息，先输入好标题、作者，上传好封面图。然后在正文区域输入两行文字（微信要求正文必须含有文字）。打开chrome调试工具，定位到第二行文字：在第二行文字代码处.

2020-10-22 15:57:38 11639 4

原创使用webpack4打包threejs H5前端项目（webpack+threejs+vscode开发）

背景近期学习threejs项目，由于依赖加载器、渲染器、后期处理等js库文件，所以考虑用webpack打包前端项目。分析项目文件均为静态文件，包括html、css、js、img、json（3D模型文件）。其中，img和json直接拷贝，css和js进行合并压缩处理。这里使用vscode IDE编写代码，对于webpack主要有2个便捷，一是方便定位项...

2020-04-02 10:14:53 3876

原创使用汉王云API实现手写识别H5（参考：2018政府工作报告关键字）

背景有个项目需求用到手写识别功能，即H5识别用户手写的文字内容。参考案例为“2018政府工作报告关键字”，扫描下面二维码体验，分析重点为找到合适的文字识别接口，通过查询，市面上已有腾讯AI、百度AI、科大讯飞的文字识别接口，通过测试结果均不理想，这些接口的实现原理都是识别图片上的文字内容转换为文本。后经分析参考案例，其使用的为汉王云AP...

2019-03-19 13:52:20 1694 1

原创 Egret设置HttpRequest请求(即接口调用)超时时间

背景用Egret开发的H5项目，调用第三方图片处理接口，由于图片大小和用户网络问题，接口返回时间有可能较长，影响用户体验，故需设置接口超时时间。引擎中并没有类似于Ajax中的timeout参数，所以需要自己实现。分析实现原理是，设置一个计时器Timer模拟超时时间，超过指定时间后立刻中止请求。代码示例let portState = false; // 接口返回...

2019-01-19 15:29:38 3676 1

原创纯前端实现人体抠图背景融合-调用Face++抠像接口API实现人像抠图

背景H5项目需求，用户上传半身照，程序抠出人像，跟指定背景融合成一张海报。解决方法目前市面上只查到face++有这种抠图接口。调用URL：https://api-cn.faceplusplus.com/humanbodypp/v2/segment调用方法：POST请求参数：是否必选参数名类型参数说明 ... ... ...

2019-01-19 15:05:12 11417 4

转载阿里云ECS中PHP配置Redis——附Apache的Redis扩展文件

背景一个高并发（预估1000并发量，实际达到6000并发量）的项目，要用到云数据库进行数据同步。Redis要比RDS(MySQL)的读写性能高很多倍，而且相同最大连接数Redis的价格要比RDS便宜近百倍。所以，选择Redis来做云数据库。分析后端选择SLB配12台ECS服务器，为节省时间肯定要通过镜像市场来做系统镜像。而通过镜像配置的PHP并没有Redis扩展，需要自行安装扩展...

2019-01-19 11:55:58 551

原创阿里云CDN及SLB配置HTTPS证书

背景近期给一个知名品牌做发券类的H5项目，甲方考虑到运营商的流量劫持会出现骚扰广告，会造成显示问题，故要求使用HTTPS安全域名。解决思路前端代码整体在CDN上，需设置CDN的安全域名，用到微信授权及微信分享接口在SLB上，需要设置SLB的安全域名。CDN和SLB都是使用的阿里云产品，想必有成熟的解决方法。经查询，CDN要为单域名配置SSL证书，SLB要添加HTTPS监听再配...............

2019-01-19 11:05:07 4535

原创阿里云负载均衡SLB配置方法——附实例操作说明

背景有两个高访问量的前端H5项目同时上线，为了保证微信分享接口能承受住高并发，尝试用阿里云负载均衡来配置分享接口。虽然实际访问量没有达到预估的百万，日均有4、5万，并发有100多，所以此次配置还是相当有效的。思路由于项目是纯前端H5，把项目整体打包到CDN，这样就算分享接口挂掉，也不会影响H5的正常访问。那压力就集中在分享接口的承载上。 ...

2018-07-25 11:48:30 37191 1

原创用压测大师wetest进行H5投放朋友圈广告的压力测试

背景 H5投放朋友圈广告需要给腾讯提供压测报告，要求是“压一跳页面所在的服务器并发400，90%响应时间小于200ms，QPS大于1500”。工具一：ApacheBench 压测工具：压力工具选择使用Apache的ApacheBench；压测命令：ab -n 10000 -c 400 dest_url 工具二：腾讯的压测大师wetest ...

2018-06-26 15:59:53 5489 1

原创纯前端实现人脸融合-调用Face++的人脸融合API接口实现

背景前段时间接触一个人脸融合类的H5，根据已有项目经验，直接选择腾讯AI的人脸融合API，接着等待3个工作日的模版审核期。不巧的是，由于面部遮挡审核被驳回（下图）。如果再次提交审核，那根据上线时间是完全来不急的，故需要寻找无需模版审核的替代方案。解决方法经过查询，提供人脸识别服务的Face++旷视，有人脸融合的开放API。 ...

2018-06-25 22:50:01 19971 21

原创用cookie解决新版微信中H5页面底部白条问题

背景 5月23日微信更新6.6.7版本，新加的文章缩小浮窗功能确实很赞。不过，有一处更新颇使H5开发者感到困扰，就是在iPhone上H5页面最底部多了一个白色的前进后退控制栏，即下图底部的那个白条，分析在微信里只要发生页面跳转，这个控制浏览器前进后退的白色条就会出现。如果进入H5首页每次都要微信授权来获取用户信息，那这个白条将每次都会出...

2018-06-04 17:12:58 49128 31

原创 H5微信网页授权接口开发 PHP［附源码］

背景上篇分享了微信分享接口的文章，本篇分享微信授权接口的源码及使用说明。接口开发语言是PHP，是通过两次跳转实现的。前端跳转到服务器接口获取用户信息，并通过追加用户信息（如：openid、昵称、头像等）地址参数跳回前端页面。实现方法根据文档说明，网页授权流程分为四步。这里主要说下其中的三步，第一步：用户同意授权，获取code。 ...

2018-05-14 15:16:55 15851 14

原创小程序https域名免费SSL证书申请及Apache安装配置

背景小程序接口开发使用https协议，要申请SSL证书。现分享免费申请SSL证书和Apache安装证书的方法。申请SSL证书经检索，现在大部分证书提供商要收费，只有腾讯云还在免费申请中。打开腾讯云的证书选购链接／证书种类选择“域名型免费版(DV)”／填写证书绑定的域名和申请邮箱／进行DNS域名身份验证，然后等着查收 CA机构的审核邮件通知。安装SS...

2018-05-05 11:38:29 3362

原创用阿里云RDS应对高并发数据库设计

背景遇到数据高并发的项目，如双屏互动，用户交互时会高频对数据库进行读写操作。如果访问量较大，会对服务器和数据库造成很大的压力，甚至会出现Down机的情况。代码环境为Apache+PHP+MySQL的服务器，Apache和MySQL本身就有最大访问量的限制，虽然可以手动修改这个限制，但如果服务器配置不行，仍然会出现不稳定的情况。所以，采取更稳定的方案，...

2018-05-04 18:08:55 6333

原创用“websocket第三方服务”野狗云实现双屏互动H5

背景这次想开发一个双屏互动的案例，考虑到数据实时性及ajax轮询对服务器的压力，尝试用websocket来实现。自行搭建websocket服务，时间成本和技术成本较高，故寻找第三方服务。经检索，发现goeasy、LeanCloud、野狗云，三家“实时通信引擎”服务商，分析文档考虑价格、便捷性，决定用野狗。项目分析 “我和女神的故事”H5的玩法逻辑是： ...

2018-05-04 16:30:26 3082

转载 PHP接口允许ajax跨域访问设置方法

背景 H5开发中使用ajax调用数据接口，如果接口文件不在同域名下会提示跨域错误（No 'Access-Control-Allow-Origin' header is present on the requested resource.）。解决方法通过设置php接口文件的 Access-Control-Allow-Origin 头信息来实现跨域访问。 1...

2018-05-03 16:33:02 4887

原创 html5网页及Cocos中生成二维码

背景 H5中会遇到生成二维码的功能需求，如网页名片、双屏互动等场景。实现方法主要用到一个生成二维码图片的插件QRCode.js（插件下载及文档说明在底部参考链接）。说两种使用环境，第一种是在网页中直接使用，第二种是在Cocos中使用。第一种，在网页中直接使用方法很简单，添加Dom结构，引入javascript库文件，然后设置调用参数即可，// 设置参数...

2018-04-30 16:22:56 1442

原创 H5微信分享接口开发JS-SDK PHP［附源码］

背景 H5开发中几乎所有项目都要用到自定义分享，见过的分享接口有php引入和ajax调用两种，使用不方便且对代码环境有要求。故共享一版可通过javascript文件引入方式来实现自定义分享的接口（这是15年底做的接口，一直在使用，如果有更简单便捷的方法欢迎交流）。使用这个接口，不管你是php开发的项目还是纯前端的html项目，不管是把代码放服务器还是放到OSS CDN...

2018-04-30 11:02:28 13095 17

原创 Egert实现五点连线（创意参考：网易爱的不同定义）［附源码］

背景需求为“一笔连接五点，画出星座图腾”，即手指画线穿过5个点，画出12种不同图形，播放对应的12星座动画。分析主要技术点有两个：一是五点连线与12星座的对应关系，二是五点连线的技术实现。实现方法第一个技术点，五点连线的情况分析。把5个点命名：点1、点2、点3、点4、点5，因为最终是1条线，对5点的先后顺序没有要求，这里假设起始点为点1，...

2018-04-29 15:26:37 3756

原创 svn自动同步到web目录的设置方法

背景服务器（Windows Server 2008系统）上搭建VisualSVN Server，本地svn提交代码修改后，需要自动同步到服务器端的代码仓库。设置思路： svn的hooks目录有触发功能，有一个post-commit.bat文件（需要新建），意为“提交后执行”，通过这个功能就可以将提交代码后要做的事写到里面来执行。操作：在

2018-01-17 15:03:59 1850

原创 Html5固定链接生成二维码的技巧

应用场景图片生成类H5，经常遇到在生成后的图片上放二维码，用于好友长按识别并跳转到H5链接的需求。有时网址较长或者二维码尺寸较小，会导致有些手机无法识别到二维码。解决方法通过运用URL短网址服务，将网址缩短再生成二维码。例如：http://html5.rockstudio.cn/iqiyi/HuckleberryFriend/index.

2018-01-17 14:18:11 16142

转载健康地奋斗着——程序员自己的养生书

前言我活着，没什么了不起的活着，既不富也不贵，每天为养家糊口而劳碌；我活着，跌跌撞撞的活着，从小体弱多病，几次从鬼门关闯过，靠自己调养，至今基本健康；我活着，充满幸福感的活着，我三十大几才要的孩子，媳妇也三十大几，而且素体虚弱，然而我们的宝宝很健康，初生儿健康评分满分，我们给了他一个好的开始，为此我很自豪。接下来，我需要尽力为宝宝缔造一个好的未来。首先，我需要保持健

2018-01-17 13:11:20 962

原创用CNZZ实现Html5中的事件统计

应用场景开发手机端Html5时，需要事件统计，如统计每个页面的PV（Page View 访问量）、UV（Unique Visitor 独立访客），某个按钮的点击次数，微信分享次数等。分析以上这些统计可以通过存储变量实现（如记录到数据库），但是比较繁琐并且无法准确的统计UV。考虑使用专业的统计工具，CNZZ、百度统计等。

2015-12-14 09:54:21 5689 3

转载 CSS编码规范

公用文件协作开发过程中，会引入默认的base.css（里面包括了css reset、常用的css间距，css字体，css大小等，详细参见base.css）。书写风格规范1. 每一条规则的大括号 { 前加空格；2. 多个selector共用一个样式集，则多个selector以逗号+空格隔开；3. 每行写一个属性；4. 属性名冒号之前不加空格，冒号之后加空格；5

2015-07-17 12:56:47 563

转载前端开发规范文档

文件规范1. tpl, css, js, image文件均归档至约定的目录中；2. tpl文件命名：英文命名, 后缀.html，请重命名与php文件同名，以方便后端添加功能时查找对应页面；3. css文件命名：英文命名, 后缀.css，由小写字母、数字及下划线组成，公用common.css，其他页面依实际模块需求命名；4. js文件命名：英文命名, 后缀.js，由小写字母、数

2015-07-17 12:26:51 1477

转载 CSS框架—base.css

base.css，作用是重设浏览器默认样式和提供通用原子类。@charset "utf-8";/*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */html { background:white; color:black;}/*

2015-07-17 10:39:56 1051

原创 iPhone前端兼容性问题汇总

背景：在做一个微信Web项目开发过程中，遇到iPhone（主要iPhone4/4S）兼容性问题，记录如下。问题：1. 页面在iPhone下出现左右滑动的问题；2. 顶部标题在iPhone4/4S下宽度不能100%；3. iPhone4/4S下在input弹出输入法时，不支持position:fixed的问题（即本来固定在顶部的菜单下移）；分析：view

2015-07-15 19:55:38 14162

原创 PHP环境搭建记录

背景：由于需要，给阿里云服务器，由Linux更换Windows系统，并通过IP访问服务器。环境搭建步骤：1.系统：新系统Windows Server 2008 R2 标准版 SP1 64位中文版，PHP集成环境用的Xampps；2.磁盘：数据磁盘划分，50G作为软件盘，100G作为程序盘；3.软件：安装基本软件，Crome浏览器、搜狗输入法；下载安

2015-07-10 00:12:11 528

原创访客过多导致服务器DOWN掉

前段时间上线的微信HTML5项目，由于客户为明星和知名网站，宣传效果明显，引来了数以万记得流量。直接导致服务器无法问。

2015-07-10 00:02:04 1365

原创关于圣二源代码编译问题解决

前一阵子用vc++6.0编译圣剑英雄传二源代码时，出现缺少库函数等一类问题，在论坛上询问得知答案。在这里共享一下。需要下载安装sdk7.0并在vc++6.0中设置好其路径，详细设置如下：tools/options/directories/ 另外，如果出现Link错误，则是Link设置中的问题，具体设置如下：project/settings/Link/

2009-06-05 12:01:00 3142 13

原创我的最爱-电影

昨天晚上看了两部电影看到临晨3点多，以至第二天上午没能起来上课。不过，确实很好看，值了！第一部威尔.史密斯的《七磅》2008，剧情是本由于自己开车时的疏忽而使妻儿当场死于车祸，本受到很大的打击，想要自杀。为了使自己死的有价值便开始了自己的自杀计划，死前帮助七个处于艰难困境的人。甚至可以捐出自己的器官了来拯救他们。在帮助美丽性感患先天性心脏病的女孩（或着说女人）普赛

2009-04-07 11:38:00 1641