前端技术
文章平均质量分 76
atopx
一个真正热爱编程且具有极客精神的程序猿,python、golang、rust
展开
-
HTML快速入门
C/S与B/S架构 C/S架构 client:客户端 server:服务器 B/S架构 browser:浏览器 server:服务器 WEB工作原理 浏览器 => 服务器:发送请求,索取相关数据。 服务器 => 浏览器:接收请求并解析,处理业务,返回数据(响应) 页面组成:HTML、CSS、JS 开发工具 编辑工具:notepad++ 测试工具:chrome H...原创 2018-11-08 17:24:55 · 194 阅读 · 0 评论 -
CSS快速入门
层叠样式表 简介 什么是CSS? 层叠样式表:Cascading Style Sheet 有什么作用? HTML是页面的骨架,而CSS就是对网页骨架内容的修饰 为什么要使用? 样式和内容写在一起会显得非常臃肿,使用CSS可以将样式单独抽出来,可以提高开发效率。 CSS提供了很多HTML属性无法替代的显示效果。 单独抽离出来的CSS可以进行独立加载,能够实现多个页面共享,可以节约网络...原创 2018-11-08 17:26:18 · 487 阅读 · 0 评论 -
JavaScript 快速入门
JS基本语法 JS是什么? JavaScript的简写,与Java没有一毛钱关系。 客户端(浏览器)脚本,服务器端的脚本叫Node.js 可以给静态页面添加动态属性,如:修改样式,添加事件。 由来:NetSpace => LiveScript,后来与Sun公司有合作,借助Java做推广,将名字改为JaveScript JS引入方式 方式1:通过页面任意位置的script标签,标签中就可...原创 2018-11-08 17:28:49 · 127 阅读 · 0 评论 -
JavaScript 进阶
DOM操作 DOM操作 DOM,Document Object Model,文档对象模型 将HTML中的元素当做JS中的对象进行操作,称为DOM操作 window对象表示浏览器中打开的窗口,document对象整个文档 DOM操作核心:找到对象、添加事件、修改属性、… 在JS中样式的名字采用的是小驼峰的命名对方,如:backgroundColor console.log可以将数据输出到控制台,不...原创 2018-11-08 17:30:57 · 127 阅读 · 0 评论 -
jQuery 快速入门
jQuery简介 jQuery是一个快速、简洁的JavaScript框架 jQuery设计的宗旨是“Write Less,Do More”,即倡导写更少的代码,做更多的事情 它封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互 导入方式 本地文件 <script type="text/javascript" src="jquery-1.11...原创 2018-11-08 17:32:41 · 146 阅读 · 0 评论 -
Bootstrap 快速入门
屏幕尺寸(宽度) 超小屏幕,宽度 < 768, 如:手机 小型屏幕,768 <= 宽度 < 992,如:平板 中等屏幕,992 <= 宽度 < 1200,如:电脑 超大屏幕,宽度 >= 1200,如:电视 响应式布局 根据不同的客户端显示不同的效果,就称为响应式布局。 由于移动设备访问网站的比例大幅提升(已经成为主流),因此我们设计网站时需要移动设备有限考...原创 2018-11-08 17:34:18 · 257 阅读 · 0 评论 -
React快速入门
什么是前端开发? 将页面显示和业务逻辑独立, 使用组件开发, 解决传统页面代码混合html显示及js业务代码的弊端 常见的前端框架 react (facebook), react-native vue (阿里) AngularJS (早期) NodeJS nodejs的出现使JS代码的开发脱离了浏览器并且提供了统一的构建环境和包管理工具 实验流程 基本项目结构 在项目目录下执行npm init...原创 2019-02-11 17:31:24 · 186 阅读 · 0 评论