- 博客(37)
- 收藏
- 关注
RSS订阅原创 微信小程序连接emqx mqtt服务器
按照官方文档，使用第三方工具mqtt.js连接emqx服务器，使用加密链接方式，但一直连接失败，而非加密链接是可以连接成功的。
2023-05-28 20:30:59
746
原创 使用Fiddler抓包工具获取App图片资源
准备：官网下载最新版本的Fiddler，网络环境（该过程需要在有网的环境下操作）安装成功之后，首先对其进行配置，在菜单栏中打开tools-》Telerik Fiddler Options-》connections，配置如图：注意如果要修改默认端口，一定要保证端口不被占用。然后对手机进行配置：手机连接一个wifi，注意手机的IP地址需要跟电脑的IP地址在同一网段内，一般连接同一个
2016-11-09 17:21:35
28239
2
原创 手机端web页调试方法总结（二）
如何调试手机端网页：调试手机端网页的方法有很多，主流浏览器firefox、chrome、opera、safair都支持远程终端调试，但需要配合相应的客户端使用，这里只介绍火狐浏览器。准备：火狐浏览器客户端，数据线打开火狐浏览器菜单-》开发者-》webIDE如果你是第一次使用该功能，会自动下载安装两个插件“ADB Helper 附加组件”以及“工具适配器扩展”，如果没有需手动下载
2016-11-09 16:50:21
1229
原创 手机端web页调试方法总结（一）
非响应式网页如何查看手机端页面的源码：目前可用的解决办法是使用Chrome浏览器提供的“”检查设备“”功能。准备：最新的Chrome版本，vpn账号（使用该功能需要翻墙），一根数据线。准备完毕之后，将手机通过数据线连接到电脑，最好电脑下载一个手机助手，确保USB已连接上。打开Chrome浏览器菜单—》更多工具—》检查设备打开后界面如上，如果找不到请在地址栏输入：chrome:/
2016-11-09 14:52:48
874
原创 各种浏览器兼容问题
js中setAttribute 的兼容性class和className兼容方法：object.setAttribute("class","content")在IE8、Chrome、火狐、Opera10中都能设置成功；但是在IE7下无法设置。object.setAttribute("className","content")只有IE7能设置成功，但是其他浏览器均无法设置。兼容
2016-11-04 10:50:13
334
原创 如何理解HTML结构的语意化
HTML5都有哪些语义化的标签：HTML5: HTML4: 标签定义 section 或 document 的页眉。HTML5: HTML4: 标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。HTML5: HTML4: 标签定义导航链接的部分。HTML5: HTML4:
2016-11-03 10:07:25
830
转载 Web前端应该从哪些方面来优化网站
前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。
2016-10-28 10:25:03
1663
原创 js之prototype与_proto_
区别：首先，并不是所有的对象都有prototype属性，只有函数对象才有prototype属性。其次，所有的对象都有__proto__的内部属性，指向构造函数的prototype，即原型， 对象在调用一个方法时会首先在自身里寻找是否有该方法，若没有，则通过内部的__proto__属性去自己的构造函数原型上去寻找，依次层层递进，直到Object.prototype.__proto__=n
2016-10-20 20:39:45
221
转载 javascript中apply()和call()方法的区别
区分apply,callfoo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对
2016-10-19 20:46:12
260
原创 CSS3属性选择器总结
CSS3属性选择器语法：元素名[属性=“属性值”]:选择器{}在元素类型匹配时，就可以使用类似正则的匹配方法。 [att=val] 指定特定名字的元素 [att*=val] 匹配包含val的元素， [att^=val] 匹配val开头的元素，比如id为val1、val432432都可以。 [att$=val] 匹配val结尾的元素，比如id为1213val、fdaj
2016-10-19 20:31:16
379
原创 js之定时器方法总结
setTimeout()//用于在指定的毫秒数后调用函数或计算表达式。语法: setTimeout(code,millisec)参数：code （必需）：要调用的函数后要执行的 JavaScript 代码串。millisec（必需）：在执行代码前需等待的毫秒数。setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自
2016-10-18 21:13:35
387
原创 HTML5学习笔记——屏幕自适应的问题
如果我们想让的内容充满整个屏幕，则应该给加上属性style="height:100%"但是我们发现加上去之后的元素通常不能达到我们想要的效果。这是因为百分比是相对的，即的百分比应该是相对于它的父元素html，因此我们还需要对html添加属性：html{height:100%;}如此就可以得到我们想要的效果
2016-05-05 21:32:30
456
原创 javaScript学习笔记——数组末尾元素的增加和删除
如果想向数组的末尾添加一个元素，我们不需要知道它的下标值，只需要使用一个API：balls.push( aBall );//balls是已经定义的数组，aball是定义好的数组元素，使用这个函数会自动的将新元素添加到数组的末尾如果想讲数组的最后一个元素删除掉，我们也无需知道他的下标值，直接使用下面的API即可实现：balls.pop();
2016-05-05 20:35:49
3318
原创 javaScript学习笔记——不同的取整函数
Math.floor()//向下取整Math.ceil()//向上取整Math.round()//四舍五入取整parseInt()//强制转化为整型值，向下取整
2016-05-05 20:29:12
315
原创 javaScript学习笔记——跟时间有关的函数
首先是Data对象，当我们需要获取当前时间时，就新建一个Data对象:var curTime=new Date();当Date()的参数为空时，它自动将当前时间作为初始值，但我们也可以更改它的初始值，方法是向Date()中传入参数，例如：var endTime=new Date(2016,4,8,14,49,0);参数从左到右依次是：年份，月份，日，小时，分钟，秒钟这里需要注意
2016-05-05 13:38:53
294
原创 <canvas>学习笔记——如何给图形填充颜色
var canvas=document.getElementById("canvas");var contex=canvas.getContext("2d");例如，我们要给一个三角形填上颜色，首先我们用绘制直线的API定义一个三角形：contex.moveTo(100,100);contex.lineTo(700,700); contex.lineTo(100,700);
2016-05-05 08:52:15
23299
原创 <canvas>学习笔记——实时绘制线条摆动
可以利用二次贝塞尔曲线定义线条呈现的形状，再更改参数使线条变换形状，使之连续起来就形成了线条摆动的动画二次贝塞尔曲线介绍：我们将线条的绘制点分为三个——起始点，控制点，结束点其中起始点和控制点是保持不动的，而结束点的位置我们让他按照正弦函数曲线进行变换正弦函数图像：首先定义一个类：var aneObj=function(){ this.ro
2016-05-04 21:26:24
2052
原创 <canvas>学习笔记——绘制弧和圆
定义圆或部分圆的API：ctx.beginPath();//开始一条路径ctx.arc(this.x[i],this.y[i],this.r[i],0,Math.PI*2); ctx.strokeStyle="rgba(255,255,255,"+alpha+")";//定义圆圈颜色，可以设置透明度ctx.stroke();//绘制路径
2016-05-04 19:22:44
254
原创 <canvas>学习笔记——文字显示控制
can=document.getElementById("canvas");ctx=can.getContext('2d');//直接显示文字，没有任何特效ctx.fillStyle="white";//字体填充颜色ctx.font="20px Verdana";//定义字体大小及样式ctx.textAlign="center";//left,center,right
2016-05-04 18:56:13
1287
原创 HTML学习笔记——如何让图片随鼠标移动
参考下面一段代码：can=document.getElementById("canvas");ctx=can.getContext('2d');can.addEventListener('mousemove',onMouseMove,false);//只有当鼠标移动的时候监测，触发函数onMouseMove()function onMouseMove(e){ if
2016-05-04 12:23:43
3136
原创 <canvas>学习笔记——translate()
例如：can=document.getElementById("canvas");ctx=can.getContext('2d');ctx.translate(70,70);作用是将坐标点(70,70)设置为原点(0,0);一般当图片需要跟随鼠标移动时使用该API会方便许多
2016-05-02 19:48:13
298
原创 <canvas>学习笔记——控制图片大小及位移
参考以下一段示例代码：can=document.getElementById("canvas");ctx=can.getContext('2d');//定义一个类var fruitObj=function(){ this.x=[]; this.y=[]; this.l=[];}fruitObj.prot
2016-05-02 17:30:25
1198
原创 javaScript学习笔记——随机数取整
请参考下面一段代码：var ID=Math.floor(Math.random()*10);此时ID的取值为{0,1,2,3,4,5,6,7,8,9}
2016-05-02 17:04:33
477
原创 <canvas>学习笔记——设置图形的透明度
can=document.getElementById("canvas");ctx=can.getContext("2d");ctx.globalAlpha=0.5;//实现图形的半透明状态globalAlpha的取值范围是[0,1]之间，取0为完全透明，取1为完全不透明。
2016-05-02 16:57:39
668
原创 <canvas>学习笔记——限定图形样式的作用域
can=document.getElementById("canvas");ctx=can.getContext("2d");需要用到一对API：ctx.save();//开始中间是对图形样式的定义ctx.restore();//结束在这对API之外，所有已经定义过的样式都不起作用当需要为很多图形定义样式时，为了避免发生冲突，可以使用这对API。
2016-05-02 16:52:53
206
原创 <canvas>学习笔记——绘制直线的API
can=document.getElementById("canvas"); ctx=can.getContext("2d");示例一：ctx.beginPath();//开始一条路径，或重置当前路径定义线条样式：ctx.lineWidth="5";//设置或返回当前的线条宽度ctx.strokeStyle="red";/设置或返回用于笔触的颜色、渐变或模式，
2016-05-02 16:39:19
788
原创 <canvas>学习笔记——如何在<canvas>上显示图片
首先定义一张图片，例如：var bgPic=new Image();//bgPic是Image类给出图片的路径：bgPic.src="./src/background.jpg";//给属性src赋值加载图片：ctx.drawImage(bgPic,0,0,w,h);//ctx是场景，0，0是指定从什么位置开始加载图片，w，h指定了图片的宽高。
2016-05-01 21:05:15
548
原创 javaScript学习笔记——如何让<canvas>动起来
类似于动画，即一帧一帧的刷新场景可以使用javaScript中的APIfunction gameloop(){ window.requestAnimFrame(gameloop);}其他类似的API还有setInterval，setTimeout，但requestAnimFrame更加科学，其原理是：当前绘制完成之后，根据机器的性能来确定间隔多长时间绘制下一帧
2016-05-01 18:41:50
2602
原创 <canvas>学习笔记——如何使用<canvas>
已经有画布了，那么如何在画布上画画，我们需要获得canvas contex（场景），相当于获取画笔首先，我们需要通过标签先获得其ID：例如：can1=document.getElementById("canvas1");//获取html的标签类 ctx1=can1.getContext('2d');//canvas1的场景
2016-05-01 17:32:31
388
原创 HTML学习笔记——标签<canvas>
简单来说类似于画布，通过canvas的API可以在画布上画画，多个画布可以叠加到一起，但除了在画布上绘制的图形外，其他的地方都是透明的，不会影响叠加在下面的画布的显示效果。实现画布的层叠效果可以用css中的z-index，其取值越大，画布越靠上层。
2016-05-01 17:09:03
277
转载 Linux系统kill()函数
［ KILL ］功能描述：用于向任何进程组或进程发送信号。1 #include 2 3 #include 4 5 int kill(pid_t pid, int sig);参数： pid：可能选择有以下四种1. pid大于零时，pid是信号欲送往的进程的标识。2. pid等于零时，信号将送往所有与调用kill()的那个进程属同一个使
2015-10-24 15:42:17
356
转载 Linux系统signal()函数
表头文件 #include 功 能：设置某一信号的对应动作 函数原型 ：void (*signal(int signum,void(* handler)(int)))(int); 或者：typedef void(*sig_t) ( int ); sig_t signal(int signum,sig_t handler); 参数说明： 第一
2015-10-24 15:22:55
252
转载 Linux系统wait()和waitpid()函数
#include #include pid_t wait(int *status）进程一旦调用了wait，就立即阻塞自己，由wait自动分析是否当前进程的某个子进程已经退出，如果让它找到了这样一个已经变成僵尸的子进程，wait就会收集这个子进程的信息，并把它彻底销毁后返回；如果没有找到这样一个子进程，wait就会一直阻塞在这里，直到有一个出现为止。参数st
2015-10-24 09:53:44
337
转载 Linux系统fork()函数
一、fork入门知识 一个进程，包括代码、数据和分配给进程的资源。fork（）函数通过系统调用创建一个与原来进程几乎完全相同的进程，也就是两个进程可以做完全相同的事，但如果初始参数或者传入的变量不同，两个进程也可以做不同的事。 一个进程调用fork（）函数后，系统先给新的进程分配资源，例如存储数据和代码的空间。然后把原来的进程的所有值都复制到新的新进程中，只有少数值与原来的进
2015-10-23 14:37:05
233
原创 exit()函数
exit() 所在头文件：stdlib.h(如果是"VC6.0“的话头文件为：windows.h) 功能：关闭所有文件，终止正在执行的进程。 exit(1)表示异常退出.这个1是返回给操作系统的。 exit(x)（x不为0）都表示异常退出 exit(0)表
2015-10-22 15:09:07
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人