前端开发

一、HTML和CSS基础 1.1 开发工具 1.1.1 前端开发工具技巧介绍-DW篇 1.1.2 前端开发工具技巧介绍-Sublime篇 1.2 HTML和CSS基础课程 1.2.1 HTML+CSS基础课程 1.3 网页布局 1.3.1 如何用CSS进行网页布局 1.3.2 网页布局基础 1.3.3 网页简单布局之结构与表现原则 1.3.4 CSS Sprite雪碧图应用 1.4 实践 1.4.1 导航条菜单的制作 1.4.2 固定层效果 二、JavaScript语言 2.1 JS基础 2.1.1 JavaScript入门 2.1.2 JavaScript进阶篇 2.2 DOM操作 2.2.1 DOM探索之基础详解篇 2.3 事件处理 2.3.1 DOM事件探秘 2.4 JS动画 2.4.1 JS动画效果 2.5 JS实践 2.5.1 倒计时效果 2.5.2 信息滚动效果制作 2.5.3 Tab选项卡切换效果 2.5.4 商城分类导航效果 三、jQuery 3.1 jQuery基础课程 3.1.1 jQuery基础 3.2 jQuery插件 3.2.1 jQuery插件-Validation Plugin 3.3 Ajax基础 3.3.1 Ajax全接触 3.4 jQuery实践 3.4.1 网页定位导航特效 3.4.2 瀑布流布局 3.4.3 搜索框制作 四、综合网站实践 4

