首页

前端学习大纲

前端达人

第一阶段:

  • HTML+CSS:

HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、

  • JavaScript基础:

Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

  • JS基本特效:

常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

  • JS高级特征:

正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、

  • JQuery:基础使用

悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。

第二阶段:HTML5和移动Web开发

  • HTML5:

HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.

  • CSS3:

CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。

  • Bootstrap:

响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。

  • 移动Web开发:

跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

第三阶段:HTTP服务和AJAX编程

  • WEB服务器基础:

服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。

  • PHP基础:

PHP基础语法、使用PHP处理简单的GET或者POST请求、

  • AJAX上篇:

Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。

  • AJAX下篇:

JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。

第四阶段:面向对象进阶

  • 面向对象终极篇:

从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。

  • 面向对象三大特征:

继承性、多态性、封装性、接口。

  • 设计模式:

面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

第五阶段:封装一个属于自己的框架

  • 框架封装基础:

事件流、冒泡、捕获、事件对象、事件框架、选择框架。

  • 框架封装中级:

运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

  • 框架封装高级和补充:

JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

第六阶段:模块化组件开发

  • 面向组件编程:

面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。

  • 面向模块编程:

AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。

第七阶段:主流的流行框架

  • Web开发工作流:

GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。

  • MVC/MVVM/MVW框架:

Angular.js、Backbone.js、Knockout/Ember。

  • 常用库:

React.js、Vue.js、Zepto.js。

第八阶段:HTML5原生移动应用开发

  • Cordova:

WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。

  • Ionic:

Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡)。

  • React Native:

React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API。

  • HTML5+:

HTML5+中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5+开发和部署。

第九阶段:   Node.js全栈开发:

  • 快速入门:

Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。

  • 核心模块和对象:

全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。

  • Web开发基础:

HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。

  • 快速开发框架:

Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。

  • Node.js开发电子商务实战:

需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车,订单结算、在线客服即时通讯模块。

MacOS查找各Python版本的路径

前端达人

MacOS自带Python路径为:/System/Library/Frameworks/Python.framework/Versions
自行安装Python路径为:/Library/Frameworks/Python.framework/Versions/
打开Terminal
切换工作路径:cd /System/Library/Frameworks/Python.framework/Versions/current/bin
打印相对路径Python版本:./python --version
打印当前用户Python版本:python --version

如下图可以看到,系统Python版本为2.7,当前用户Python为3.7

 

使用which命令查看各版本Python的文件路径

系统命令默认路径/usr/bin(系统预装的可执行文件,随系统升级而变化)
用户命令默认路径/usr/local/bin(用户安装的可执行文件,不随系统升级影响)
其中,usr是Unix System Resource

可以看到/usr/bin中有python可执行命令,其版本为2.7.18,而/usr/local/bin则没有python,存放的是python3.7的执行命令

 

在Mac电脑上安装Python环境可以按照以下步骤进行操作:

步骤1: 下载Python安装包

