前端

　　关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。在这里，我只是 简要说一下自己对于这块儿内容的理解。有一个观点想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实 践。希望我们做前端开发的人心能静下了，好好的学习。因为要学习的知识太多了。在这里我说一句，三百六十行，行行出状元! 　　资深WEB前端工程师 　　这个方向算是一个WEB前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因 两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域;外因是国外的环境很好，能够良好的支撑这样的职业发展道路。反观国内，从内因来 讲，WEB前端技术人员还是蛮浮躁的，通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦，最终转向后台或其他道路。从外因来讲，WEB前端人员 没有获得公平的待遇，可能从HTML页面制作就开始并沿袭下来的，从来WEB前端人员都比后端人员低一等，貌似前端就是“浅显”的代名词、后端就是“深 奥”的代名词，这也直接造就了前端人员的收入无法和后端人员媲美，同时直接影响到前端人才市场的活跃程度。另一方面，前端的技术入门较容易，造成另一个极 端情况：人员泛滥、人才稀缺

首先，要说的是我们领导总挂在嘴边的一句话：一入前端深似海。之前没有接触过前端，一直不懂这句话的含义，直到最近写作业改需求的时候才发现，因为web页面是直接面向客户的，所以需求的修改都和前端有关，有时候甚至不需要修改后台的代码就可以满足新的需求。突然对前端工程师的未来表示担忧，于我来说，这些繁琐的细节性工作我希望始终与其保持安全距离，嘻嘻！ 　　不喜归不喜，然而python是一门自动化语言，分工不像java开发那样明确，所以也需要掌握前端的知识，关于前端的知识网上比比皆是，在这里就不多做赘述，今天想说的还是我在学习过程中的一些困扰，面对那些繁琐的js文件，css文件和html文件，你是不是也和我一样蒙圈。。。不知道该往哪里放，不知道目录结构怎么安排？现在就来分享一下我从前端同事那里偷师来的目录结构和引用方式吧~~~ 初识那些乱七八糟的文件 　　要写好一个web页面，必不可少的是html文件，css文件，和js文件。可是这些东西到底是什么呢？举个栗子：html就是一个赤裸裸的人，css则是人的衣服，而js就是一个人的行为，它支配页面上的所有动作。我们写html，用各种标签、容器来承装不同的文字、图片，总之html做的就是把我们要表达的一股脑的写在页面上。但是它们在什么位置、什么颜色，好看不好看，就不是html的工作了，这个装饰页面的工作就交给了css。有了css和html

3 月，跳不动了？>>> 在我初学css的时候，关于css盒模型的外边距合并问题，迷惑了我很久。在写demo的时候，我只是尽量避免两个div外边距合并，怕出现各种各样匪夷所思的bug。 工作不久，经过几个项目的洗礼，这个以前让我迷惑的问题，终于有了深刻的理解。 我对其总结如下： 一、当一个div在另一个div里，两个div都有margin的属性，想让这两个div不出现外边距合并的问题，必须给外层div添加border属性或者overflow:hidden属性；如果允许其出现外边距合并，内层div始终保持原位置，而外层div的margin属性会取两者的最大值。 例： 1.不允许出现外边距合并，给外层div添加overflow:hidden或border属性：外层盒子margin-top为100px,内层盒子为50px。 2.允许出现外边距合并：内层div始终保持原位置不变，外层div的margin去两者中最大值： 二、当两个div不存在嵌套关系时，不管是否有border或者overflow属性时，两者始终会存在外边距合并问题。 例：1.第一个div有margin-bottom:100px，第二个为margin-top:50px, 两者间距最终取100px 2.第一个div 由margin-bottom:100px, 第二个为margin-top:150px,两者间距最终取150px

　好的python课程体系是怎么样的? Python从1991年走到今天，已经有了28年的历史了，在开发行业来说也是老江湖了，那么python为什么可以在开发行业屹立不倒呢?其实python最吸引程序员的应该就是它的优雅和教学类了，python语言中有很多的语义都是在教学中常见的思想中有特定的对应关系的。因此在学习python的时候要有相对应的课程体系和方法才可以学的好python技术的，那么好的python课程体系是怎么样的呢? python 　　第一阶段 Python核心编程 　　可掌握的核心能力 　　1、掌握Python基础语法，具备基础的编程能力; 　　2、建立起编程思维以及面向对象程序设计思想。解决的现实问题能够熟练使用Python技术完成针对小问题的程序编写以及小游戏程序的开发。 　　python基础教程 　　第二阶段 Python和Linux高级编程 　　可掌握的核心能力 　　1、能够熟练使用Linux操作系统; 　　2、掌握网络编程相关技术，能够实现网络间数据通信; 　　3、掌握程序设计中处理并发相关技术，并能够编写支持高并发量的网络程序; 　　4、能够熟练掌握MySQL操作相关技术，熟练编写各种数据库操作SQL语句，并能够进行Python和MySQL之间的数据交互; 　　5、掌握web服务器的工作流程，以及web框架的实现原理

