- 博客(31)
- 资源 (3)
- 收藏
- 关注
原创 行走的小人
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行走的小人</title> <style> #c1{ border: 1px solid; } <
2018-09-22 20:37:41 538
原创 帧动画的简单写法
慕课- Python Flask高级编程任何事情都是很简单,只要基本工扎实所谓的行业,就是就是一大堆简单的东西堆起来的何况我们只能从最基本的开始构建,迭代式的构建知识体系??首先看图片: 2, 代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset=...
2018-09-22 02:10:51 550
原创 将图片画到canvas 上的几种方法
任何的知识体系,都是由小的知识体系构成,你要想成为高手无法第一步就是把所有的琐碎的知识都搞定它!写的多了,自然就会了,这也是为啥要写笔记,写笔记的过程本身就是复习的过程,你想写它个几千篇笔记, 你要说你不会, 人家肯定也不相信!canvas 画图片的第一种,就是在画布的坐标上,直接将图片画到上面去,此时假如图片大小超出了画布,图片也不缩放 /*3参数*/ ...
2018-09-22 01:34:13 77242 2
原创 大图片的缓存
1, 假如一个页面有多张图片,那么要是全部都是 <img src="xxx">的形式加载的话,那么页面能卡死, 而且很不好 为了解决这个问题,我们需要用到缓存, 先在内存中加载,当内存加载完毕后,再修改dom 元素中的值就行了! 2, 下面是实现代码:<script type="text/javascript"> window...
2018-09-22 01:14:45 1476
原创 关于学习的态度和风格
很多时候,我们学习了,一部分就放弃,真的非常可惜, 要完整的学完才知道咋回事我就是学着学着就放弃了,结果浪费了好长时间 还有就是学习的过程中,要有个态度,会就是 会,不会就去相办法弄会,或者把它记录下来,不要相信自己的大脑,要相信自己的手和标记 csdn 很不错,提供了一个平台,让我们更好的记录自己的学习进度,你看,前见天我没记录,那就表明我偷懒了!这点要明确 态度...
2018-09-18 06:04:20 245
原创 百度T7 课程 根据数据画饼图
// 画个6 等分的饼图 window.onload = function(){ var c1 = document.getElementById('c1') var ctx = c1.getContext('2d') var canvasWidth = ctx.canvas.width; var canvasHeigh = ctx.canvas.h...
2018-09-15 17:32:18 222
原创 BaiduT7 课程 ,画个N等分的饼图
这个是还是比较简单的,先死后生先画个6 等分的 饼图先补充下弧度的英文单词 有个草图,好画画!不知咋地,我现在理解东西,全靠画图了 ,也许有一天你们也会这样/ 画个6 等分的饼图 window.onload = function(){ var c1 = document.getElementById('c1') var ctx = c1.ge...
2018-09-15 17:06:13 510
原创 百度T7 课程 canvas 画圆环
window.onload = function(){ var c1 = document.getElementById('c1') var ctx = c1.getContext('2d') var canvasWidth = ctx.canvas.width; var canvasHeigh = ctx.canvas.height; var ...
2018-09-15 16:52:45 162
原创 百度T7 课程 canvas 学习 弧度和角度基本知识
从这节开始,我们就要补充一些知识了1首先是角度,这个概念比较简单,就是 以前学习的三角函数中的角度,直角= 90 度弧度的概念是,弧度是圆的一部分: 可以看到上面的图中, 半径和 圆的周长的一部分 相同,那个角度就是1 弧度上面 半径为x ,截取 圆的周长的一部分也为x ,则,对应的夹角就是1 弧度那么问题来了,一个圆有多少度呢? 答案: 360 度那一个圆有多...
2018-09-15 16:43:22 398
原创 百度T7 课程 canvas 学习 6, rect 补充
<script> function getRandomColor(){ var r = Math.floor(Math.random()*266) var g = Math.floor(Math.random()*266) var b = Math.floor(Math.random()*266) return `rgb(${r},${g},$...
2018-09-15 16:21:45 165
原创 百度T7 课程 canvas 学习 5--- 面向对象画折现图 (老师版)
实际上你 会发现,老师写的代码和我写代码差距很大,因为我写的很Low这就是差距,这是为啥,因为你写的少, 没有调!! <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&am
2018-09-15 10:42:22 135
原创 百度T7 课程 canvas 学习 4--- 面向对象画折现图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网格</title> <style> #c1{ border:1px solid black; } &
2018-09-15 10:35:42 127
原创 百度T7 课程 canvas 学习 3---画坐标系
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网格</title> <style> #c1{ border:1px solid black; } &
2018-09-14 08:48:55 124
原创 百度T7 课程 canvas 学习 2-网格
这个世界的水很深, 特别是人情世故,特别深, 越了解,越发的知道自己啥都不懂,也不会! 好吧,我们继续我们的canvas 大业1.网格1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网格</titl
2018-09-14 08:30:16 147
原创 百度T7 课程 canvas 学习 1
大凡一个事情,都是从低往高处走,所以我们从helloworld 走,一点点加深!要是看不懂我的博客,就去 具体链接地址: Web全栈架构师-石川大神反正我是学习的这套! <script> window.onload = function(){ var c1 = document.getElementById('c1') var gd =...
2018-09-13 17:23:09 288 3
原创 百度t7 课程, websocket 实现简单聊天室
最简单的聊天室,我写了一个小时,写了10 分钟,调试50分钟因为 我是小菜鸟,不过凡事都有过程index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title&
2018-09-13 08:53:06 326
原创 百度t7 课程 websocket 学习
任何新的知识都需要不断的去摸索,你摸索摸索就会了,一个人要是能时刻保持淡定的心,确实很牛!你们听过说Q帝嘛,权术, 赚钱,泡妞综合的高手Q帝权术 好了, 需要的伙伴可以去看,不闲扯了,我们得继续我们的石川大神的 教程 websocket 学习, 1, 引入包:好,包引入后,下一步就是服务器端咋写了 let http = require('http'...
2018-09-12 09:07:13 164
原创 百度t7 教程 node 初步5 用户登录
if(pathname=='/login'){ //这里是登陆的逻辑 // 1,校验 , var pattern = /\w{6,18}/i; if(!pattern.test(username)){ res.write('用户名不符合必须是字母数字下划线, 并且是6-18位') res.end(); }else if(!pattern.test(...
2018-09-12 08:29:36 211
原创 百度t7 教程 node 初步4 用户注册
1, Node 静态页面的写法index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <script type="text/j
2018-09-11 20:40:25 163
原创 百度t7 教程 node 初步4 用户登录和 注册1
基本架构 回顾: index.jslet http = require('http')let fs = require('fs')let url = require('url')let mysql=require('mysql')// 创建个 服务器let server = http.createServer(function(req,res){ // 1, 拆解u...
2018-09-11 11:40:45 149
原创 百度t7 教程 node 初步3 node 操作MySQL
node 操作mysql 在w3c 中有关于这个的介绍,可以参考学习http://www.runoob.com/nodejs/nodejs-mysql.html 1, 第一步: 在项目安装Mysql 模块 2, 第二步就是开始引入模块使用就行了// 21 ,// 引入mysql 模块let mySqlHelper = require('mysql')...
2018-09-11 08:05:38 160
原创 百度t7 教程 node 初步2
在这篇文章中,我打算把 url 模块, 和一个 简单数据库的知识讲完开始: let http = require('http')let fs = require('fs')let urlUtil = require('url')let server = http.createServer(function(req,res){ // req requse // res res...
2018-09-10 11:05:14 326
原创 百度t7 教程 node 初步1
我少写了一篇学习笔记就是 模块化的源码 和Promise源码 和generator 生成器的源码老师讲的是不错,可是我先放一放那个,因为那个似乎很难的样子, (逃避) 好了,这篇是node 最基础的部分,因为石川大神说, 后期会细致 讲 Node, 反正也就是 10 天后,我也不着急学习的方式,一种是迭代式,一种是,一次性搞定, 我个人觉得还是迭代式好,不扯了,开始:服务器端代...
2018-09-10 08:07:13 671
原创 关于学习的一些体会
对于编程知识的学习,我只能说, 千万不要眼高手低,要多敲,多去总结,这样才有可能学到手,因为它是一门实践性很强的学科!只要你敲, 不停的练习,肯定最后都能够拿得下与其说你是在学编程,不如说你是在练习自己静心学习的能力!孔明的诫子书,说的好, 非淡泊无以名之,非宁静无以致远任何事情,只要保持一颗真诚的心,多加练习,必定有所回报千万不要以为自己多么聪明,因为聪明的人往往懒与行动...
2018-09-10 07:09:36 256
原创 百度t7 教程 es6学习笔记 04 generator补充使用
function * show(a1){ // 这是做菜的初始材料! 很容易理解 打出a1 和b1 // console.log(a1) // htmlobj=$.ajax({url:"/Readme.txt",async:false}); // a 还是一个 Promise 对象!! let a = $.ajax({url:'1.txt',d...
2018-09-09 15:28:33 153
原创 百度t7 教程 es6学习笔记 03 generator使用
很开心大家能 来到本篇笔记 generator 还是内容 蛮多的,不太好理解,我试着说给大家听,莫着急,一切都不是事 generator 生成器函数 是个什么东西呢, 首先我们原来的函数比如下面的 function show(){// 第一步 cosole.log('a')//.....//.....//第 4 步 console.log('b...
2018-09-09 14:45:50 174
原创 百度t7 教程 es6学习笔记 02 promise 使用
promise 使用 首先看下回调地狱!// 在这里我准备去发送异步请求 // 1,先去获取1.txt 中的内容,若成功了,就再去获取2.txt 中的内容! //,引入jQuery ,用它封装的 ajax 去写代码 // 由于我对 jQuey ajax 还不太熟悉,所以我去查下! ...
2018-09-09 14:09:19 204
原创 百度t7 教程 es6学习笔记 01
es6 学习地址,阮一峰大神地址这个学习就需要慢慢的去理解, 目前我还是按照石川的t6课程走的 , 需要的伙伴可以看我 置顶首页这个课程走的, 走吧,就相当于去布达拉宫朝圣了,今天要复习的是 es6 , 只有不断的复习,才能更好的前行!es6 知识有1, let const2, 结构赋值3, promise4, genertor5, 匿名函数...
2018-09-09 07:41:37 324
原创 babel 使用, 入坑必备 es6 转 es 5
备注:若文章看不懂,请看 我置顶文章,文章中有教程,可以下载观看视频版,因为这个是我视频教程版的个人 学习笔记前言, 命令的使用,要多摸索摸索就行 了,此时要保持足够的耐心,其实很简单!加油! 初始化的项目路径如下:action.jslet c = (a,b)=>a+b 1 先安装全局的babel 脚手架npm install -g --sa...
2018-09-08 21:29:18 2847
原创 generator 模块化 和babel
1, 模块化 模块化:1.sea、require 民间——野路子 CMD、AMD模块.js define require/exports/moudle 前台.html use2.node.js 语言自身 require/exports/moudle node_modules ./3.ES6 ...
2018-09-08 20:12:27 308
手风琴图片大家可以下载
2020-11-22
AJAX(2).rar
2019-12-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人