前端开发日记相关知识
-
基于 Laravel 开发 ThinkSNS+ 中前端的抉择(webpack_Vue)踩坑日记【研发日记二】Laravel Mix的放弃在 Laravel 中,前端工作流默认是由 laravel-mix 包驱动的,集成了 Vue.js。而作为核心开发之一,也负责前端这块的开发。其实,这是seven第一次写 Vue,之前都是用 React 做开发。然后seven和另一个核心成员 Wayne 在楼道抽烟聊前端这事情,要不要用 Vue,这个东西对于我们来说,都没有做过,我们都只会 React。然后突然Wayne司机来了一句“玩点没玩过的嘛”!就这样,我们决定前端使用 Vue。跑题了,决定用什么前端框架后,起初是5.3版本的 Laravel 前端构建有 gulp 和 webpack 都在里面,然后在 gulpfile.js 里面配置编译 js,这就不爽了呀,之前用惯了 webpack 也用惯了自动导出 css。这家伙不能从js里面抽离css单独打包,样式,js都是单独编译的。如何能忍?但是还是忍了,因为 5.4 即将发布,因为前端不是 ThinkSNS+ 重点方向,过了很久,5.4 虽然还没
-
前端开发的误解1. 前端代码在很久很久以前, (4年前, 似乎也不是很久)。那时候是我有生以来第一次接触前端开发。那是学校的教学课程,叫做HTML+CSS。那时候的推荐开发环境是Adobe的DreamWeaver,轻量级开发环境是window下的记事本---现在看来是多么地不可思议。现在如果用记事本开发,估计我会受不了这样的我。如果有新手还被老师坑着你用windows的记事本开发的话,听哥一句劝,换个vim,或者Emacs编辑器,不然来个SublimeText等等,还有很多优秀的编辑器。你也会在使用这些工具的过程中看到不一样的风景。最起码,你会感觉到,你是在写代码,而不是在抄书。---我是觉得用记事本写跟抄书有什么区别?别跟我说在记事本装插件实现代码高亮,有这个心还不如是一下那些优秀的编辑器。2. 误解根源有点扯远了。前端开发我为什么会有误解?那时候我刚学了点html和css技术,还是承自于学校的教科书。(我不知道众位的教科书怎样,但是我们学校的计算机类的教科书是限制了不能超过39块钱,可见其质量),估计那时候只是会写一
-
WEB前端和后端开发面临的挑战WEB前端和后端开发面临的挑战 要成为一名高效的Web开发者,这需要我们做很多工作,来提高我们的工作方式,以及改善我们的劳动成果。而在开发中难免会遇到一些困难,从前端到后端,近日,在问答网站知乎上,有人抛出了“Web前端开发面临的挑战主要有哪些?”和“后端开发主要的挑战有哪些?”。 一、Web前端开发所面临的挑战 ------盛大Web工程师 曹刘阳:前端语言的胶水性需求太强 前端必须重视可维护性 1.CSS和DOM提供的接口水平太低了,而BOM提供的控件只有input、select、textarea
-
一步步开发自己的博客 番外篇(7、异步记录日志)前言 离前一篇《一步步开发自己的博客 .NET版(6、手机端的兼容)》都个把月了。当时写完第六篇,很多人问“剧终”了?你还有好多实现没有讲解分析呢。我说没呢,后期还会有第二版、第三版...至于还没有分析到,后期补上。你看,我今天不就来了么。前段时间写代码,手都写的酸痛酸痛的,歇息了几天,好多了。然后,又捣鼓了一下webapi。这也是个没有接触过的知识。跌跌撞撞的整了点东西出来。有兴趣写移动端的同学可以联系我,大家一起学习。API文档和测试地址:http://haojima.net/SwaggerUI 其他的就不多说了,进入今天的主题,异步记录日志和文章阅读量统计。 异步记录日志我们常用日志记录,无非就是,数据库记录和文本日志记录。而今天我要说的是,文本日志记录。最简单的文本记录: File.WriteAllText(path,messg); 使用静态类File的WriteAllText 如果文件存在则覆盖,传入文件路径
前端开发日记相关课程
前端开发日记相关教程
- 4. 前端开发流程 前后端分离开发,实际上前端工作就简化了。我们直接新建项目文件夹 shop-front (商城前端项目文件夹),然后将前端页面放到该文件夹即可。注意该页面不需要放到 Spring Boot 项目目录下,随便找个目录放置即可。实际开发过程中,后端和前端的项目可能都不在一台计算机上。前端核心业务代码如下,由于前端技术不是本节介绍的重点,所以不再详细解释,感兴趣的同学可以从 Git仓库 查看完整代码 。实例: //初始化方法 $(function () { var row = ""; $.ajax({ type: "GET", url: "http://127.0.0.1:8080/goods", //后端接口地址 dataType: "json", contentType: "application/json; charset=utf-8", success: function (res) { $.each(res, function (i, v) { row = "<tr>"; row += "<td>" + v.id + "</td>"; row += "<td>" + v.name + "</td>"; row += "<td>" + v.price + "</td>"; row += "<td>" + v.pic + "</td>"; row += "</tr>"; $("#goodsTable").append(row); }); }, error: function (err) { console.log(err); } }); });开发完该页面后,直接使用浏览器双击打开,查看控制台发现有错误信息提示。浏览器控制台返回错误信息考验英文水平的时候到了!关键是 has been blocked by CORS policy ,意味着被 CORS 策略阻塞了。我们的前端页面请求被 CORS 阻塞了,所以没成功获取到后端接口返回的数据。
- 6. 独立记录 error 日志 若在 config\log.php 中配置如下内容:Tips: 其中 error 值表示开启 error 日志记录,程序发生异常时框架底层会自动记录到 error 日志中。这里以之前 ExceptionController 类为例,注释掉异常捕获代码:<?phpnamespace app\controller\Study;use app\BaseController;use app\controller\Service\StudentService;use think\facade\Log;class ExceptionController extends BaseController{ public function testException() {// try{ $studentService = new StudentService(); $studentService->update();// }catch(\Exception $exception){// Log::write($exception->getMessage(),'test');// return json("内部错误:".$exception->getMessage());// } return json("请求成功"); }}如下图所示:请求接口之后,如下图所示展示的主动打印的日志内容:
- 5. 独立记录 sql 日志 若在 config\log.php 中配置如下内容:Tips: 其中 sql 值表示开启 SQL 日志记录。配置好之后请求之前的学生列表接口,可以看到如下日志:
- 3.2 服务端应用开发 2009 年发布 Node.js 的发布,意味着前端程序员可以用较低的成本跨入服务端开发。Node.js 提供了开发服务端所需要的特性,如 HTTP 服务、本地文件读写操作等。开发者可以使用 JavaScript 语言开发 Node.js 应用。Node.js
- 4.前后端分离模式开发规范 前后端分离模式逐渐成为主流,随之而来的问题也很突出。通常,后端服务开发完成,开发人员会写一份后端接口调用的说明文档。不同公司、不同项目甚至不同开发人员都有各自的喜好,因而开发好的后端服务,也是千奇百怪,前端开发人员为了使用使用后端服务,必须逐个对照说明文档才能知道调用方式。小型项目还好说,大型项目接口繁杂,如果仍然采用千奇百怪的接口调用方式,就会无形中增加开发难度。那么是否有一套接口开发规范,是否有一个见名知意的接口调用方式呢?答案是有的,这就是 RESTful 规范。后续内容,我们将正式开始学习 RESTful。
- 3.2 后端开发 在 Web 应用中,用户通过浏览器向服务器提交请求,服务器接收到请求后,对用户的请求进行处理,再将结果返回给用户。例如,使用 baidu 搜索引擎的过程如下:用户在 baidu 的搜索框中,输入关键字 “手机”,浏览器将关键字 “手机” 发送到 baidu 的服务器。baidu 服务器收到查询手机的请求,在数据库查找和手机相关的网页,按照与关键词的相关性进行排序,再将排序结果发送给用户。浏览器收到服务器的查询结果后,显示与 “手机” 相关的网页列表。在以上的 3 个步骤中,与用户交互的部分称之为前端,在服务器处理的用户请求的部分称为后端。Python 提供了大量的模块和框架可以用于后端开发。有很多知名的网站后端采用了 Python,例如,国内的豆瓣就是一个应用Python打造的非常成功的 Web 2.0 站点。
前端开发日记相关搜索
-
qingkong
qsort
quartz
quartz插件
quartz配置
queue
quit
quota
quotacheck
quote
quoted printable
quotename
quotes
七牛云存储
奇数偶数
气泡图
前端开发
钱币符号
求职面试技巧
区块链是什么