web前端开发

webpack

一笑奈何 提交于 2019-12-06 04:16:28
nrm安装: npm i nrm -g nrm只是单纯的提供了几个常用的,下载包的URl地址,并能够让我们在几个地址之间很方便的进行切换,但是,我们每次装包的时候使用的 装包工具都是npm cnpm安装:?????(有问题) npm i cnpm -g i:install g:global cnpm是一种下包的工具 webpack: 前端自动化构建工具,可以完美实现资源的合并,打包,压缩,混淆等功能,基于node.js开发的前端工具 因为由于浏览器解析不了es6的import语法,所以报错,但可以用webpack工具 但可能会出现下列情况 错误情况;安装webpack4.0+版本使用打包命令webpack .\src\main.js .\dist\bundle.js 解决方法: 使用新命令:npx webpack .\src\main.js -o .\dist\bundle.js --mode development(注意:要在工作目录下打开cmd) 来源: https://www.cnblogs.com/sqgg/p/11961445.html

我的程序员之路——2015年和2016年至今

﹥>﹥吖頭↗ 提交于 2019-12-06 01:40:01
  这次也是创业公司,但与以往不同的是,起点很高,起步资金有1500W,而且给我开的工资破万,对我也很有吸引力。这家公司我待的时间蛮长的,有一年半,而且同事之间的感情也比前面两家要好。我在这家公司主要做PHP,兼顾页面的制作。 一、项目开始前   刚开始办公是在漕河泾那边,租的办公室还在装修,可以说休息了将近一个月,就帮公司做了个PC主页,其他时间基本都是摸鱼状态。 1)吃饭   中午是包饭的,由于不差钱,于是买了日本进口的那种米,再买了个5000块钱的电饭锅,中午的米饭都想多吃一碗。点的外卖每天都在变,有时候送过来的不是一次性碗,而是那种陶瓷碗,吃完他们会回收的那种,总之价格是其次的,口感才是重要的,公司处处透露着金元的味道。 2)办公环境   公司从各处高薪挖来了各种人才,很多都是外企的。他们比较注重企业文化,强调以人为本。让行政采购了一批健身器材,并且还特地在办公室装了个浴室,本来还说要装备按摩椅、休息室啥的,后面这些都没有实施。新的办公地非常宽敞,是我上班到现在见到的最宽敞的办公室。还建了一条塑胶跑道,供大家休闲用。 3)开张大吉   搬到新地址的时间是老板请风水大师推算的,公司准备了饮料、酒、烤乳猪、甜品等各类食品,那天大家都很开心。开工仪式也很容重,拜天拜地的,一直搞到下午,然后就提前下班了。项目开始前,氛围异常轻松,前景一片光明,似乎已经看到项目成功后的画面了。 二

Django REST framework 理解

纵饮孤独 提交于 2019-12-06 00:25:37
Web应用模式 1 .前后端不分离:在前后端不分离的应用模式中,前端页面看到的效果都是由后端控制,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与厚度那的耦合度很高. 这种应用模式比较合适纯网页应用,但是后端对接APP时,App可能并不需要后端返回一个HTML网页,二仅仅是数据本身,所以后端原本返回网页的接口不在适用前端APP应用,为了对接APP后端嗨需再开发一套接口 2 前后端分离:在前后端分离的应用模式中,后端仅返回前端所需的数据,不在渲染HTML页面,不在控制前端的效果,只用前端用户看到什么效果,从后端请求的数据如何加载到前端中,都由前端自己决定,网页有网页的处理方式,APP有APP的处理方式,但无论哪种前端,所需要的数据基本相同,后端仅需开发一套逻辑对外提供数据即可. 在前后端分离的应用模式中,前端与后端的耦合度相对较低 在前后端分离的应用模式中,我们通常将后端开发的每一视图都成为一个接口,或者API,前端通过访问接口来对数据进行增删改查 认识RESTful 1.在前后端分离的应用模式里.后端API接口如何定义? 1.POST/add-goods增加商品 2.POST/delete-goods删除商品 3.POST/update-goods修改商品 4.GET/get-goods查询商品信息 2. 名称 具象状态传输” 或者表现层转换化.

Django Rest Framework简介及初步使用