访问Python官方网站(https://www.python.org/downloads/macos/)下载适用于Mac的Python安装包。根据你的操作系统版本选择合适的安装包,通常选择最新的稳定版本。
在这里插入图片描述

步骤2: 运行安装包

双击下载的Python安装包,会出现一个安装向导窗口。点击"Continue"继续安装。
在这里插入图片描述

步骤3: 配置安装选项

在安装向导窗口中,可以选择安装Python的位置和其他可选组件。通常建议保持默认设置,然后点击"Install"开始安装。

步骤4: 输入管理员密码

安装过程中,系统可能会要求输入管理员密码。输入密码并点击"Install Software"继续安装。

步骤5: 等待安装完成

安装过程可能需要一些时间,请耐心等待直到安装完成。

步骤6: 验证安装结果

安装完成后,打开终端应用程序(Terminal),输入以下命令验证Python安装是否成功:

python3 -V
  • 1

如果成功安装,终端会显示Python的版本号。

 

用3个章节,聊聊SaaS用户体验设计实践与价值|北京蓝蓝UI设计公司

之晨

今天和大家聊聊我对「SaaS」和「SaaS 用户体验」价值思考及设计实践总结分享,本文从如下三个方面展开:

蓝蓝UI设计师如何打造高端网站的用户体验设计与交互体验设计|北京蓝蓝UI设计公司

之晨

随着互联网的快速发展,高端网站已经成为企业展示形象、推广产品和服务的重要平台。作为UI设计师,如何做好高端网站的UI设计,打造卓越的用户体验设计和交互体验设计,成为了一项重要任务。本文将从用户体验、产品体验和品牌体验的角度,深入解析UI设计师如何做好高端网站的UI设计。

设计师如何做好需求评估?来看高手的总结!|北京蓝蓝UI设计公司

之晨

在设计师工作的过程中,所承接的需求大多来源于产品。产品作为需求的主要提出者,自然承担了大部分的需求分析工作。但这不仅仅是产品的事儿,设计师对于需求分析也有很大的必要性。

那么产品和设计做需求分析有什么区别呢?

结合产品五要素来看,产品更多思考战略层和范围层的内容,更偏向于从商业维度制定产品目标,以及考虑手里有哪些资源可以满足用户诉求。

设计师主要在结构层、框架层和表现层发挥价值。要在充分理解产品目标的基础上,从用户角度出发,深入了解用户的需求和期望,辨别需求是否解决了用户本质诉求。同时,设计师也要结合产品目标,权衡商业和用户体验,采用合适的形式把需求表达出来。

B端设计攻略!16000字干货帮你掌握通用/布局/数据展示三大组件|北京蓝蓝UI设计公司

之晨

B 端设计的文章和资料参考,缺少系统性的说明,这是我总结第五篇。本文主要阐述——通用样式、布局和数据展示。

第二波!2023年11月精选实用设计工具合集|北京蓝蓝UI设计公司

之晨

大家好,这是 2023 年 11 月的第 2 波干货合集!这次的合集有些有意思的东西,比如 open AI 出品的文本冒险游戏,基于 ChatGPT 的第三方插件或者说工具,有专业的玻璃拟物化设计系统,当然我最喜欢的还是适合社交媒体分享内容的卡片内容设计工具,因为它借助视觉模板搞定了相当一部分设计工作。


数据可视化大屏不会做?5个重要UI设计知识点|北京蓝蓝UI设计公司

之晨

大数据可视化界面设计是将海量数据以图形化的方式呈现,以帮助用户更好地理解和分析数据。在这个领域,设计师需要充分考虑数据的特点和用户的需求,以创造出易于理解和操作的界面。本文将介绍大数据可视化界面设计的7个关键知识点,并提供相关的技巧和实践建议。

 

B端设计速查-筛选 | 这样去做筛选才不会烂|北京蓝蓝UI设计公司

鹤鹤

 

我们在B端设计里,对于一个平台或工具系统而言其包含的数据往往是逻辑复杂其庞大的。在这庞大的数据海里,我们能有用精准的筛选方式来定位我们所需要的数据。这是一个系统所要具备最基础的功能,也是提升用户体验的关键。

UI设计公司成长日记1:为什么我们公司的名字叫兰亭妙微?

蓝蓝设计的小编

今天是十月16号,周一,简直是被梦想叫醒的,六点多就起来了,五点多就想着公司的一些事情该怎么做才好呢?一件一件的在脑海里晃悠,那还是起床好了!昨天和同学聚会,收到一个同学的启发,他攒鸡毛凑掸子都要出书了,我平常也喜欢碎碎念的写一些东西,只是写的多在自己的自留地里面,关于生活,关于孩子,工作感悟种种。这次我准备写一个公司工作的方面的成长日记,把我们工作中遇到的方方面面的问题记录下来,作为一个回顾,给客户一个了解我们的途径。
我们公司成立已经是十二年了,中间也经历了许许多多的事情,我们也一步步的在长大,在成熟。要做小而精的公司,是一开始就想好的,就像我们公司的名字,兰亭妙微,取自兰亭序,群贤毕至,很开心的在一起做点事,妙在精微。

兰亭妙微,取自兰亭序,群贤毕至,很开心的在一起做点事,妙在精微。

人心惟危,道心惟微;惟精惟一,允执厥中。这十六个字源于尧舜禹禅让的故事。人心是危险难安的,道心却微妙难明。惟有精心体察,专心守住,才能坚持一条不偏不倚的正确路线。人心惟危,道心惟微;惟精惟一,允执厥中。人心惟危,道心惟微;惟精惟一,允执厥中。这十六个字源于尧舜禹禅让的故事。人心是危险难安的,道心却微妙难明。惟有精心体察,专心守住,才能坚持一条不偏不倚的正确路线。人心惟危,道心惟微;惟精惟一,允执厥中。这十六个字源于尧舜禹禅让的故事。人心是危险难安的,道心却微妙难明。惟有精心体察,专心守住,才能坚持一条不偏不倚的正确路线。在一个公司的成长中,不贪心,唯精唯一的提升自己的公司实力,处事公允,是多么重要的事情啊。

心是幽微难明的,坚持追求“诚”,持之以恒地去修炼。

我们不追求公司的大,就顺其自然就好了。能够像尧舜禹禅让一样,做一个能够传承的公司,一代一代有接班人,有做事的道德良心,能够给客户好的价值,就这样平平常常就很好。
所以今天我就开始记录这些日常啦。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档