做网页前端遇到的一些问题

这两天公司有一个东西要用web制作,但是一直招不到人,我就自己上了,权当锻炼了,虽然公司最近坑了我几次,但毕竟这对自己成长有利

前端是用Jquery+bootstrap制作,这个不用说了

后端是用django

1.bootstrap的布局

bootstrap的布局有点奇怪,是用列的,一个页面只能有12列,跟我们平常用QT或者WX的布局方式有点不一样,但也可用接受

不好的地方就是它没办法平均划分行的高度,在我的页面中我需要嵌入一个直线图用于显示数据,总共要分成两行,我用的是百度的ECHART,由于不能平均划分行,只能自己手动计算了,后面还要适配手机端,蛋疼死了

2.django的网页查找方式

在输入一个网页的时候,发送给django,django会根据正则表达式来匹配对应的网页,匹配网页的规则在urls.py里面

值得一提的是,如果在一个html网页里面有引用到外部的js文件或者HTML文件,请求也会发送到这个网页的匹配规则,然后在从对应app里面的views里面查找对应的函数执行,如果我们没有编写匹配规则以及响应,那么会找不到这个网页,我之前一直以为写的跟在本地的网页是差不多的,如果要引用其他的资源,只要src="./xxx.html"就可以了,没想到那么麻烦

不过一些静态的资源django可以自动帮我们处理,只要设置好静态资源的路径就可以了,具体网上有教程了

3.前端和后端的通讯

前端和后端的通讯跟我想象的差不多,都是利用json来通讯,不过我没想到通讯方式跟网页通讯差不多,都是发送一个地址,然后django去urls.py里面匹配对应的规则,然后再到views里面去执行,返回的也是一个httpResponse,不过想来也对,整个网页都是基于http通讯的

4.网页的调试方式

不得说,制作网页和用python写后端真是很简单,不用编译,想到用C++要等一个编译和链接时间,要是改到头文件更蛋疼

但是同样的,调试起来也很麻烦,虽然firefox的调试工具很强大,但是后端的python出错了后也没无法知道错在那里,只能看到firefox的调试工具返回了一个500的错误

后面是自己一行代码一行代码printf才发现程序执行到那里错误,但是看了半天也没发现错误,自己写了好多测试的代码也没都执行正常

后来发现是django在传入一个函数的时候,是用字符串的方式传递进去的,但是用写代码的时候,是用int类型来处理的,于是乎,在range(1,value)的时候就出错了

所以说,动态类型一时爽,调试起来火葬场,总算是体会到了

时间: 2024-08-11 05:43:04

做网页前端遇到的一些问题的相关文章

想做web前端project师应该学习些什么?

偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做web前端的. 这篇文章对于想学web前端工作的人有非常大的帮助.假设您是做SEO的.也建议您学习下博主推荐的这些课程,也许对你以后的职业.薪资都有非常大的帮助! 遇到非常多新手.都会问,假设要学习web前端开发,须要学习什么?难不难?多久能入门? 怎么能高速建一个站点?工资能拿到多少?还有些让我推荐

用做网页开发经历了三个阶段(附长篇讨论) good

用做网页开发经历了三个阶段:第一阶:傻干阶段使用Intraweb,傻瓜型,无需知道javascript,html,css,会pascal就可以了. 第二阶:困惑阶段使用Intraweb,有很多限制,比如资料少,界面不容易做漂亮,没有源代码等等.于是转向研究其他开发工具.首先吸引眼球的是Nodejs,前后台用一种语言Javascript,爽,运行速度也不赖.随着PHP7的发布,注意力也被PHP7的高性能所吸引,玩了一阵PHP7.当然还有以前摸过的Tomcat/asp.net,各种框架一大堆.还有,

写给IOS开发工程师的网页前端入门笔记

前言:作为IOS开发工程师,终会接触到网页前端开发,甚至可能会有 用HTML5开发IOS的app客户端的需求.比如现在上架的app就有比如理财类型的app有的就用HTML开发的,从理财类型的app需求上思考,用 HTML5确实是个不错的选择,利用了跨平台的同时,也考虑到了理财类型的app仅仅需要处理的是数据的业务逻辑,不存在较多的本地存储数据,而且涉及到 的财务信息从安全性考虑数据基本都会存储在服务器端,是不可能用于存储在本地的,再加上HTML5对各种手机屏幕的尺寸适配性非常灵活,所以这一类ap

想转行做web前端工程师,必学这6大技能!你知道是那些吗?

web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学习web前端开发,需要掌握哪些知识呢? 下面总结了转行必学的6大技能.  1.html 这个是最简单的,也是最基础的. 要熟练掌握div.form table.ul li .p.span.font这些标签,这些都是最常用的,特别是div和table,div用于布局.table也可以用于布局,但是不

网页前端页面加载性能测试各工具可行性方案分析

网页前端页面加载性能测试各工具可行性方案分析 征对各个浏览器和工具做了测试,之所以选择的是百度首页测试,因为其比较单一,没有多层嵌套和持续加载,尽量减少其他影响,测试中发现目前有些方案是不可行的,后面征对各个测试结果给出了可行方案和不可行的建议. 1 .webbrowser(内核IE10)和IE10浏览器的比较: Webbrowser的测试方法为,先执行清除浏览器缓存,从开始导航开始计时,DocumentCompleted时间将2次触发,取最后一次的时间,按照DocumentCompleted解

apache 编译安装与做nagios前端展示

apache编译安装篇 安装apache需安装以下的几个包,apr apr-util,pcre等,当然这几个包也可以使用由系统本身自带的包,但是这里我们编译安装这几个包. 2.下载安装apr, 把文件放到/usr/local/src目录下, tar -zxvf  apr-1.5.2.tar.gz cd  apr-1.5.2 ./configure --prefix=/usr/local/apr/ make make install 3.下载安装 apr-utils tar -zxvf apr-u

想做web前端工程师应该学习些什么?

偶然间看到这篇文章,感觉博主写的挺不错的,如果你想做web前端工程师的话,建议您阅读以下这篇文章,其实web前端工程师所做的工作其实就是网站设计,有些小公司的美工其实就是做web前端的.这篇文章对于想学web前端工作的人有很大的帮助,如果您是做SEO的,也建议您学习下博主推荐的这些课程,或许对你以后的职业.薪资都有很大的帮助! 遇到很多新手,都会问,如果要学习web前端开发,需要学习什么?难不难?多久能入门?怎么能快速建一个网站?工资能拿到多少?还有些让我推荐一些培训机构什么的要去学习.我建议是

想转行做web前端工程师,必学这6大技能!

web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业.大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学习web前端开发,需要掌握哪些知识呢? 1 HTML 这个是最简单的,也是最基础的.要熟练掌握div.form table.ul li .p.span.font这些标签,这些都是最常用的,特别是div和table,div用于布局.table也可以用于布局,但是不灵活,基本 table是用来和数据打交

Eruda——手机网页前端调试面板

在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,移动端开发的一大问题就在于此, 各种品牌各种型号手机,手机中各种类型的浏览器APP........还好移动端的相对一致点,但是往往都会有一些各种各样的坑,这时候就蛋疼了,明明chrome调试工具中是正常的, 一到某个浏览器中就炸了,怎么办,又无法像在chrome中使用调试工具进行调试,只能通过alert()弹窗来调试,有什么办法可以像PC上那样清晰,可视化的调试