随笔分类 -  前端

0. Angular经验总结
摘要:设计和理解工程的关键 模块层次组织、路由 父子模块之间的数据传递、事件传递 开发模式 数据绑定。 ts代码文件中的模型类或者变量,可以绑定到html中的各个位置,如标签的属性上、标签中等处。 ngModel可以实现双向绑定 如果HTML中需要根据状态改变显示,那么通常绑定到ts中的一个标志变量,最好 阅读全文

posted @ 2020-03-19 15:25 碎羽love星谊 阅读(117) 评论(0) 推荐(0)

前端处理JSON数据
摘要:转义 用\来进行转义 除了\本身,要转义的还有引号、ASCII码(如\0-\37这样)什么的。 \r\n这种换行在json的字符串字段中要转义成\r\n 原生的JSON即可进行json数据的处理 JSON.parse() JSON.parse()对转义字的符执行过程其实经历了两次转义:一次是字符串本 阅读全文

posted @ 2020-03-09 16:22 碎羽love星谊 阅读(1857) 评论(0) 推荐(0)

前端中图片的处理
摘要:页面中内嵌图片 有时不想让html页面引用绝对或相对路径的图片,而是想要将图片嵌入到页面中成为一体的一个文件,这时可以将图片序列化成base64的格式再放到HTML页面中 嵌入页面中的格式: 网上可以找工具将图片转成base64编码的形式,或者代码中来处理。 HTML5中用canvas将页面元素转换 阅读全文

posted @ 2019-09-10 11:00 碎羽love星谊 阅读(320) 评论(0) 推荐(0)

多语言
摘要:HTTP中的多语言 自己实现的多语言。 自己做一个下来菜单什么的来进行控制。然后在请求中当成参数。 结合HTTP协议的多语言。 在请求头中使用accept language字段来表明请求想要的语言。 通常这个值来自用户的浏览器设置。 基于用户在浏览器中设置的语言及优先级,以权重的形式放到请求头中,不 阅读全文

posted @ 2019-08-23 09:31 碎羽love星谊 阅读(366) 评论(0) 推荐(0)

前端性能优化
摘要:使用yslow浏览器插件可以有一些建议 使用Firefox自带的Performance可以查看一段时间内发生的脚本函数调用、耗时等 阅读全文

posted @ 2019-08-07 13:39 碎羽love星谊 阅读(99) 评论(0) 推荐(0)

前端的e2e测试
摘要:E2E(End To End)即端对端测试,属于黑盒测试,通过编写测试用例,自动化模拟用户操作,确保组件间通信正常,程序流数据传递如预期。 阅读全文

posted @ 2019-07-30 15:24 碎羽love星谊 阅读(537) 评论(0) 推荐(0)

平台认证 & HTTP 302 重定向
摘要:页面上的异步ajax请求、js等文件的异步加载,可能会遇到cookie中存的session超时的情况,这是服务端/平台可能会返回302响应码要求客户端(browser)跳转到登录页。 302 响应 Response Header中会有一个location字段,是要求客户端(browser)跳转到的地 阅读全文

posted @ 2019-07-26 10:36 碎羽love星谊 阅读(498) 评论(0) 推荐(0)

1. 个人经验总结 - 前端开发经验总结
摘要:前端开发过程(如果有的部分已经有现有代码或者已经提前做好了,那么可以提前) 项目结构 注意要分层设计,如Angular中分为好多层 注意提取公共组件 (路由)注意每个子业务需要有独立的url(即每个子页面需不需要有独立的url,比如有子路径,或者有id参数等),这样可以保证刷新页面不会回到初始界面。 阅读全文

posted @ 2019-07-23 08:53 碎羽love星谊 阅读(850) 评论(0) 推荐(0)

导航