前端开发基础
关注
分享
扫一扫
文章平均质量分 61
Pony_18
for beauty!!!
展开
-
HTML 5 SVG
今日目标：(1)补充：Canvas小知识点(2)SVG绘图技术 —— 重点(3)第三方2D绘图工具 —— Two.js —— 了解 1.如何等待所有图片加载完成后，才开始绘图？ 多张图片绘制需要按照特定的顺序，而加载完成顺序是完全无法预测，只能等待所有图片加载完成，才能开始绘制。 /*************************** //典型的错误代码...原创 2018-11-27 21:18:41 · 239 阅读 · 0 评论 -
HTML5之SVG
今日目标：(1)补充：SVG相关小知识点(2)地理定位——掌握(3)拖放API——重点&小难点1.SVG中定义特效对象——渐变特效2.SVG中定义特效对象——滤镜(filter)——高斯模糊路径 <defs> <filter id="f1"> <feGaussionBlur s...原创 2018-11-28 20:44:46 · 224 阅读 · 0 评论 -
HTML5 Canvas绘制路径、图像&第三方统计图绘制工具的使用
今日目标：(1)使用Canvas绘制路径和图像 —— 重点&难点(2)使用第三方绘图工具 —— Chart.js，掌握 1.使用Canvas绘制路径(Path) 提示：Canvas中的路径概念与Photoshop中钢笔工具类似的。路径本身是不可见的，有三个用途：描边、填充(闭合)、裁剪(闭合) Canavs中与路径绘制相关方法： ctx.beginPa...原创 2018-11-26 22:36:40 · 1041 阅读 · 0 评论 -
02 HTML5新特性之视频、音频 & Canvas绘图
今日目标：(1)视频和音频 —— 简单必须掌握(2)Canvas绘图 —— 重点&难点1.HTML5新特性——视频播放 HTML5提供了一个新的标签<video>标签，用于播放视频。该标签默认是一个300*150的inline-block。使用方法： <video src="x.mp4"></video> ...原创 2018-11-25 22:06:59 · 574 阅读 · 0 评论 -
响应式网页
响应式网站设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。详解参见：http:/...原创 2019-02-01 18:37:59 · 528 阅读 · 0 评论 -
Node.js核心模块(上)
Node.js核心模块 1、consoleglobal.console 用于向stdout和stderr输出日志信息Console class console模块中的Console构造函数，用于向任意指定的输出流（文件）中输入信息。//向任意输出流中执行输入var fs = require("fs");//引入fs模块var out = fs.createWrite...原创 2019-01-20 22:05:36 · 187 阅读 · 0 评论 -
Node.js入门篇
What: 1、Node.js概述：基于c++编写的基于V8引擎的js的运行时环境,就是将其从Chrome浏览器的V8引擎中拎出来并加工。 2、基于ECMAScript开发的服务器端语言，提供了很多（前端js：1、ES前端对象：String、Number、Boolean、Math...2、BOM&DOM 3、自定义对象 所没有的）拓展对象，包括：...原创 2019-01-15 20:38:11 · 203 阅读 · 0 评论 -
Node.js基本语法
概要：数据类型、模板字符串、严格模式、变量的作用域、循环结构、函数、对象、 全局对象、模块对象、包和NPM1.数据类型：原始类型 String\number\boolean....直接赋值即可 引用类型 ES原生对象、Node.js对象、自定义对象...常需要new关键字 var empObj = new Object();function Myjob(nam...原创 2019-01-15 20:36:54 · 1387 阅读 · 0 评论 -
Node.js核心模块（下）
1、http模块用于构建使用http协议的客户端应用或者服务器端应用创建并发起请求消息，等待并解析响应消息————实现web客户端接收并解析请求消息，构建并发送响应消息————实现web服务器端常用对象：http.ClientRequesthttp.Serverhttp.ServerResponsehttp.IncomingMessage常用方法:htt...原创 2019-01-21 21:34:44 · 251 阅读 · 0 评论 -
Bootstrap 插件
1.Bootstrap插件概述 Bootstrap一共提供了十几个插件函数，可以单个引入，也可以一次性全部引入(bootstrap.js) 使用方法有两种： (1)使用JS方式调用 $('div').modal( ); (2)使用data-*方式调用 —— 推荐写法 <div data-toggle="modal">1、JS...原创 2019-02-06 17:06:47 · 971 阅读 · 0 评论 -
Bootstrap 布局组件
下拉菜单、警告框、图标字体、按钮组、导航、缩略图、媒体对象、列表组、面板组件、响应式导航条1、下拉菜单 下拉菜单必需的三级结构： <div class="dropdown"> <a data-toggle="dropdown">触发元素</a> <ul class="dropdown-menu"&原创 2019-02-05 20:15:06 · 430 阅读 · 0 评论 -
Bootstrap全局css样式
Bootstrap——全局CSS样式按钮、图片、列表、文本、表格、栅格布局、表单 1、与按钮相关样式： .btn .btn-default 白底黑字按钮 .btn-danger 红色 .btn-warning 黄色 .btn-success ...原创 2019-02-05 19:59:32 · 1642 阅读 · 0 评论 -
Bootstrap起步
Bootstrap实质上是一个css库，更多的是一个css框架Bootstrap学习特点：单词记忆！1.Twitter Bootstrap概述 官网：http://getbootstrap.com 中文网：http://www.bootcss.com 具体内容可分为以下五部分： (1)起步 (2)全局CSS样式...原创 2019-02-03 23:54:43 · 227 阅读 · 0 评论 -
09 JQUERY 基本概述和查找
正课:1. 什么是jQuery2. 查找1. 什么是jQuery jQuery是快速的，简洁的第三方javascript库 为什么: 1. DOM操作的终极简化: DOM的问题: 核心DOM: 万能，繁琐 HTML DOM: 简洁，不是万能 jQuery在DOM操作的4个方面提供了...原创 2018-09-25 21:25:27 · 217 阅读 · 0 评论 -
08 BOM--前篇
正课:1. ***BOM window 打开关闭窗口 窗口大小和位置 定时器1. ***BOM: 什么是: Browser Object Model 专门操作浏览器窗口的API —— 没有标准 DHTML对象模型: window 2个角色: 1. 代替global作为全局作用域对象 所有全局...原创 2018-09-23 10:08:20 · 205 阅读 · 0 评论 -
08 BOM 后篇
正课:1. *****定时器 动画2. screen3. history4. ***location5. ***navigator6. ****event1. *****定时器 动画: 练习: 获取长度属性值时: 获得都是带单位的字符串，不能直接计算 都要先去单位(parseFloa...原创 2018-09-24 17:43:15 · 140 阅读 · 0 评论 -
08 DOM 添加和删除元素、HTML DOM常用对象
正课:1. 添加/删除元素2. ***HTML DOM常用对象 select/option table/行分组/tr/td form1. 添加/删除元素: 添加: 3步: 1. 创建新的空元素: var a=document.createElement("a"); 相当于: <a></a> ...原创 2018-09-20 20:49:56 · 430 阅读 · 0 评论 -
08 DOM tree、DOM操作和查找
注意方法包含s时返回的是一个集合正课:1. DOM 什么是***DOM Tree 查找 按节点间关系查找 遍历 查找API 按HTML查找(了解) 按Selector查找1. 什么是: Document Object Model 专门操作HTML内容的API 原生js: ES(核心语法) ...原创 2018-09-12 13:40:22 · 679 阅读 · 0 评论 -
08 DOM 修改
正课: 修改:内容、属性、样式1. 修改: 1、内容: 1. .innerHTML: 获取或设置元素开始标签到结束标签之间的html代码片段。 "&lt;&lt;" 表单元素的内容：value,因为是单标签 2. .textContent: 获取或设置元素开始标签到结束标签之间的纯文本内容。 ">>" ...原创 2018-09-15 21:18:06 · 205 阅读 · 0 评论 -
02 CSS BASIC 框模型、背景
！！！！再简单的例题都要自己敲，亲自实践====================================框模型======================================一、框模型(重难点) 1、页面元素皆为框 元素的实际宽度=左右外边距+左右边框+左右内边距+width 元素的实际高度=上下外边距+上下边...原创 2018-07-30 12:35:22 · 192 阅读 · 0 评论 -
02 CSS BASIC 渐变、文本格式化、表格
多写多看温故知新：auto对上下外边距没有作用哒id常用于布局，class倾向用于样式的实现hr以后建议不要用,可以用边框来实现选择器：#comment>div.topic>div.star5{}=======================渐变========================1、渐变(css3新提出来的) 1、什么是渐变 ...原创 2018-07-31 15:47:47 · 281 阅读 · 0 评论 -
02 CSS3 BASIC 概述、语法与边框
=================================CSS概述========================================W3C建议 尽量使用CSS样式取代HTML属性================================CSS语法=========================================基本排错： ...原创 2018-07-29 20:22:18 · 304 阅读 · 0 评论 -
07 JS CORE String API、正则表达式
正课:1. ***String API 检索关键词：查找出字符串中包含的敏感词的位置和内容 替换 切割字符串2. *****正则表达式：规定一个字符串中出现规律的表达式1. 检索关键词: 4种 1. 查找一个固定的关键词出现的位置: var i=str.indexOf("关键词",fromi) 在str中，从fromi位置开始查找"关...原创 2018-08-27 16:35:05 · 291 阅读 · 0 评论 -
04 CSS CORE 复杂选择器、内容生成、多列、CSS hack
======================================复杂选择器========================================1、复杂选择器2、内容生成3、多列(打酱油的属性)4、CSS Hack(浏览器兼容性)*******************************1、复杂选择器：兄弟选择器、属性选择器、伪类选择器、伪元素选择器 ...原创 2018-08-07 10:16:05 · 165 阅读 · 0 评论 -
03 JS BASIC概述、基础语法、变量和常量以及数据类型
1、Javascript概述2、Javascript基础语法3、变量和常量(重点)4、数据类型========================================JS概述==================================================1、JS概述 1、什么是JS JS是一种运行于JS解释器/引擎中的解释型脚本语言 ...原创 2018-08-11 12:19:28 · 412 阅读 · 0 评论 -
07 JS CORE ES5、bind
正课:1. *****ES5 对对象的保护: 对单个属性的保护: 数据属性: 访问器属性:对对象的保护: 问题: 属性可随时直接用=赋值任何值 属性可随时被访问 可随时添加和删除属性 ——不严格！ 解决: 对对象提供保护: 如何: 1....原创 2018-09-07 20:26:59 · 172 阅读 · 0 评论 -
07 JS CORE String字符串、内置对象、包装类型
正课:1. ***String 什么是:***内置对象:***包装类型: 字符串API：1. 什么是: 多个字符组成的只读字符数组（本质上为数组） vs 数组: 相同：1、都能用下标i访问每个元素/字符 2、都有length属性记录元素/字符个数 3、都支持slice()选...原创 2018-08-24 18:17:58 · 236 阅读 · 0 评论 -
07 JSCORE RegExp、Math、Date、error
正课:1. ***RegExp:2. Math3. Date4.Error1. ***RegExp API: 验证: 检查字符串是否完全符合正则表达式的要求！ 如何: var bool=reg.test(待检测字符串) 强调: 只要验证，reg中必须前加^后加$ 查找关键词: 第四种情况: 即找内容，又找位置 ...原创 2018-09-01 09:44:04 · 368 阅读 · 0 评论 -
02 CSS BASIC 浮动、显示和列表
==========================浮动====================1、浮动 1、定位 1、什么是定位 元素该出现在网页的哪个位置处 2、定位方式 1、普通流定位 2、浮动定位 3、相对定位 4、绝对定位 ...原创 2018-08-02 13:27:34 · 216 阅读 · 0 评论 -
04 CSS CORE 转换、动画和过渡
******************************CSS Hack---头部引用Hack1、转换2、过渡3、动画4、CSS 优化******************************===================================================转换=======================================...原创 2018-08-07 20:41:28 · 229 阅读 · 0 评论 -
07 JSCORE 面向对象OOP
回顾:1. *****闭包: 笔试: 快速绘制闭包图 1. 受保护的变量，并确定外层函数调用后，变量的值 2. 找所有操作受保护变量的内层函数正课:1. *****面向对象OOP:（封装、*****继承、多态） 什么是: 用对象来描述现实中一个具体事务，程序中都是先用对象来定义数据和功能，再按照逻辑的需要，访问对象中的数据和功能。 为什么: 和...原创 2018-09-07 19:41:30 · 354 阅读 · 0 评论 -
06 JS BASIC 数据类型的转换、运算符和表达式
==========================================1、数据类型的转换2、运算符和表达式==========================================1、数据类型转换 1、弱类型 由数据来决定数据类型(JS) var num;//undefined num=12;//number...原创 2018-08-11 17:48:49 · 307 阅读 · 0 评论 -
06 JS BASIC 函数、分支结构和循环结构
===============================================函数===========================================一、函数 1、什么是函数 没有函数的弊端： 1、事件中想执行JS脚本只能逐行编写 2、可重用性不高 函数(...原创 2018-08-12 19:46:47 · 383 阅读 · 0 评论 -
07 JS CORE 数组
目录一、数组概述1、创建数组: 3个场景2、访问数组3、遍历数组4、***按值传递:5、关联数组:6、 数组API:6.1. 数组转为字符串: 2种6.2. 拼接和选取6.3. 修改数组splice: 删除，插入，替换6.4. 翻转数组: arr.reverse();7. ****排序一、数组概述 ***数组:（多用数组，少用变量） w...原创 2018-08-14 23:19:26 · 478 阅读 · 0 评论 -
02 CSS BASIC 定位
1、定位 1、定位属性 1、定位属性 属性：position 取值： 1、static 默认值，默认定位方式 2、relative 相对定位 3、abs...原创 2018-08-02 21:19:48 · 160 阅读 · 0 评论 -
07 JS CORE 栈、队列和二维数组
2. 栈(stack)和队列(quene): js中没有专门的栈和队列类型 一切栈和队列都是用普通数组模拟的 栈: 一端封闭，只能从另一端进出的数组 特点: FILO 何时: 今后只要希望始终使用最新的元素时 如何: 1. 从结尾出入栈: 入: arr.push(值) => arr[arr.len...原创 2018-08-17 10:22:26 · 311 阅读 · 0 评论 -
01 HTML5 BASIC
=======================================Web基础知识==========================Web归根结底就是网页Web:即WWW,将各类信息和服务（Email,BBS）进行连接，并提供图形用户界面Web的工作原理：基于B/S（C/S中的C为客户端，此中为浏览器）结构模式的程序，由Web服务器,浏览器和通信协议（通常采用超级文本传输协...原创 2018-07-29 17:02:38 · 208 阅读 · 0 评论 -
07 JSCORE function、作用域和闭包
正课:1. ***Function 重载 匿名函数2. *****作用域和作用域链3. *****闭包 1. ***Function: 什么是: js中一切函数都是对象 函数对象是专门封装函数定义的对象。 创建: 3种:（若为同名函数，后面的会替换前面的） 1. 声明: function 函...原创 2018-09-01 16:58:16 · 312 阅读 · 0 评论 -
Day01变量类型和计算
JS中使用typeof能得到哪些类型？typeof获得的有：undefined、string、number、Boolean、object、function 6 种！知识点1：变量类型：值类型与引用类型（对象、数组和函数）为什么会出现引用类型？内存值类型是两份，引用是一份，相当于一个指针指向。并且 typeof 只能区分值类型，引用类型中只能区分出函数。知识点2：变量计算...原创 2019-10-01 23:18:10 · 152 阅读 · 0 评论 -
关于git Bash 创建vue项目时电脑上下键不能实现选择的解决方法
我就是不想使用cmd，怎么啦！挣扎了半天，试了好多种方法，但是都没有用，最后.......终于找到了解决方法（和cmd输路径进去的一样）使用winpty,然后上下箭头就可以进行操作了原本指令：vue init webpack mall...原创 2019-09-29 19:38:00 · 2285 阅读 · 0 评论