筅森魡賤 提交于 2019-12-06 00:22:02
使用Django Rest Framework之前我们要先知道,它是什么,能干什么用? Django Rest Framework 是一个强大且灵活的工具包,用以构建Web API 为什么要使用Rest Framework Django REST Framework可以在Django的基础上迅速实现API,并且自身还带有WEB的测试页面,可以方便的测试自己的API web应用模式分两种: 1. 前后端不分离 在前后端不分离的引用模式中,前端页面看到的效果都是由后端控制的,由后端页面渲染或者重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高,这种模式比较适合纯网页应用,但是后端对接APP时,App可能并不需要后端返回一个HTML网页,二仅仅是数据本身,所以后端原本返回网页的接口不在适用前端APP应用,为了对接APP后端嗨需再开发一套接口。 这个可以看我之前写的DJango博客就可以知道,每次返回时都是使用render 或者redirect来返回的,需要带上HTML页面和参数 2. 前后端分离 在前后端分离的应用模式中,后端仅返回前端所需要的数据,不再渲染HTML页面,不再控制前端的效果,只要前端用户看到什么效果,从后端请求的数据如何加载到前端中,都由前端自己决定,网页有网页自己的处理方式,APP有APP的处理方式,但无论哪种前端所需要的数据基本相同

【面经分享】前端小白半年准备,成功进入bat

喜欢而已 提交于 2019-12-05 22:56:55
先介绍下背景 非211,985本科毕业。一年半PHP经验,一年半前端经验,前端一直在做 React 开发。 半年之前,我是一个前端小小小白。多么小白呢? css 调样式全靠试。 盒模型,好像知道是啥?好像又不知道! 看到别人说 BFC ,啥是 BFC ?为啥外边距会合并?有些会合并,有些不会合并,这都是啥玩意? z-index 为啥有时候有效果,有时候没效果?为啥有时候小的值还在大的上面? js 就会基础使用,稍微复杂的一脸懵逼。 看别人的文章,一看到 prototype ,立马头疼,这都是啥!什么原型,继承,离我远点! 闭包,好像知道是啥。但是说不出来。 arguments ,作用域链等等都是啥? …... 我都不想去思考这些问题,啊,,,头疼,这都是什么?我都不会啊! 这样的我,怎么出去面试?别人随便问个问题,我都不会! 我又去网上看了别人的面试题,娘的哟,这是啥?这又是啥?好像会点,但是说不出来~~ 不行不行,我得赶紧学习了。但是我要怎么去准备呢?好像 js,html,css,http 都没系统学过啊?好像 react,webpack 这些玩意也没系统整理过啊。好多啊! 废话不多说,我们开始吧~~ 吭哧 吭哧 吭哧 …... 经过半年的准备,我成功面试进了 BAT ! 所以相信自己,从现在开始!你应该比我厉害吧? 我看到很多像我之前一样迷茫的人,我觉得我的经历是可以复制的

第一篇随笔

送分小仙女□ 提交于 2019-12-05 17:50:47
  本人目前大三上学期,专业计算机科学与技术,现在2019年11月26日,开始写下第一篇随笔,也为了记录下学习生涯,发现自己总是没总结,今后每周至少两篇, 今天就不上代码了 。   简单说明下前两年的大学颓废生活:     学得很渣,就只有数学和体育上过90+,专业课都是水过的,草草了事,底子比较薄,平时宅在宿舍,没什么交际,喜欢过女孩,没脸追,lxl。   现状学习ing:     安卓android不打算深入下去,因为目前正在尝试微信小程序的开发,但是为了学业,也只能勉强学学,之后会给入门教程,以及实例,还有入门项目。     javaweb,涉及前端和后端,以及mysql,值得庆幸的是,数据库学得还是很扎实的,对于程序员,不会数据库,那不是扯淡吗??之前暑假强迫自己学习了一下前端,没钱推荐哔哩哔哩哈。有了前端的基础知识后,再去学习后端,自我感觉还是比较的轻松,之后我也会给出前端的样例的,但是我最讨厌前端了,改来改去吗,总是不满意(可能自我要求比较高)。 后端:现在基础体系也基本整合了,正在学习SSM框架中,之后详见吧。这门我觉得挺适合大多数的同学,作为入职技能的,女生前端,男生后端,多么完美呀。这里不得不提一下全栈了,这就要看自己的发展吧,反正1+1<2这是必然的,因为交流的成本太高了。     数据挖掘:本来选修课是选择的数据挖挖掘的,然后老师上课跟我讲机器学习?

