codehuicn-CSDN博客

原创 Node版本管理和Npm包问题处理

Npm 包的版本低问题不大，项目还是可以运行的，安装失败有可能是网络延迟高，换个时间试试看，其它的系统软件缺少等问题可以按照提示尝试解决，不过最重要的是要确认 Node 的版本。

2022-12-26 16:41:32 556 1

在开发微信小游戏《六彩跳棋》后，发现微信平台提供的能力真的很方便和强大。之前已经介绍了跳棋游戏的开发逻辑，以及使用 CocosCreator 游戏开发引擎和框架的开发经历，这次就轮到微信开发平台的开发经历了。使用微信扫码，进入微信小游戏《六彩跳棋》系统信息微信框架下，提供了获取用户设备和系统信息的接口。设备型号不同，小游戏的运行效果可能不同，可以通过这个信息调整小游戏的兼容效果。屏幕尺寸不同，小游戏的显示效果也不同，一般都会采用自适应，适应屏幕宽度，高度按照比例调节，还要注意屏幕的

2022-05-06 23:46:16 2230

原创小游戏开发引擎CocosCreator

在微信游戏里搜索六彩跳棋，点击立即玩吧！进去游戏后，需要点击获取头像昵称才能得到玩家数据，然后划动屏幕选择游戏模式，单击确定划动操作就可以了。

2022-04-17 23:06:28 3876

原创小游戏开发初衷

我做的小游戏是跳棋，充满了童年回忆的游戏，现在棋盘找不到了，只能在小游戏上玩。

2022-04-12 00:44:54 3263

原创定制版日历可以点击日期获取日期