因为IT互联网发展的非常迅速，而web前端这块很火，目前工资水平给的很高，在市场上也是非常的稀缺人才，现在各个行业转行做web前端的很多，今天给大家一些建议，希望新手少走点弯路吧！ 建议一：有一个比较适合自己系统的学习方案，系统的学习教程，很多人在开始学习web前端的时候都不知道如何规划，也不知道web前端应该学什么内容。先把web前端学了一遍之后才是真正的入门，然后就是不断的练习，不断的巩固，为之后的工作打下坚实的基础。 建议二：我看很多新手刚学web前端就看各种书籍，我一个做了5年web前端的人可以负责的告诉你，新手学习web前端我不能说看书没用，但是从作用和效率来讲，这是没多大用处的，所以当建议一你完成之后，你在拿着书籍去看，这个适合看书过给你带来非常的大帮助，这叫查缺补漏，你不看一页一页的看。这才是真正的提升。 建议三;当你真正的学习一遍web前端之后，你要看一些博客的文章，技术类的的，但是你没有学过一遍web前端之后就别看了，一样没有什么用，最基本的概念都没有。而且最好有一个老师指导，现在要求非常高。都靠自己自学很难达到就业的水平。 这里推荐一下我建的web前端学习交流秋秋裙，前面是603，中间985，后面是993。为了让学习变得轻松，高效！给大家分享一套教学资源，帮助大家在成为web前端开发高手的道路上披荆斩棘，群内每晚八点免费直播授课，讲解web前端案例

前端是什么？ 工作流程为从UI处得到原型图或者效果图，在项目（网站、微信公众号、小程序、WEBAPP）中还原图片效果，然后与后台进行各种数据交互。 目前的前端市场整体还是处于迅速发展期，市场对于前端的需求也一直比较大。市场对于中高级的前端工程师需求更加迫切，所以就算入了前端的门，也需要不断的提升自己，无论你是学院派，还是培训派，还是自学派，都应该具有强烈的学习意识。 目前入门前端的人群分类 1、计算机相关专业出身系统走过计算机的理论基础，比如计算机组成原理、操作系统原理、计算机网络、算法数据结构、设计模式，至少用过两门以上编程语言（强类型+弱类型）。 优点：理论、架构方面扎实，有整体计算机思维，内功不错，外功学起来比较快。 缺点：部分人，前端相关细节技术不扎实，不过花时间能很快搞定。 2、非计算机出身自学（也包括计算机专业没好好学的）理论基础薄弱，后来因个人兴趣或者职业需求，自学前端开发技能。 优点：自学能力比较强，能够根据自己的兴趣规划学习内容。 缺点：部分人对前端没有整体的学习框架 ，属于东一片，西一片，不成体系，部分人计算机没有整体思维，建议系统梳理下前端知识体系结构，该补的还是要补起来。 门前端时的一些困境 1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。比如 原型链，如果清楚 数据结构中链表结构，那么这个东西不难理解，再比如 哈希值，懂得数据结构中哈希表

3 月，跳不动了？>>> 1、是用marked.js 将md内容转化成标签语句: <pre><code></code></pre> 2、是用hihtlight.js 使内容高亮 3、使用mermaid.js 将mermaid转化成tu'pian 来源： oschina 链接： https://my.oschina.net/bing309/blog/3208915

由 OpenDigg 出品的前端开源项目周报第八期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的 前端开源项目 ，方便前端开发人员便捷的找到自己需要的项目工具等。 qart.js 合并图片和二维码 hyperapp 创建现代UI应用 tilt.js 小巧的requestAnimationFrame preload-webpack-plugin 自动布线的Webpack插件 luxbar 轻量级响应式的CSS导航栏 zanui-weapp 好用易扩展的小程序 UI 库 injection-js JavaScript和TypeScript的依赖注入库 react-async-component 创建能够解决异步的组件 avoriaz VueJS测试实用工具库 vue-datasource 创建VueJS动态表格 vue-qart 用于qartjs的Vue2指令 HyaReader 移动友好的阅读器 weapp-zhihulive 基于Zhihu Live数据的微信小程序 filterous-2 仿Instagram图片处理库 chartjs-wechat-mini-app chartjs微信小程序适配 autoDevTools 移动端控制台插件 react-manga WebApp版开源漫画阅读器 react-native-simple-login react

从百度空间转过来的一个例子 看起来很易懂 小例子容易懂，大项目用起来可能就会复杂一些了，看空间的标题名称什么的 很有可能还和我是一个公司呢，这里谢过了啊 --------------------------------------------华丽的分割线------------------------------------------------------------------------------------------------------- 前端web开发的MVC模式 - 从一个简单实例讲起 MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。 随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。 例如 需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value=

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>加载</title> <style> #page a{ margin:0 10px; color: #999; } #page a.active{ color:#0000ee; } </style> </head> <body> <div class="pagination-nick"> <div id="list"></div> <div id="page"></div> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> var pager = { pageIndex:1,//当前页码 pageCount:10,//每页显示多少条数据 pageMax:0,//数据有一共多少页 } var obj={other:{},value:[11,21,31,41,51,61,71,81,91,1,12,22,32,42,52,62,72,82,92,2,13,23,33,43,53,63,73,83,93,3,14,24,34,44,54,64,74,84,94,4,99999999999]};//模拟数据 $(function(){ //一共有多少页