- 博客(20)
- 收藏
- 关注
原创 es6基础
es6教程: 目录 es6教程: 1 ES5扩展内容: 1 es6语法: 3 因为vue和react很多底层都是es6实现的所以学习react和vue之前有必要学习一下es6。 Es5是09年发布的es6是15年发布的之后几乎每一年发布一个版本的es,但是由于时间间隔比较短,很多功能不一定能够实现,但是es6基本已经实现了甚至现在的es8都有很多实现了。 ES5扩展内容: Es5严格模式: 减少浏览器的怪异行为,和js设计的一些不合理之处为未来的js做好铺垫。 使用use strict 严格模式的约束: 必
2020-12-19 09:53:54
319
1
原创 一篇博客解决git操作
git教程: 是一种版本控制器,是一个记录每一次版本记录一个或若干个文件内容的变化,以便将来查询特定版本修订情况的系统。 可以通过它恢复之前的样子,可以一键还原 可以通过比较文件的变化细节,可以找到谁修改了这段代码,这是一种分布式的版本控制器,操作要比SVN复杂一点。 集中式的管理的优缺点:(代码存储在单一的服务器上便于项目的管理,客户端只提取最新版本的快照) 优点: 集中化的管理 方便存储 缺点: 中央出现故障,没有保障。(SVN服务器宕机就不能工作了;需要...
2020-12-16 15:37:15
443
原创 angular入门(1.x)
angular.js: 教程可以作为跳板,因为vue也参考了angular的设计。 angular.js是google开源的前端js结构化框架 第一次学习结构化框架,它和函数库有什么区别呢? 比如jQuery中,安装之后,可以在编写js中有一个$符帮助我们去寻找特定的方法,方便记忆和使用(能够提高效率),在jQuery中所有的都是属于函数调用(对内容封装,给出api)。 angular.js的特性和优点: 双向数据绑定 声明式依赖注入 解除耦合应有逻辑,数据模型和视图。(耦合度,会让开发比.
2020-11-24 22:52:07
1147
原创 zepto入门
zepto: 安装了node.js可以通过 npm install zepto; 或者grab the latest version on GitHub安装 否则可以通过在zepto的官网上复制粘贴。 它是专门为移动端定制的框架:轻量级的javascript库 zepto与jQuery类似的api:会jQuery就会zepto zepto的特点: 针对移动端: 轻量级压缩版只有8kb 响应执行速度快 语法,大多数语法和jQuery一样,学习难度低,上手快 目前api完善的框..
2020-11-22 19:28:25
1063
原创 MongoDB入门
mongDB:数据库(快速开发互联网)入门; 数据库是按照数据结构组织、存储和管理数据的仓库; 我们的程序在内存这种运行的,一旦程序运行结束,或者计算机断电,程序运行的数据都会消失; 所以我们将运行的程序永久的存储到硬盘上以确保数据的安全性。而数据库就是数据持久化的最佳选择; 数据库分为两种,一种是(标准化,开发慢)关系数据库,MySql/Oracle/DB2/sqlserver,另一种是(非标准化的)非关系数据库;MongDB/Redis; 标准化限制了创新的可能性,想改改不了了,非标准化.
2020-11-20 19:01:42
243
原创 node.js入门
node.js入门: 命令行窗口: cmd 终端 shell 常用的指令: dir列出当前目录下的所有文件: cd切换目录 tab自动补全已存在的目录,文件名 .表示当前目录 ..表示上一级目录 md创建一个目录 make dir rd移除一个目录remove dir 切换到一个目录之后,可以通过直接输入文件的名称来执行这个文件。 设置环境变量(由于执行一个文件必须切换到指定的目录中,可以设置环境变量,在终端中直接执行这个环境变量来直接在任何位置执...
2020-11-15 22:28:26
193
原创 bootstrap基础
bootstrap基础: bootstrap基于jQuery的,所以在使用js时,需要先引入jQuery.js文件。 很多框架实现的内容都是差不多的,不过有的实现的功能和特性有一点区别,没有必要全部学完,最好有针对性的学习,先打牢基础在观察主要的技术栈。 先下载bootstrap(内容非常小的) 可以在中文网中学习less教程。 另外它还有sass版本的。 dist版本是已经编译完的。 可以下载不是dist文件,来学习bootstrap 界面的样式在bootstrap-min...
2020-11-12 23:31:29
465
原创 jQuery笔记
jQuery基础教程: bom和dom的语法实在太长了(看上去很low)。 crud:增删改查 jQuery的核心功能是查询: jQuery是什么? 一个优秀的js的函数库 使用jQuery的网站很多 中大型项目的首选 write less ,do more! 为什么使用jQuery? html元素的选取 html元素操作 css操作 html事件处理 js动画效果 链式调用:a().b().c() 读写合一:(传参为读,不传参为写) 浏览器兼容 易扩展插件 ..
2020-11-10 20:24:07
364
原创 less基础教程
less基础教程: 写原生CSS,会让页面结构越来越混乱,几乎看不出层次结构。(less推荐写嵌套结构) 需要通过进行预编译,让嵌套的css转换成能让浏览器能够识别的样式,而没有误差。 引入less:(其实还有其它预处理器,不过功能都差不多sass和stylus等) http://www.frontendjs.com/ 前站 文档栏就有官网: 如果直接引入一个less代码,需要引入一个less预处理器: <style type="text/less"> 使用less编写的..
2020-11-03 20:30:10
1605
原创 css3样式布局
css3(cacsscadng style sheets):层叠样式表; 面试前先把自己弄活跃起来(不然容易让场面冷下来,让自己发抖); 层叠样式表:由一条条规则组成的; 规则由:选择器,声明块组成; 声明块:由一条条声明组成; 声明:由css属性+css属性值组成的键值对; *{margin:0;padding:0;} div ul li #test{}//浏览器从右往左去渲染;(从左往右元素不会被浏览器立即匹配到,而从有往左,只需要先查找所有的#test然后向上找,逐渐匹配;) ..
2020-11-02 21:33:37
365
原创 css2.1页面布局
css(2.1): 包含块: 较早前讨论浮动元素的包含块:对于浮动元素,其包含块定义为最近的块级祖先元素,对于定位,情况就会发生变化: 根元素的包含块(也称为初始包含块)是有用户代理创建的,也就是html元素,不过浏览器会使用body作为根元素,在大多数浏览器中,初始包含块是一个视图窗的矩形; 对于一个非根元素,如果其position的值为relative或static,包含块由最近的块级框,表单元或行内块祖先框,内容边界共同决定的; 对于一个非根元素,如果position属性是...
2020-10-24 22:00:28
346
原创 svn基本操作
SVN教程: 全称为Apache Subversion通常被缩写成svn,是一个开源版本控制系统。 在subversion管理系统中,文件目录可以超越时空,subversion将文件存放在中心版本管理库中,这个版本库很像一个普通的文件服务器,不同的是,它可以记录每一次文件和目录的修改情况,这样就可以借此将数据恢复到之前的版本了,并可以查看数据的更改细节,正因为如此,许多人将版本控制系统当做一台的时间机器; SVN的作用: 使用SVN的目的有两个: 实现项目组中的资源共享;(别人可以获...
2020-10-24 21:58:23
1559
原创 javascript高级
JS高级: 数据类型: 基本数据类型: string number boolean null undefined 引用数据类型: object: array:引用下标的对象 function:可以执行 判断数据类型: instanceof:判断对象的具体类型(判断对象是否是某个构造函数的实例);但是这个不一定能够判断数组和对象的区别;可以通过isArray()判断数组; typeof:可以判断出string/number/boolean/object;不能判断Object..
2020-10-21 20:20:21
339
原创 javascript基础总结(下)
在自定义对象中,大部分是比较复杂的,一般用于高级开发中。常用的对象如下: array(数组)对象: 普通对象: | 属性名 |属性值 | | name | jiojidoj |//属性名任意 数组对象 | 索引 | 元素 | | 1 | 456 |//索引为数字,并且按顺序排列,从零往后延伸 构造函数创建数组对象: var array=new Array(...
2020-10-17 20:18:37
361
原创 javascript基础总结(上)
javascript基础语法的学习: 计算机是一个由人来控制的机器,人要他干嘛他就会干嘛,我们学习的语言就是人与计算机沟通的工具,人通过语言来控制计算机。 语言本质上是没有什么区别的,计算机的语言和人沟通的语言是有区别的,不同的语言通过不同的解析成为计算机能够认识的机器语言。 编程语言其实就是简单的人类语言,但是本质上来说语法不同。 javascript的语言诞生在1995年,当时的网速非常的慢,只有20kb左右的网速,这样的话我们访问服务器就需要很长时间,很多时候,我们需要...
2020-10-14 22:17:13
216
原创 HTML+CSS基础总结(下)
。ps的基本操作: 想要将图片转化成网页最简单的方式就是使用ps了。 ps的默认单位不是像素,注意修改PS的单位。 用ps拾色器、选取、标尺等修改。一般公司有ps的大神。但也需要常规操作。 小项目实战: 首先: 分析布局,写基本的div元素 CSS:修改样式 设置div元素的宽高 *{ margin:0; padding:0; }} 设置页面字体 body{ font:12px/1宋体; } 分割div元素: 使用ps查看图片的大小,...
2020-09-28 11:21:58
276
原创 HTML+CSS基础总结(上)
根据W3C联盟标准将前端定义为下面几个部分: 结构:html用于描述页面的结构 表现:css用于控制页面元素的样式 行为:javascript用于响应用户操作 html文档说明: html5:<!doctype html> 如果没有声明文档类型,会让部分浏览器进入怪异模式,进入怪异模式的浏览器会使html文档显示 ,不符合预期。 元素就是标签。 文档编辑器:sublime text; 产生乱码的原因是:编码和解码的字符集不同。 字符集: ...
2020-09-24 15:55:54
551
原创 CSS中的盒子、flex布局简介
CSS中的盒子模型: CSS中盒子的大小由margin(盒子外围)、padding(盒子内围)、border(盒子边框)以及盒子内容构成,盒子是一个容器,当我们需要喝水的时候可以拿起杯子同样也可以直接用手去盛水。不用盒子和用盒子的区别在于适不适用于生产。 用盒子的好处: 1.留有空间:可以预留一部分空间(构造图形、撑开内容、设置盒子内部不同属性产生不同布局) 2.划分区间:不同的区域放置不同的物品(在html5中的header/footer等) 怪异盒子(box-sizing:border-box
2020-09-21 10:55:23
282
原创 CSS2D、3D、过渡、动画基础概括
CSS的2D转换: 可以对元素进行移动、缩放、转动、拉长或拉伸。 translate() rotate() scale() skew() matrix() transform:ratate(0deg):顺时针旋转 tansform:translate(50px,100px);右移50px,向下平移100px transform:scale(2,3)横向增大2倍,纵向增大3倍; transform:skew(amgle,angle)x轴向上倾斜y轴向上倾斜 matrix()方..
2020-09-17 22:15:35
261
原创 CSS渐变、文本、字体效果的呈现
** CSS渐变:(gradients)可以让两个或者多个指定颜色之间呈现平稳的过渡; ** 线性渐变:可以指定方向的渐变 径向渐变:有中心定义的渐变方式。 线性渐变: 使用background-image:可做渐变处理 background-image:linnear-gradient(direction,color1,color2); 默认方式是从上到下渐变; to +基本的方向: direction:to bottom-right右下角渐变同理还有 to right to top to bottom,
2020-09-16 16:55:52
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人