A small calendar using jQuery. It can show the month you gave, show the active dates you set, get the month users selected, get the date users selected.var huicalendar = function(element, options){ this.element = element; this.enabledDay = option

2021-06-30 18:32:33 339

原创 threejs计算两条线段的交点和距离点最近的线段

在 threejs 创建的三维空间中，可以计算两条线段是否有交点，或者线段的延长线是否有交点，使用其中一条线段创建射线，使用另一条线段创建平面，获取射线和平面的交点就可以了。还可以在三维空间的某个点上计算最近的线段，分别计算点到线段的距离就可以了。下面是参考代码：// 获取两条线的交点var getPublicDot = function ( line1Dot, line1Direction, line2Dot, line2Direction ) { var dotPublic = ne

2021-06-30 17:05:54 2162

原创使用threejs和canvas创建中文文字精灵

在 threejs 和 jquery 的支持下，可以在三维空间里创建文字精灵，精灵模型始终面向用户，支持中文。参考代码如下：// 创建文字精灵var getTextCanvas = function ( text, opt ) { var option = { fontFamily: 'Microsoft Yahei', fontSize: 40, fontWeight: 'normal', lineHeight: 1.4,

2021-06-30 16:38:13 1717

原创 threejs合并模型的几何体提高渲染速度

对 dae 格式的三维模型进行合并，第一个函数对模型类型分类后合并，第二个函数对同一类的模型合并，第三个函数对模型的几何体合并；使用了 threejs 类库和 jQuery 类库的方法。合并后的模型由于数据没有共用，模型体积比合并之前的多个模型体积总和大；合并后的模型在渲染时比合并之前的多个模型减少了渲染的计算和处理次数，渲染速度比较快。下面是参考的代码：// 模型操作类var ObjectHelper = function () { this.objectTag = 'ObjectHelp

2021-06-30 16:17:03 1388

原创倒计时按钮用于发送短信等功能

在发送短信的功能操作时，需要在点击发送后等待一段时间，之后才能再次尝试发送短信功能，参考的代码如下： // 计时器，倒计时 function setTimer(target, contain, time){ $('.'+target).removeClass(target).addClass('timer_running').html(time+'秒后获取'); var timer = setInterval(function(){ time--; if(time < 0)

2021-06-30 11:10:39 183

原创字符串超出截断加省略号和中文字符占两个字符

在网页显示时，字符串可能会太长，超出我们的预期，一般可以截断加省略号，中文字符一般占用两个字符，用代码控制可以达到更好的效果，以下是参考的代码： // 字符串超出截断加省略号 function cutStr(str, len){ if(str.length*2 <= len) { return str; } var strlen = 0; var newstr = ''; for(var i = 0;i < str.length; i

2021-06-30 11:10:27 283

原创统计字符串的长度和汉字占两个字符

统计字符串时，要考虑的是，一个中文字符占两个字符长度，以下是统计的代码参考： // 统计字符串长度，一个汉字2个字节 function countStr(str){ var len = 0; if(str){ for (var i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 128) { len += 2; } else { len += 1; } }; }

2021-06-30 11:10:15 369

原创点击小图查看大图的定位功能

用户点击小图一般是要查看小图放大后的大图，或者鼠标移到小图后想要查看详细的信息的大图，这时候要考虑大图的定位问题，以下代码可以参考（需要引入 jq ）： // 小图大图定位 $(document).on('mouseover', '.smallimg', function(e){ var src = $(this).attr('src'); $('body').append('<img src="'+src+'" style="display:none;position:abso

2021-06-30 11:09:58 462

原创 JS判断页面是否在PC端打开以及系统种类或者苹果端或者微信端和浏览器种类版本

网页是否在 PC 端打开，可以帮助我们对页面进行调整，判断系统种类方便我们统计信息，判断浏览器种类版本，方便我们处理兼容问题，参考代码如下：// 页面在pc端打开时，返回true；否则返回falsefunction checkPC(){ var agentstr = navigator.userAgent.toLowerCase(); // var agentstr = req.headers['user-agent'].toLowerCase(); // nodejs var a

2021-06-30 11:09:41 511

原创 JS检查账号格式是否包含数字和大小写字母以及图片是否成功加载

用户注册账号时，我们应该检查格式是否符合要求，字数是否符合要求，网页图片也应该检查是否成功加载，加载失败应该显示默认图片，代码参考如下：// 检查账号格式function checkUsername(name){ var reg = /^[a-zA-Z]+[0-9a-zA-Z]{5,19}$/g; if(reg.test(name)){ return true; } else { return false; }}// 检查是否包含数字function hasNu

2021-06-30 11:09:17 403

原创 JS设置拖动功能

设置拖动功能可以提高用户的操作体验，如果使用 bootstrap 框架可以参考以下代码： // modal 拖动 $(document).on('mousedown', '.modal-dialog', function(e){ var x = e.pageX; var y = e.pageY; var $modal = $(this); var top = parseInt($modal.css('top')); var left = parseInt($modal.css('

2021-06-29 18:32:11 232

原创浏览器cookie的写入获取和删除

浏览器cookie的处理可以记录用户的操作数据，在用户下次打开时可以使用，从而提高用户体验，以下是参考代码： // 原生cookie function addCookie(name,value,expiresHours){ var cookieString=name+"="+escape(value); if(expiresHours>0){ var date=new Date(); date.setT

2021-06-29 18:25:05 495

原创获取网址链接的参数

获取网址链接的参数，可以方便我们进行调整页面的显示，或者发送数据给后端进行相关处理，以下是获取参数的代码参考：// 获取链接的参数 function getParameter(name) { var reg = new RegExp(name +"=.*",'g'); var str = window.location.href.match(reg); if (str) { str = str[0].split('&');

2021-06-29 18:20:27 1191

原创验证手机号和验证邮箱和验证网址

用户填写表单时，需要我们检查格式是否正确，提高用户体验，以下是常用的验证代码： // 验证手机号 function checkPhone(phone){ var reg = /^1(3[0-9]|4[57]|5[0-35-9]|7[01678]|8[0-9])\d{8}$/; if(reg.test(phone)){ return true; } else { return false; } } // 验证邮箱 function checkM

2021-06-29 18:17:17 934

原创滚动函数包含向上滚和向左滚

页面中的信息比较多时，需要让信息滚动起来，有的是向上滚有的是向左滚，以下是参考代码：// 滚动函数往上滚和往左滚 // opts = {go: 'left', obj: $('.scroll_left'), cons: 5, goTime: 1000, stopTime: 2000, dots: $('.con-dots span')} // go:滚动方向top/left obj:滚动的容器，有超出隐藏的 cons:容器看到的个数 goTime:滚动的时间，毫秒 stopTime:停止的

2021-06-29 18:10:12 478

原创日期时间转换秒数或者秒数转换日期和时间

日期时间转换秒数或者秒数转换日期和时间，在前端页面需要的是日期和时间，而后端保存一般需要秒数，在比较时间前后时，也需要秒数的比较，以下是参考代码： // 把秒数转换为日期和时间 function changeTime(time){ var date = new Date(time*1000); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds();

2021-06-29 18:05:23 3896 1

原创原生ajax发送POST和GET请求

在写简单几个活动页面时可能不想引入其它文件，这时候发送请求消息给后端，可以自己写原生方法，以下是参考代码：// 原生ajax var ajax = function() {}; ajax.prototype = { request: function(method, url, callback, postVars) { var xhr = this.createXhrObject(); xhr.onreadystatec

2021-06-29 18:01:02 173

原创给数字添加千分位和金额的表示方法

在显示金额等类似的数据时，需要给千分位加个逗号分割，以下是参考代码和运行结果：// 千分位var regThousands = /(\d)(?=(\d{3})+\.)/g;var num = 1234567.6699;num = num + '';num = num.replace(regThousands, '$1,');// 结果："1,234,567.6699"...

2021-06-29 17:49:39 760

原创字符串分割成数组元素和去掉重复元素

处理买家姓名，需要对姓名去前后空格，需要去掉重复姓名，还要计算重复姓名的次数，把买家姓名保存为数组元素，以下是参考代码：/* * 功能：把字符串转换为数组，字符串用换行隔开，数组元素去掉空的、前后空格的、有重复的 * 参数：str，用换行符隔开的字符串；json，可不传，传入true时返回对象{'arr':[1,2],'same':2} * 示例：strToArr(buyer_str,true); strToArr(buyer_str,1); strToArr(buyer_str); * 备注：

2021-06-29 17:41:51 301

原创 CSS重置样式和公共样式

有时候需要写几个简单的活动页面，但是浏览器的默认样式并不是我们想要的，各个浏览器的样式还都不一样；这时候就需要对样式进行重置，写一些公共的样式，来兼容各个浏览器的默认样式了。以下是一些参考：@charset 'utf-8';html{color:#333;background:#eee;font-family:Arial,'Microsoft Yahei';}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,le

2021-06-29 17:21:20 254

原创写好代码和保护眼睛

自我介绍在学生时代，特别是高考冲刺阶段，我们努力在题海中艰苦作战，我们勤奋我们刻苦，在高考结束后我们解放了，在考完估分和查分时，似乎又有一点不甘…正所谓 “书山有路勤为径，学海无涯苦作舟”。想起学生时代，我就感到很充实，毕竟付出了努力和汗水，还记得那时的想法是，好好读书，以后要实现这样那样的理想；疲惫的时候是，赶紧读完书赶紧解放啊！我想谈的是保护眼睛的话题，那时候好多同学都近视了，戴上眼镜挺麻烦的吧？有些同学近视了却经常不戴眼镜，上课时候才拿出来。所以那时候，我特别听老师的话，认真做眼保健操，下课经常

2021-06-25 22:59:08 208

原创 PS 创造新字体

说起字体都不陌生，我们中国上下五千年文化的文字博大精深，优美的字体历来都被津津乐道，就算在互联网时代里，我们的文字还是一样美不胜收。在我们电脑里有很多字体，还可以在网络上下载很多好看的字体，虽然选择的范围很广，但是大部分字体商用是要收费的，所以大家要留心，之前听说有个实习生没注意这个问题，在印刷出版的书本使用了收费字体，被告侵权。这里介绍的是使用PS软件在字体上作修改，这样即使商用也不会侵权，还能展现自己的创造能力。但是，这个方法适合在图片上的少量字体使用。首先，选择合适的字体，在图片上输入想要的文字

2021-06-22 00:23:07 464

sui-mobile-1.1.0.rar

空空如也