史上最全的WEB前端开发程序员学习清单!

ぐ巨炮叔叔 提交于 2019-12-05 16:43:58
史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我回答过无数次这种问题了,但是问这个的还是有很多,今天我就给大伙分享一下前端学习路线,当然不是我自己总结的,毕竟没有那么厉害,就借用腾讯大佬的给大家学习下吧! 推荐下我自己的前端学习群:618522268,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份2018最新的前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴。 正文开始: 最后在对刚刚入门学习的程序员提点建议: 君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。 同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我回答过无数次这种问题了,但是问这个的还是有很多,今天我就给大伙分享一下前端学习路线

2016—2017前端体系知识图谱

依然范特西╮ 提交于 2019-12-05 16:30:47
  2017年很快又过去了几个月,在过去的一年里,前端技术迅猛发展,前端各类技术都在优化升级,”大前端”的概念进一步体现,前端人才需求量进一步扩大,但优秀的前端工程师却如大海捞针,一将难求,那么在未来一年里我们应该做好怎样的准备才能成为一名优秀(不仅仅是合格)的前端工程师呢? 一.现代前端技术知识体系)一 、现代前端技术知识体系   我们先看看2017~2018前端技术知识体系图,这也是现代前端技术体系结构图的第二版。 [查看code部分下载大图]   大家也可以对比2016年的知识技术体系来看看: 2015-2016前端知识体系 。在这次更新中,主要完善了原有的部分知识内容的原理解析,增加了新的领域内容。   可能大家觉得体系图中内容还是过于抽象,没有有经验的人带,仍不能在实践中深入学习,或者需要自己花更多的时间搜索资料才能了解,亦或是网上的学习资料不够全面深入。   幸运的是,对于现代前端技术知识体系图,现在已经推出了 《现代前端技术解析》 一书,针对2017年~2018年前端技术知识体系内容深入原理,展开剖析,体系化、全面地帮助前端读者们解决了这些问题。我们不妨先来看看[本书目录],再回头来看。 二.现代前端技术解析适读人群)二、《现代前端技术解析》适读人群   前端入门极其简单,但要学习提升成为一名优秀的前端的工程师又极其不易,因为涉及的技术点很多

乐视云大前端技术架构

一世执手 提交于 2019-12-05 16:30:30
团队介绍 乐视云计算大前端,目前团队人数20+,负责公司全部业务线的前端工作,包括官网、商业平台的前端构建,flash、html5播放器的SDK,以及还处于Alpha阶段的React Native打包App的平台工具——LeVally,包括PC端、移动端的前端项目。 在大量的业务实践中,我们团队的人员,经过各种探索、踩坑,形成了如今的技术架构,并且在不断的更新完善中 前端规范 代码未动,规范先行。可以在上图的最左面看到,一大排的规范列表 接活规范 其实是规范了大前端团队从接活、评估、开发、联调、UI还原、测试、部署( Vue 部署 )、上线等一系列的前后串联的工作,由于我们团队面向各个业务线,之前经常有被工期打断、delay背锅的情况,所以需要内外统一工作规范。 代码规范 团队一开始采取的是普通的eslint来约束代码,随着时间的增长,进化为选择并自定义了 Airbnb的严格eslint 来约束代码。 同时,团队对项目各种命名、git分支、注释、ReadMe、vue组件,包括之前的jquery编写,都进行了不同程度的规范约束,以达到团队的内部统一 接口规范 对于不同的后台团队,统一了接口,使我们的项目、组件,可以最大程度的复用 SEO规范 对于需要SEO的界面,有自己的SEO规范 兼容性规范 H5 、 PC 时间、精力是宝贵的,我们不可能去兼容IE6、7那些大爷了,针对不同的项目

关于web前端的学习路线

你离开我真会死。 提交于 2019-12-05 16:29:57
第一阶段: 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