文章目录 5.指令学习 5.7.计算属性 5.8.watch 6.组件化 6.1.全局组件 6.2.组件的复用 6.3.局部组件 6.4.组件通信 6.4.1.props（父向子传递） 6.4.2.props验证 6.4.3.动态静态传递 6.4.4.子向父的通信：$emit 7.路由vue-router 7.1.场景模拟 7.1.1.编写父组件 7.1.2.编写登录及注册组件 7.1.3.在父组件中引用 7.1.5.问题 7.2.vue-router简介和安装 7.3.快速入门 5.指令学习 5.7.计算属性 在插值表达式中使用js表达式是非常方便的，而且也经常被用到。 但是如果表达式的内容很长，就会显得不够优雅，而且后期维护起来也不方便，例如下面的场景，我们有一个日期的数据，但是是毫秒值： data : { birthday : 1529032123201 // 毫秒值 } 我们在页面渲染，希望得到yyyy-MM-dd的样式： < h1 > 您的生日是：{{ new Date(birthday).getFullYear() + '-'+ new Date(birthday).getMonth()+ '-' + new Date(birthday).getDay() }} </ h1 > 虽然能得到结果，但是非常麻烦。 Vue中提供了计算属性，来替代复杂的表达式： var vm

前面的话 　　php面向对象编程的三大特性是封装性、继承性和多态性。本文将介绍php的这三大特性 封装 　　封装就是把对象中的成员属性和成员方法加上访问修饰符( public（公有），protected（受保护）或 private（私有）)，使其尽可能隐藏对象的内部细节，以达到对成员的访问控制 　　被定义为公有的类成员可以在任何地方被访问。被定义为受保护的类成员则可以被其自身以及其子类和父类访问。被定义为私有的类成员则只能被其定义所在的类访问 　　类属性必须定义为公有，受保护，私有之一。如果用 var 定义，则被视为公有 <?php class MyClass { public $public = 'Public'; protected $protected = 'Protected'; private $private = 'Private'; function printHello() { echo $this->public; echo $this->protected; echo $this->private; } } $obj = new MyClass(); echo $obj->public; // 这行能被正常执行 echo $obj->protected; // 这行会产生一个致命错误 echo $obj->private; // 这行也会产生一个致命错误

在写这个文章之前，我花了点时间，自己臆想了一个电商系统，基本上算是麻雀虽小五脏俱全，我今天就用它开刀，一步步剖析，我会讲一下我们可能会接触的技术栈可能不全，但是够用，最后给个学习路线。 Tip：请多欣赏一会，每个点看一下，看看什么地方是你接触过的，什么技术栈是你不太熟悉的，我觉得还算是比较全的，有什么建议也可以留言给我。 不知道大家都看了一下没，现在我们就要庖丁解牛了，我从上到下依次分析。 前端 你可能会会好奇，你不是讲后端学习路线嘛，为啥还有前端的部分，我只能告诉你， 傻瓜 ，肤浅。 我们可 不能闭门造车 ，谁告诉你后端就不学点前端了？ 前端现在很多也了解后端的技术栈的，你想我们去一个网站，最先接触的，最先看到的是啥？ 没错就是前端，在大学你要是找不到专门的前端同学，去做系统肯定也要自己顶一下前端的，那我觉得最基本的技术栈得熟悉和了解吧，丙丙现在也是偶尔会开发一下我们的管理系统主要是 VUE 和 React 。 在这里我列举了我目前觉得比较简单和我们后端可以了解的技术栈，都是比较基础的。 作为一名后端了解部分前端知识还是很有必要的，在以后开发的时候，公司有前端那能帮助你前后端联调更顺畅，如果没前端你自己也能顶一下简单的页面。 HTML、 CSS 、 JS 、 Ajax 我觉得是必须掌握的点，看着简单其实深究或者去操作的话还是有很多东西的，其他作为扩展有兴趣可以了解，反正入门简单

1、console.log 方法在IE中不兼容 低版本的 IE 根本就没有 console.log() 方法，所以如果你在 JS 上运行这个方法就有可能会出错。 在 IE11 上运行 console.log() 方法，在开启了 F12开发者工具时可以正常运行且输出，但是如果没有运行开发者工具时代码就会有问题。console.log 方法不会执行，并且后面的代码也不会执行。此时你就会很难排查问题，因为你在开启开发者工具时就会正常运行且输出。 所以说我们平时应该养成良好的编程习惯，一些测试用的打印语句要及时的删掉。 当然如果你想在 IE 上也能正常运行这个方法，也可以自己写兼容： <script type="text/javascript"> if(!window.console){ window.console = {}; } if(!window.console.log){ window.console.log = function(msg){}; } </script> 来源： https://www.cnblogs.com/wenxuehai/p/12400801.html

很多人说Web前端入门简单，但自学起来难不难呢?接下来Web前端的小编就给大家讲解自己的亲身经历，让大家了解Web前端开发自学难不难。 刚开始接触Web前端时觉得很简单，HTML、CSS知识点很简单，基本敲完代码就能实现想要的功能。当时还很得意，觉得自己太聪明，节约了一大笔学费。然而，学到JavaScript阶段时，我发现难度猛然加大，常常不知道自己学的是什么，更惨的是前面所学的知识也忘得差不多了，耗费几个月基本是0收获。 经过慎重考虑，我决定放弃。Web 前端开发自学难不难，看似不难，其实很难。你需要有很好的自制力，需要不断的练习，需要有自主解决问题的能力，还要尽可能多的搜集项目做练习以积累经验，这对于我这样自制力薄弱、学习能力差的人太难。 后来经过朋友介绍以及实地考察试听，我来到了Web前端课程。面对一个全新的环境，面对迷茫、无奈以及许多不会的知识点，我得到了老师细心指导与耐心讲解，在技术上得到了一定的提升。 除了每天讲课之外，晚上自习的时候，老师也会待到很晚，帮助我们解答问题。在学习上有同学之间和老师的相互帮助，在生活上有班主任的帮助，在这样的环境里我们可以全身心的投入到学习中去。 Web前端课程涵盖的知识点很多，包括最基本的前端页面重构、JavaScript高级程序设计、PC端全栈开发、Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid

1.webpack 是什么？ webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle。 2.webpack 的核心概念 entry: 入口 output: 输出 loader: 模块转换器，用于把模块原内容按照需求转换成新内容 插件(plugins): 扩展插件，在webpack构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要做的事情 3.初始化项目 新建一个文件夹，如: webpack-first (当然，你可以使用任意一个你喜欢的项目名)。推荐大家参考本文一步一步进行配置，不要总是在网上找什么最佳配置，你掌握了webpack之后，根据自己的需求配置出来的，就是最佳配置。 本篇文章对应的项目地址(编写本文时使用): github.com/YvetteLau/w… 使用 npm init -y 进行初始化(也可以使用 yarn)。 要使用 webpack，那么必然需要安装 webpack、webpack-cli: npm install webpack webpack-cli -D 复制代码鉴于前端技术变更迅速，祭出本篇文章基于 webpack 的版本号: ├── webpack@4.41.5 └── webpack

　　问啊W-Time技术分享沙龙－杭州站将于5月15日举行，三位技术大咖相约W-Time杭州站现场与你分享技术那点事儿！活动预留足够的时间可以与技术高管们交流，也许下一个进入互联网巨头公司工作的就是你！活动全程免费！ 　　地点：杭州市西湖区西溪路525号浙大科技园会议中心 　　时间：2016年5月15日13:00-17:00 　　官方报名： 　　 http://www.huodongxing.com/event/7332723640500 　　嘉宾及议题： 　　 赵锦江（勾股），淘宝无线前端架构组负责人 　　淘宝前端工程师、Weex 项目组成员。 　　 《Weex Live Demo Show》 　　通过Live Demo的形式演示介绍团队最新研发的移动技术方案Weex特点、用途及团队在研发过程中的一些思考。 　　 施强，LOFTER技术团队负责人 　　负责LOFTER、网易印象派业的技术管理工作。从事过网易博客的服器、前端以及LOFTER客户端的开发。 　　 《LOFTER的技术架构介绍及团队管理的思考》 　　LOFTER的技术架构介绍，以及从一线开发慢慢成长的一些个人思考，希望对各位有所帮助。 　　 施德来，有赞前端团队负责人 　　在淘宝做过后端，在网易写过前端。目前热衷于前端的工程化和性能优化。 　　 《如何打造一个傲娇的前端团队》 　

摘自： https://www.cnblogs.com/mrhelloworld/p/12388859.html 技术架构演变 　　 　　 　　随着互联网的发展，网站应用的规模不断扩大，常规的垂直应用架构已无法应对，分布式服务架构以及流动计算架构势在必行，亟需一个治理系统确保架构有条不紊的演进。 　　 　　 单一应用架构 当网站流量很小时，只需一个应用，将所有功能都部署在一起，以减少部署节点和成本。 此时，用于简化增删改查工作量的 数据访问框架(ORM) 是关键。 缺点：随着应用功能的增多，代码量越来越大，越来越难维护，那怎么解决代码一体化的问题？ 垂直应用架构 当访问量逐渐增大，单一应用增加机器带来的加速度越来越小，将应用拆成互不相干的几个应用，以提升效率。 此时，用于加速前端页面开发的 Web框架(MVC) 是关键。 缺点：垂直架构中相同逻辑代码需要不断的复制，不能复用。每个垂直模块都相当于一个独立的系统。 分布式服务架构 当垂直应用越来越多，应用之间交互不可避免，将核心业务抽取出来，作为独立的服务，逐渐形成稳定的服务中心，使前端应用能更快速的响应多变的市场需求。 此时，用于提高业务复用及整合的 分布式服务框架(RPC) 是关键。 缺点：服务越来越多，需要管理每个服务的地址，调用关系错综复杂，难以理清依赖关系，服务状态难以管理，无法根据服务情况动态管理。 流动计算架构

参考列表： 教你怎样对word文档进行排版 （表要笑话我，排版是基础中的基础，不然乱七八糟的文档让别人乍看哦） W3C标准 关于团队合作的css命名规范 Web前端开发规范文档 Web前端开发规范手册 推荐大家使用的CSS书写规范、顺序 来源： oschina 链接： https://my.oschina.net/u/565012/blog/200694