- 博客(93)
- 资源 (59)
- 收藏
- 关注
转载 Web前端学习笔记——Web Worker
HTML 5 Web WorkersHTML5 应用缓存 HTML5 服务器发送事件web worker 是运行在后台的 JavaScript,不会影响页面的性能。什么是 Web Worker?当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何...
2018-09-27 09:03:20 814
原创 Web前端学习笔记——AngularJS之指令、表单处理、和服务端交互、路由处理、Angular CLI
目录指令NgClassNgStyleNgModelNgIfNgSwitchNgFor带索引的 *ngFor自定义指令表单处理和服务端交互启用 Http 服务发起一个 get 请求Reading the full response错误处理路由处理基本用法导航链接 routerLink路由对象动态路由匹配路由导航A...
2018-09-27 09:03:04 706
原创 Web前端学习笔记——AngularJS之基础案例:TodoMVC
基础案例:TodoMVC起步下载模板:git clone https://github.com/tastejs/todomvc-app-template.git --depth 1初始化项目:ng new todomvc-angularcd todomvc-angularng serve将 todomvc-angular\src\app\app.component....
2018-09-27 09:02:59 739
原创 Web前端学习笔记——AngularJS之组件、模板语法
目录组件typora-copy-images-to: media组件的定义组件的模板组件通信父子通信:Input Down父子通信:Output Up父子通信:父组件直接访问子组件 public 成员没有直接关系通信:Service 单例利用 Cookie 和 localStorage 进行通信利用 Session 进行通信小结组件生命周期动...
2018-09-27 09:02:52 2391
原创 Web前端学习笔记——TypeScript
TypeScript内容纲要了解什么是 TypeScript TypeScript 基本语法TypeScript 介绍TypeScript 是什么TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript,所以 TypeScript 并不...
2018-09-27 09:02:47 3188
原创 Web前端学习笔记——AngularJS之简介、起步、特性
目录Angular 简介Angular 是什么特性发展历史起源困境Angular 2 横空出世ng2 相比 ng1现状那我为什么要学习使用 Angular ?学习 Angular 的一些建议相关链接起步Step 0. 安装依赖环境安装 Node.js安装 npm安装 Python安装 C++ 编译工具安装 cnpmSt...
2018-09-27 09:02:39 1151
原创 Web前端学习笔记——NodeJS之文件操作路径、开发与测试、扩展技术
目录麻烦的文件操作路径路径分类相对路径操作的问题相对路径到底相对于谁?如何解决某些时候相对路径带来的问题?__dirname 和 __filename 两兄弟使用 path.join() 方法解决拼接的问题路径使用整理总结nodemonMocha参考链接JavaScript 代码风格代码风格JavaScript Standard Styl...
2018-09-26 08:57:21 676
原创 Web前端学习笔记——NodeJS之综合案例:多人社区
多人社区该案例以 Node.js 中文开源技术社区 CNode 为原型。准备在 GitHub 上创建一个仓库 ithub 使用 Git 将远程仓库下载到本地 git clone 远程仓库地址初始化目录结构.├── node_modules├── controllers 控制器├── models 模型├── public 静态资源├── views 视图├── a...
2018-09-26 08:57:14 1074
原创 Web前端学习笔记——NodeJS之回调函数、Promise对象、async 函数
目录回调函数回调函数概念JavaScript 回调函数示例:封装原生的 ajax 操作示例:实现拷贝方法示例:读取文件中的 todos 列表数据示例:把任务持久化保存到文件中异常处理try-catch 处理异常Callback 处理异常Promise 对象回调地狱Promise 概念Promise 基本用法几个例子错误处理Prom...
2018-09-26 08:57:08 1083
原创 Web前端学习笔记——NodeJS之操作MySQL、MongoDB
操作 MySQL 数据库参考文档:https://github.com/mysqljs/mysql安装npm install mysqlHello Worldvar mysql = require('mysql');var connection = mysql.createConnection({ host : 'localhost', us...
2018-09-26 08:57:01 1038
原创 Web前端学习笔记——NodeJS之小案例:在线留言本
小案例:在线留言本Edit on github案例Github仓库地址:https://github.com/lipengzhou/express-guestbook-case零、准备完整目录结构如下:.├── node_modules npm安装的第三方包目录,使用 npm 装包会自动创建├── public 页面需要使用的静态资源│ ├── css│ ...
2018-09-26 08:56:55 1008
原创 Web前端学习笔记——NodeJS之Express
目录ExpressExpress 介绍起步安装Hello World基本路由处理静态资源使用模板引擎配置使用 art-template 模板引擎其它常见模板引擎解析表单 post 请求体使用 Session路由路由方法路由路径路由处理方法app.route()express.Router在 Express 中获取客户端请求...
2018-09-26 08:56:47 979
原创 Web前端学习笔记——NodeJS之ECMAScript 6 基础语法、HTTP模块
目录ECMAScript 6 基础语法ECMAScript 6 简介ECMAScript 和 JavaScript 的关系ES6 与 ECMAScript 2015 的关系ECMAScript 发展历史部署进度Babel 转码器查看离线文档var、let、const解构赋值字符串的扩展函数的扩展数组的扩展对象的扩展for...of 循环...
2018-09-26 08:56:36 532
原创 Web前端学习笔记——NodeJS之文件操作、全局成员、PATH路径操作
目录文件操作同步和异步常用 API案例:Markdown 文件转换器文件操作的路径文件操作的相对路径问题全局成员__dirname 和 filenamepath 路径操作模块path.basenamepath.dirnamepath.extnamepath.parsepath.format(pathObject)path.joinpa...
2018-09-26 08:56:28 561
原创 Web前端学习笔记——NodeJS之入门、核心概念、模块系统、包与npm
目录Node.js 介绍Node.js 是什么Node 的特点Node 发展历史为什么要学习 NodeNode 能做什么这门课程你能学到啥?一些资源起步预备知识安装 Node 环境REPLHello World文件读写HTTP 服务核心概念Node.js 中的 JavaScript模块化异步操作模块系统什么是模块化...
2018-09-26 08:56:12 1004
原创 Web前端学习笔记——iScroll
版本针对iScroll的优化。为了达到更高的性能,iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本:iscroll.js,这个版本是常规应用的脚本。它包含大多数常用的功能,有很高的性能和很小的体积。iscroll-lite.js,精简版本。它不支持快速跳跃,滚动条,鼠标滚轮,快捷键绑定。但如果你所需要的是滚动(特别是在移动平台) iScroll 精简版 是又小又...
2018-09-26 08:56:01 711
原创 Web前端学习笔记——LESS
1.1 less1.1.1 Less环境安装安装nodejs在部分win8系统当中无法安装(解决办法的是 已管理员权限运行cmd然后再按写命令切换到安装包目录,直接命令执行)安装完成nodejs之后检测是否安装完成 node –v 查看版本然后检测 npm是否自带 npm –v 查看版本在线安装然后 运行 npm install –g less (部分电脑要...
2018-09-25 17:05:35 902
原创 Web前端学习笔记——Canvas
canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。体验Canvas<!...
2018-09-25 16:35:34 1267
原创 Web前端学习笔记——Ajax
1. 概述Web 程序最初的目的就是将信息(数据)放到公共的服务器,让所有网络用户都可以通过浏览器访问。在此之前,我们可以通过以下几种方式让浏览器发出对服务端的请求,获得服务端的数据:地址栏输入地址,回车,刷新特定元素的 href 或 src 属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程(对服务端发出请求并且接受服务端返回的响应), 如果我们可以...
2018-09-25 16:13:14 948
原创 Web前端学习笔记——HTML5与CSS3之H5-DOM扩展、H5新增API
H5-dom扩展获取元素document.getElementsByClassName ('class'); //通过类名获取元素,以伪数组形式存在。document.querySelector('selector');//通过CSS选择器获取元素,符合匹配条件的第1个元素。document.querySelectorAll('selector'); //通过CSS选择器获取元素...
2018-09-25 11:56:53 561
原创 Web前端学习笔记——HTML5与CSS3之QQ TIM案例
《QQ TIM》案例Stellar插件描述视差滚动(Parallax Scrolling)指网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术主要核心就是前景和背景以不同的速度移动,从而创造出3D效果。这种效果可以给网站一个很好的补充。特性视差滚动效果酷炫,适合于个性展示的场合。视差滚动徐徐展开,适合于娓娓道来,讲故事的场合。视差...
2018-09-25 11:41:38 554
原创 Web前端学习笔记——HTML5与CSS3之购物车宣传案例
《购物车宣传》案例综合运用h5c3知识且进行一定扩展能使用jquery完成网页常见交互行为实际工作开发当中能应对活动宣传页全屏切换效果通过鼠标的滚轮 切换全屏页面使用fullpage来完成使用动画 (js实现动画,css3实现动画)一个是帧动画 一个是补间动画什么是帧动画:使用定时器 每隔一段时间 更改当前元素的状态什么是补间动画:过渡(加过渡只要状态发生改...
2018-09-25 11:36:10 2089 1
原创 Web前端学习笔记—— jQuery之简介、对象、选择器
jQuery简介JavaScript库的概念JavaScript开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了。(animate.js、common.js)常见的JavaScript 库 - jQuery、Prototype、MooToo...
2018-09-25 11:17:23 302
原创 Web前端学习笔记—— jQuery之样式、动画
jQuery操作样式CSS操作功能:设置或者修改样式,操作的是style属性。操作单个样式// name:需要设置的样式名称// value:对应的样式值$obj.css(name, value);// 使用案例$('#one').css('background','gray');// 将背景色修改为灰色设置多个样式// 参数是一个对象,对象中包含了需要设置的...
2018-09-25 11:16:31 359
原创 Web前端学习笔记—— jQuery之操作节点、属性、尺寸和位置
jQuery节点操作创建节点// $(htmlStr)// htmlStr:html格式的字符串$('<span-这是一个span元素</span-');添加节点append appendTo 在被选元素的结尾插入内容prepend prependTo 在被选元素的开头插入内容before 在被选元素之后插入内容after 在被选元素之前插入内容清...
2018-09-25 11:15:28 329
原创 Web前端学习笔记—— jQuery之事件机制、补充、插件
jQuery事件机制JavaScript中已经学习过了事件,jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力。jQuery事件发展历程(了解)简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐)简单事件注册click(handler) 单击事件m...
2018-09-25 11:12:57 308
原创 Web前端学习笔记——JavaScript之面向对象编程
JavaScript 高级在线地址:JavaScript 高级基本概念复习由于 JavaScript 高级还是针对 JavaScript 语言本身的一个进阶学习,所以在开始之前我们先对以前所学过的 JavaScript 相关知识点做一个快速复习总结。重新介绍 JavaScriptJavaScript 是什么解析执行:轻量级解释型的,或是 JIT 编译型的程序设计语言语言特点:...
2018-09-24 21:59:27 2819
原创 Web前端学习笔记——JavaScript之面向对象游戏案例:贪吃蛇
面向对象游戏案例:贪吃蛇案例相关源码以上传到 GitHub :https://github.com/lipengzhou/new-snake案例介绍游戏演示在线演示地址:贪吃蛇案例目标游戏的目的是用来体会js高级语法的使用 不需要具备抽象对象的能力,使用面向对象的方式分析问题,需要一个漫长的过程。功能实现搭建页面放一个容器盛放游戏场景 div#map,设置样式#map { ...
2018-09-24 21:56:07 1601
原创 Web前端学习笔记——JavaScript 之继承、函数进阶
函数进阶函数的定义方式函数声明函数表达式new Function函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别函数声明必须有名字函数声明会函数提升,在预解析阶段就已创建,声明前后都可以调用函数表达式类似于变量赋值函数表达式可以没有名字,例如匿名函数函数表达式没有变量提升,...
2018-09-24 21:53:53 551
原创 Web前端学习笔记——JavaScript之正则表达式、伪数组、垃圾回收
JavaScript 中使用正则表达式创建正则对象方式1:var reg = new Regex('\d', 'i');var reg = new Regex('\d', 'gi');方式2:var reg = /\d/i;var reg = /\d/gi;参数标志说明i忽略大小写g全局匹配gi全局匹配+忽略大小写正则匹配// 匹...
2018-09-24 21:51:07 311
原创 Web前端学习笔记——JavaScript之事件、创建元素、节点操作
事件事件:触发-响应机制Event接口表示在DOM中发生的任何事件,一些是用户生成的(例如鼠标或键盘事件),而其他由API生成。事件三要素事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程序:事件触发后要执行的代码(函数形式)事件的基本使用var box = document.getElementById('box');box.oncli...
2018-09-24 21:31:53 778
原创 Web前端学习笔记——JavaScript之事件详解
事件详解注册/移除事件的三种方式var box = document.getElementById('box');box.onclick = function () { console.log('点击后执行');};box.onclick = null;box.addEventListener('click', eventCode, false);box.removeEvent...
2018-09-24 21:31:39 444
原创 Web前端学习笔记——JavaScript之特效
特效偏移量offsetParent用于获取定位的父级元素offsetParent和parentNode的区别var box = document.getElementById('box');console.log(box.offsetParent);console.log(box.offsetLeft);console.log(box.offsetTop);console.lo...
2018-09-24 21:31:27 1766
原创 Web前端学习笔记——JavaScript之WEBAPI、BOM、DOM及获取页面元素
Web APIWeb API介绍API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(console.log())We...
2018-09-24 21:31:15 2515
原创 Web前端学习笔记——VueJS-APP案例
将项目源码托管到oschina中点击头像 -&amp;gt; 修改资料 -&amp;gt; SSH公钥 如何生成SSH公钥创建自己的空仓储,使用 git config --global user.name &quot;用户名&quot; 和 git config --global user.email ***@**.com 来全局配置提交时用户的名称和邮箱使用 git init 在本地初始化项目使用 touc...
2018-09-24 19:21:33 2260
原创 Web前端学习笔记——JavaScript之变量、操作符、表达式和语句
浏览器说明浏览器是指可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。通俗的讲:可以显示页面的一个软件,国内网民计算机上常见的网页浏览器有,QQ浏览器、Internet Explorer、Firefox、Safari,Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世界之窗浏览器等,浏览器是最...
2018-09-21 22:19:42 1036
原创 Web前端学习笔记——JavaScript之数组、函数、作用域
数组为什么要学习数组之前学习的数据类型,只能存储一个值(比如:Number/String。我们想存储班级中所有学生的姓名,此时该如何存储?数组的概念所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表,可以在数组中存放任意的数据,并且数组的长度可以动态的调整。通过数组字面量创建数组// 创建...
2018-09-21 22:16:07 575
原创 Web前端学习笔记——JavaScript之对象
对象为什么要有对象function printPerson(name, age, sex....) {}// 函数的参数如果特别多的话,可以使用对象简化function printPerson(person) { console.log(person.name); ……}什么是对象现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。举例: 一部...
2018-09-21 22:14:58 825
原创 Web前端学习笔记——Webpack结合VueJS使用、Mint-UI、MUI
注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo
2018-09-21 20:53:33 1565
原创 Web前端学习笔记——CSS3 新增选择器
CSS3 新增选择器结构(位置)伪类选择器(CSS3):first-child :选取属于其父元素的首个子元素的指定选择器:last-child :选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型:nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一...
2018-09-21 14:34:25 543
(STM32)0.96寸OLED显示屏IIC
2018-06-11
(STM32)0.96寸OLED显示屏SPI
2018-06-11
(STM32)TM1637四段数码管
2018-06-10
(STM32)UART串口程序
2018-05-12
(STM32)光敏传感器
2018-05-12
(STM32)DS18B20程序
2018-05-12
(STM32)DHT11程序
2018-05-12
(STM32)红外遥控
2018-05-12
(STM32)ENC28J60网络模块实验
2018-05-12
(STM32)2.8寸TFTLCD屏虚拟键盘触摸程序
2018-05-12
2018西门子杯中国智能制造挑战赛逻辑控制设计开发——六部十层电梯群控程序(省一等奖)
2018-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人