JS成长之路
关注
分享
扫一扫
以实战为基础，一点一滴的学习JS技术
小智爱学编程
一些简单知识点的记录，希望大家多多支持，多多关注，多多点赞，互相学习，共同进步
展开
-
typescript入门学习，小白不迷路
typescript学习typescript简介typescript类型typescript函数typescript对象typescript基本数据类型安装及使用typescript安装typescript原创 2020-08-22 20:14:35 · 712 阅读 · 0 评论 -
canvas快速入门(一)绘制简单的 矩形 圆形
设置canvas绘板<canvas width="400" height="300"></canvas>获取canvas元素 var canvas = document.querySelector("canvas");获取绘板var ctx = canvas.getContext("2d");设置背景色 ctx.fillStyle = "red";绘制矩形// 参数 绘制的位置ctx.fillRect(0,0,200,200);擦掉部分矩形原创 2020-08-19 21:53:27 · 359 阅读 · 0 评论 -
canvas快速入门（五）canvas变形
canvas变形canvas变形主要分为三部分平移 ctx.translate(200,200);旋转 ctx.rotate(Math.PI/180*45);缩放 ctx.scale(0.5,0.5);下面是一些小案例及功能演示平移（ctx.translate()）这里先介绍一下入栈和出栈入栈 : ctx.save() 首先将结果进行保存出栈 ：ctx.restore() 将刚刚存取的红色拿出来对第三个设置为红色 //绘制三个等同的矩形块 ctx.fillS原创 2020-08-21 20:59:24 · 370 阅读 · 0 评论 -
canvas快速入门（四）canvas的文本，图片及canvas实现视频截屏功能
canvas文本填充文本ctx.fillText("ABC",100,100);参数字体内容字体位置x字体位置y字体宽度（可不设置，超过最大宽度会挤压）填充字体边线（空心字）ctx.strokeText("ABC",100,100); 设置字体ctx.font="46px 宋体"; 参数字体大小字体样式设置字体方向ctx.direction="ltr";参数文字从 左向有写(ltr) 还是 从右向左写(rtl)文本对齐方式 ctx.textAli原创 2020-08-21 20:33:11 · 217 阅读 · 0 评论 -
canvas快速入门（三）canvas实现笔触绘画案例
实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> canvas{原创 2020-08-20 22:29:26 · 510 阅读 · 1 评论 -
canvas快速入门（二）
canvas笔触线条 ctx.lineCap = "round"//超出去的圆角 butt 未出头的 squre 出头的链接处 ctx.lineJoin = "bevel"// 平角 round 圆角 miter 尖角设置边线的宽度 ctx.lineWidth = 5;设置边线颜色 ctx.strokeStyle = "red" 填充颜色 ctx.fillStyle = "#FFDD88"绘制路径 ctx.beginPath()原创 2020-08-20 21:52:15 · 432 阅读 · 1 评论 -
使用promise解决ajax异步问题
使用promise解决ajax异步问题基本代码结构 new Promise((resolve, reject) => { $.ajax({ url: "./hello.php", data: { keyword: "hi", }, success(data) { // 成功，传data给resolve的回调 resolve(data); }, fail(error) {原创 2020-05-20 20:57:14 · 355 阅读 · 3 评论 -
ES6中 async 与await的使用
ES6中 async 与await的使用async用于修饰函数await用于修饰promise对象await必须配合async使用async修饰的函数返回值为promise 对象async与await使用的基本结构 async function testFunc(){ console.log('testFunc执行了.....'); return new Promise((resolve, reject)=>{ resolve();原创 2020-05-20 20:42:11 · 160 阅读 · 0 评论 -
promise异步队列化
promise异步队列化promise异步队列化，使代码更简洁，可读性更高1.常见的异步程序主要有定时器事件绑定AJAX2.promise的使用首先需要创建一个promise对象，promise对象中有两个参数，若成功就调用resolve方法，失败调用reject方法 const promise = new Promise((resolve, reject)=>{ console.log('promise的函数执行了...'); // 执行异步操作原创 2020-05-20 13:24:14 · 476 阅读 · 0 评论 -
Ajax原理及封装
Ajax原理第一步：创建XMLHTTPRequest对象 var xhr = new XMLHttpRequest();第二步：配置 xhr 对象xhr.open("请求方式" , "请求地址");第三步：发送请求xhr.send( null );第四步：响应接收 xhr.onreadystatechange = function(){ // console.log(1)...原创 2020-03-29 20:35:01 · 145 阅读 · 0 评论 -
Math对象常见的一些API及使用方法
今天给大家介绍一下简单又实用的Math对象1.Math.ceil() 向上取整向两侧整型数中较大的数进行取整正数时 var num = 1.1; num = Math.ceil(num); console.log(num); // 2负数时 var num = -0.9; num = Math.ceil(num); console.log(num...原创 2020-03-08 23:11:18 · 260 阅读 · 0 评论 -
JavaScript函数入门，小白不烦恼
JavaScript函数函数的创建函数的引用类型函数的调用函数的参数函数的返回值原创 2020-02-29 13:36:16 · 139 阅读 · 0 评论 -
JavaScript发展史（JS）
JavaScript发展历史（JS）..原创 2020-02-26 13:20:52 · 242 阅读 · 0 评论