百度t7前端
爱生活,爱编程
在以后的日子里,我会不断的写博客,争取拿下大前端
展开
-
redux 初步使用
前面有篇就是webpack@3.6.0 +babel-loader 的配置我就不说,关键是 配置要制定版本,否则会出现不匹配的情况,这也是大家看爱前端react 课程苦恼的地方,我给解决了!链接地址:React入门和企业级项目 9天 (视频,笔记,源码完整)我理清下思路,因为jsx 语法需要通过babel编译, 既然需要通过babel 编译, 干嘛不顺便 让babel 编...原创 2018-11-20 10:53:32 · 177 阅读 · 0 评论 -
帧动画的简单写法
慕课- Python Flask高级编程任何事情都是很简单,只要基本工扎实所谓的行业,就是就是一大堆简单的东西堆起来的何况我们只能从最基本的开始构建,迭代式的构建知识体系??首先看图片: 2, 代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2018-09-22 02:10:51 · 550 阅读 · 0 评论 -
大图片的缓存
1, 假如一个页面有多张图片,那么要是全部都是 <img src="xxx">的形式加载的话,那么页面能卡死, 而且很不好 为了解决这个问题,我们需要用到缓存, 先在内存中加载,当内存加载完毕后,再修改dom 元素中的值就行了! 2, 下面是实现代码:<script type="text/javascript"> window...原创 2018-09-22 01:14:45 · 1476 阅读 · 0 评论 -
node来了 06 -package.json
package.json 这个是个配置文件,用来管理 node_modules包下的模块, 当你去给人家copy 模块时, 将这个文件 copy 过去 运行 npm install 就可以按照 package.json 中 dependencies 的 配置去 自动下载对应的模块! ...原创 2018-10-04 16:14:00 · 148 阅读 · 0 评论 -
node 来了04
原创 2018-10-04 15:22:52 · 70 阅读 · 0 评论 -
node来了 03
原创 2018-10-04 15:12:31 · 81 阅读 · 0 评论 -
Node 来了02
url.parse 解析 URL 地址querystring.parse 将 k1=v1&k2=v2 解析成json 对象path.extname 拿到扩展名,haha.mp3, 最后拿到 mp3, (正则哪天还是要补习的!) ...原创 2018-10-04 15:01:35 · 210 阅读 · 1 评论 -
node来了01
态度决定一切, 我要继续写, 其实很多人都比我牛 , 我自己太Low ,所以从现在开始,我 要多写日记!要 多吃苦耐劳!我的理解, 单线程,就得非阻塞Io 要不不就卡了吗? Io 多了,自然要 维护好,不紊乱,所以要事件驱动req== request , res == response (和J2ee中servlet 差不多!)node 中顶层设计, 其实就是...原创 2018-10-04 14:28:59 · 99 阅读 · 0 评论 -
很多时候,都是想的不错,结果很差
我 说过 ,16 天 拿下, 大前端,结果才发现 ,这根本不可能 ,因为自己行动力,跟不上,所以各位看客,一定要坚持, 只有 大量行动,才会有收获! 所以,我又回来, 继续前行!! 10小时入门大数据 Hadoop大数据视频教程 Hadoop实战教程课程目录第1章 大数据概述.mp4第2章 初识Hadoop.mp4第3章 分布式文件系统HDFS.mp4第4章 分布...原创 2018-10-03 16:22:13 · 117 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
行走的小人
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行走的小人</title> <style> #c1{ border: 1px solid; } <原创 2018-09-22 20:37:41 · 538 阅读 · 0 评论 -
node 来了07
了凡四训很不错,我听着很舒服,你们有缘的话也可以去听听课程地址: 廖雪峰j2ee分布式架构师第一期大神课程来了原创 2018-10-06 21:58:37 · 472 阅读 · 1 评论 -
redux-thunk
这个就比较简单!1, npm 安装npm install redux-thunk --save-dev2, 使用连接store 写法就不同了ShopItem.jsimport React from 'react';import * as actions from './actions.js';import {connect} from 'react-redux'...原创 2018-11-23 20:12:11 · 97 阅读 · 0 评论 -
redux 案例购物车
1,环境我不搭建了,直接写!App.jsimport React , {Component} from "react";import {connect} from "react-redux";import {bindActionCreators} from "redux";import * as actions from "./actions.js";import ShopI...原创 2018-11-21 21:01:36 · 1310 阅读 · 0 评论 -
webpack + babel 环境搭建(图片点击就可以放大查看)
这篇必须写,妈的, 我很像骂人,为啥,因为网上配置他妈的老出错!课程地址: 廖雪峰j2ee分布式架构师第一期大神课程来了还有一些教程也配置不过关,所以我写了这篇文章,让 小白少走弯路!webpack 配置,一般都是版本不兼容或者匹配的问题,所以我采用都是指定版本好,开始!1, node 安装 版本8.xx 以上这个简单,不说了2, 安装webpack npm ...原创 2018-11-11 11:06:31 · 1882 阅读 · 0 评论 -
1.2 node.js的串讲复习
课程地址: 廖雪峰j2ee分布式架构师第一期大神课程来了学习任何知识前两天特别重要,你必须准确把握这个东西是什么。React、Redux、Flux、webpack、jsx等等。node.js是用来做后台的,是用来替代PHP的!因为PHP太吃硬件,所以现在很多公司把业务迁移到了nodejs上。后台和前台是到底是干嘛的?用PHP来进行演示。前端开发工程师最常用的语言就是HTML+CSS...原创 2018-10-08 09:08:11 · 129 阅读 · 0 评论 -
node 来了, 10
一、复习1.1 call和applycall和apply是用来执行上下文运行函数的。我们写了一个函数,比如function fun(){}此时如果运行它,可以直接加圆括号运算符:fun()此时函数的上下文就是window对象。所谓的上下文就是函数中出现的this是谁。有很多时候,我们需要让函数指定上下文运行,此时就要使用call或者apply,它们两个功能...原创 2018-10-08 08:47:23 · 141 阅读 · 0 评论 -
mongod crud operator
前言,都用用英文没啥坏处,因为文档都是英文熟悉熟悉,就会了,万事,熟悉熟悉就会 了下面是crud 俗称(增删改查)/* 向数据库插入文档 db.<collection>.insert() - 向集合中插入一个或多个文档 - 当我们向集合中插入文档时,如果没有给文档指定_id属性,则数据库会自动为文档添加_id ...原创 2018-10-14 07:29:32 · 92 阅读 · 0 评论 -
mongod 安装笔记
SQL - 结构化查询语言 - 关系数据库全都同SQL来操作(环境变量的概念,我就不解释了, Java要配置, tomcat 要配置) 1.安装MongoDB - 安装 - 配置环境变量 C:\Program Files\MongoDB\Server\3.2\bin - 在c盘根目录 - 创建一个文件夹 data...原创 2018-10-14 07:24:33 · 154 阅读 · 0 评论 -
node 又来了-反省和认识
学到node 前端第5天时, 遇到了bootstrap 和 mongod 这两块知识不熟练,所以就去稍微学习了下,能保证继续往下学习了,可见任何学习都是要具备一定条件的,否则你学习不下去这点要注意了,学习是需要基础知识支撑的!另外请注意, 现在网络传销有200 来家了,请大家务必注意,凡事,分销,金融,商城, 币类,都有可能是个幌子拉下线,有入场费,都可能是传销!这篇不写基础,...翻译 2018-10-14 07:15:25 · 67 阅读 · 0 评论 -
node 来了,09目录
原创 2018-10-06 22:06:17 · 69 阅读 · 0 评论 -
node 来了 08
原创 2018-10-06 22:02:47 · 89 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
BaiduT7 课程 ,画个N等分的饼图
这个是还是比较简单的,先死后生先画个6 等分的 饼图先补充下弧度的英文单词 有个草图,好画画!不知咋地,我现在理解东西,全靠画图了 ,也许有一天你们也会这样/ 画个6 等分的饼图 window.onload = function(){ var c1 = document.getElementById('c1') var ctx = c1.ge...原创 2018-09-15 17:06:13 · 510 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度T7 课程 canvas 学习 弧度和角度基本知识
从这节开始,我们就要补充一些知识了1首先是角度,这个概念比较简单,就是 以前学习的三角函数中的角度,直角= 90 度弧度的概念是,弧度是圆的一部分: 可以看到上面的图中, 半径和 圆的周长的一部分 相同,那个角度就是1 弧度上面 半径为x ,截取 圆的周长的一部分也为x ,则,对应的夹角就是1 弧度那么问题来了,一个圆有多少度呢? 答案: 360 度那一个圆有多...原创 2018-09-15 16:43:22 · 398 阅读 · 0 评论 -
百度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 · 166 阅读 · 0 评论 -
百度t7 教程 es6学习笔记 03 generator使用
很开心大家能 来到本篇笔记 generator 还是内容 蛮多的,不太好理解,我试着说给大家听,莫着急,一切都不是事 generator 生成器函数 是个什么东西呢, 首先我们原来的函数比如下面的 function show(){// 第一步 cosole.log('a')//.....//.....//第 4 步 console.log('b...原创 2018-09-09 14:45:50 · 174 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
babel 使用, 入坑必备 es6 转 es 5
备注:若文章看不懂,请看 我置顶文章,文章中有教程,可以下载观看视频版,因为这个是我视频教程版的个人 学习笔记前言, 命令的使用,要多摸索摸索就行 了,此时要保持足够的耐心,其实很简单!加油! 初始化的项目路径如下:action.jslet c = (a,b)=>a+b 1 先安装全局的babel 脚手架npm install -g --sa...原创 2018-09-08 21:29:18 · 2847 阅读 · 0 评论 -
百度t7 教程 es6学习笔记 01
es6 学习地址,阮一峰大神地址这个学习就需要慢慢的去理解, 目前我还是按照石川的t6课程走的 , 需要的伙伴可以看我 置顶首页这个课程走的, 走吧,就相当于去布达拉宫朝圣了,今天要复习的是 es6 , 只有不断的复习,才能更好的前行!es6 知识有1, let const2, 结构赋值3, promise4, genertor5, 匿名函数...原创 2018-09-09 07:41:37 · 325 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度t7 课程 websocket 学习
任何新的知识都需要不断的去摸索,你摸索摸索就会了,一个人要是能时刻保持淡定的心,确实很牛!你们听过说Q帝嘛,权术, 赚钱,泡妞综合的高手Q帝权术 好了, 需要的伙伴可以去看,不闲扯了,我们得继续我们的石川大神的 教程 websocket 学习, 1, 引入包:好,包引入后,下一步就是服务器端咋写了 let http = require('http'...原创 2018-09-12 09:07:13 · 164 阅读 · 0 评论 -
百度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 阅读 · 0 评论 -
百度T7 课程 canvas 学习 1
大凡一个事情,都是从低往高处走,所以我们从helloworld 走,一点点加深!要是看不懂我的博客,就去 具体链接地址: Web全栈架构师-石川大神反正我是学习的这套! <script> window.onload = function(){ var c1 = document.getElementById('c1') var gd =...原创 2018-09-13 17:23:09 · 289 阅读 · 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 阅读 · 0 评论