• 认真地记录技术中遇到的坑!

canvas图形变换

canvas图形变换
这篇文章将会介绍如何在canvas中对绘制的基本图形进行移动,旋转,缩放等变形方法,还会介绍如何在canvas中加载图像。 状态的保存和恢复 为了在变形之后,能够将图形恢复原样,需要保存图形的原有状态: save() restore保存和恢复canvas状态,都没有参数。 可以调用任意多次save方法 每一次调用restore方法,上一个保存的状态就从栈中……继续阅读 »

悠悠 8个月前 (03-02) 445浏览 0评论 0个赞

canvas样式和颜色

canvas样式和颜色
在上一篇文章中,我们可以通过canvas绘制基本的图形,这些图形的颜色都是默认的,这篇文章将会介绍如何设置图形的颜色行样式,使得绘制的图形更加炫酷! 色彩 Colors 通过设置canvas上下文的两个颜色属性,可以给绘制的图形上色: fillStyle = color 设置图形的填充颜色 strokeStyle = color 设置图形轮廓的颜色 ……继续阅读 »

悠悠 8个月前 (03-01) 430浏览 0评论 0个赞

canvas基本图形绘制

canvas基本图形绘制
概述 我们可以通过HTML中的canvas画布画出丰富多彩的图形甚至动画,你只需要: 在HTML中放置一个canvas标签 在HTML的JavaScript代码中获取这个canvas标签元素 通过获取的canvas元素,获取一个渲染上下文 通过获取的渲染上下文可以在画布上任意挥洒图画 另外需要注意的是,并不是所有浏览器都支持 canvas 元素,所以需要……继续阅读 »

悠悠 8个月前 (03-01) 538浏览 0评论 0个赞

JavaScript 数值Number类型详解

JavaScript 数值Number类型详解
Number 问题 下面的问题你都能回答对了吗? 0.1 + 0.2 == 0.3 成立吗?(不成立) .e-5 表示多少?(0.00001) 怎么表示8进制?(098) 怎么转换进制?(使用toString和parseInt) 如何将字符串转换成数值或整数?反过来呢?十六进制又怎么处理?(parseInt) parseInt(0x12, 16) 的返回值……继续阅读 »

悠悠 9个月前 (02-06) 299浏览 0评论 4个赞

Node.js 简单使用

Node.js 简单使用
安装配置 Node.js 官网安装包以及源码下载地址:https://nodejs.org/en/download/ Windows安装包 进入Node.js官网下载首页,选择Windows Installer(.msi) 32-bit或者64-bit。 点击下载 msi 的安装包,双击安装,选择安装路径,一路下一步即可,一般会自动配置环境变量。 安装完成之……继续阅读 »

悠悠 9个月前 (02-02) 272浏览 0评论 0个赞

JavaScript 中的相等性判断

JavaScript 中的相等性判断
概述 ECMAScript 2015/ES6中有四种相等算法: 抽象相等比较(==) 严格相等比较(===) Array.prototype.indexOf, Array.prototype.lastIndexOf, 和 case-matching 同值零: 用于 %TypedArray% 和 ArrayBuffer 构造函数、以及Map和Set操作, ……继续阅读 »

悠悠 9个月前 (01-30) 238浏览 0评论 0个赞

禁止用户打开HTML页面调试

禁止用户打开HTML页面调试
有些时候,我们可能想要禁止用户修改或者调试我们HTML页面的代码,这个时候需要阻止用户打开调试窗口,下面介绍一些能够阻止用户在浏览器中打开调试窗口的方法,这些方法只能一定程度的提高打开调试的门槛,并不能完全杜绝。 禁用F12 对于使用F12打开调试窗口的方法,我们只要注册F12按键的处理方法,并阻止默认事件行为即可: window.onkeydown = w……继续阅读 »

悠悠 9个月前 (01-23) 536浏览 0评论 1个赞

HTML页面中JavaScript能获取到的各种屏幕大小信息

HTML页面中JavaScript能获取到的各种屏幕大小信息
在HTML页面中,通过JavaScript代码访问 window 对象,能够获取到很多表征屏幕大小的信息,下面列举并加以区分。 window 对象中的屏幕信息 window.innerheight、 window.innerwidth 只读属性,以像素计 浏览器窗口的文档显示区的高度和宽度 不包括菜单栏、工具栏以及滚动条等的高度 IE8以下不支持这些属性,……继续阅读 »

悠悠 10个月前 (12-27) 331浏览 0评论 1个赞

移动浏览器H5页面通过scheme打开本地应用

移动浏览器H5页面通过scheme打开本地应用
在移动端浏览器H5页面中,点击按钮打开本地应用主要通过 scheme 协议。本文主要介绍如何在浏览器H5页面中通过 scheme 协议打开本地应用。 scheme协议定义 scheme 是一种页面之间跳转的协议,不仅可以用于app之间进行跳转,还可以用于 H5 页面跳转到app页面。 无论Android还是IOS,都可以通过在H5页面中打开 scheme 协……继续阅读 »

悠悠 10个月前 (12-26) 693浏览 0评论 2个赞

JavaScript正则表达式使用

JavaScript正则表达式使用
JavaScript 中使用 RegExp 对象来描述正则表达式,该对象提供了一系列正则表达式的操作。 定义 在JavaScript中有两种方式定义正则表达式: var patt=new RegExp(pattern, modifiers); var patt=/pattern/modifiers; 相关的参数说明如下: pattern:描述了表达式的……继续阅读 »

悠悠 10个月前 (12-25) 198浏览 0评论 0个赞