分类：前端

2020
09-25

Django实现将一个字典传到前端显示出来

后台代码：fielddict={'name':'张三','age':18}returnrender(request,'test.html',{'field':fielddict})前端代码：{%form,ninfield.items%}{{m}}:{{n}}{%endfor%}效果图：如果在前端想根据键取出值：{{field.name}}{{field.age}}补充知识：Djangomodel转字典的几种方法平常的开发过程中不免遇到需要把model转成字典的需求，尤其是现在流行前后端分离架构，Json格式几乎成了前后端之间数据交换的标准，这种mode... 继续阅读 >

2020
09-23

BootStrap前端框架使用方法详解

1.概念：Bootstrap，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。好处：1.定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。2.响应式布局。同一套页面可以兼容不同分辨率的设备。2.使用步骤：1.下载Bootstrap,官网地址：https://v3.bootcss.com2.在项目中将这三个文件夹复制3.创建html页面，引入必要的资源文件<!DOC... 继续阅读 >

2019
01-03

前端模块化详解(完整版)

前言在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。本文内容主要有理解模块化，为什么要模块化，模块化的优缺点以及模块化规范,并且介绍下开发中最流行的CommonJS,AMD,... 继续阅读 >

2018
12-07

如何优雅处理前端异常？

前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。1.增强用户体验；2.远程定位问题；3.未雨绸缪，及早发现问题；4.无法复线问题，尤其是移动端，机型，系统都是问题；5.完善的前端方案，前端监控系统；对于JS而言，我们面对的仅仅只是异常，异常的出现... 继续阅读 >

2018
11-13

2018回顾前端技术清单

2018眼看就要过去了，今年的你相较去年技术上有怎样的收获呢？记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此，我结合工作体会抽象出了一些前端基础技... 继续阅读 >

2018
11-08

各种小程序的差异点

最近各种小程序都出来凑热闹，但各家都有一套自己的实现方式，今天来看看最近流行的四款小程序的差异，本文总结了各自的差异，帮助你快速入门不熟悉的小程序。·概览项目微信小程序百度小程序支付小程序快应用命名空间wxswammy无,需要require它提供的所有接口按wx形式封装if指令wx:if... 继续阅读 >

2018
06-06

你不是一个前端

Mentor：“你不是一个前端”我："？？？"Mentor：“你不要老想着自己是一个前端，你不是一个前端”我：“可是把我招来不就是写前端的吗？？”Mentor：“你可以写前端，但是你不要限制自己只作为一个前端，不要把自己的眼光局限在前端。你应该从整个项目、从工程的角度blablablabla...”我：（打断）“不，我就是一名前端，我特别喜欢前端，特别喜欢JS”Ment... 继续阅读 >

2018
04-03

前端静态资源缓存最优解以及max-age的陷阱

合理的使用缓存可以极大地提高网站的性能优势，还可以节约带宽从而降低服务器成本。但是很多站点有只弄对了一半或者一半都没有，如果是这样，就完全没有发挥出缓存的优势。很大程度上产生会由于静态资源的竞争关系而导致依赖的静态资源不同步。以下为两个最佳静态资源缓存实践的例子。一、资源内容不变+设置长时间max-age//设置缓存时间为1年Cache-Control:max-age=31536000资源的内容不会更改，所以。。。... 继续阅读 >

2018
03-12

面试的信心来源于过硬的基础

在过去的一年很多人不满于公司没有福利、人际关系不好相处、没有发展前途的境遇等等，想着在开年来换一份工作来重新开始自己，那么你准备好了吗？下面是本人整理的一份面试材料，本想自己用的，但是新年第一天公司突然给了我个惊喜，涨工资了！！！1、viewport<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>//width设置view... 继续阅读 >

2017
12-06

这么多前端优化点你都记得住吗？

围绕前端的性能多如牛毛，涉及到方方面面，以下我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列。注意，是罗列不是展开，遇到不会不懂的点还请站外扩展。开车速度有点快，坐稳了。tips:这么多前端优化点你都记得住吗？反正我是收藏起来备查的。PC浏览器前端优化策略PC端优化的策略很多，如YSlow（YSlow是Yahoo发布的一款Firefox插件，现Chrome也可安装，可以对网站的页面性能进行分析，提... 继续阅读 >

2017
08-27

浏览器前端优化

优化全都是与速度和满意度有关。从用户体验的角度，我们希望前端提供可以快速加载和执行的网页。而从开发者体验的角度，我们希望前端是快速、简单而规范的。这不仅会给我们带来快乐的用户和快乐的开发者，而且由于Google偏向于优化，SEO排名也会显著提高。如果你已经花费了大量时间来改善你网站的GooglePagespeedInsights分数，那么这将有助于揭示这一切实际上意味着什么，以及我们必须为优化前端所采取的... 继续阅读 >

2016
12-16

前端优化：9 个技巧，提高 Web 性能

当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升... 继续阅读 >

2016
11-13

如何识别牛逼的前端工程师

如何定义牛逼工程师有软件工程方面的研究说，对于开发者个体而言，最优秀的开发者的生产效率约为平均值的2倍，而优秀的开发者会吸引其它优秀的人，或者激励与帮助团队中的其它成员，最终使团队之间的生产效率差异达到10倍之多。所谓牛逼的工程师，就是那些个体效率是其它人2倍，形成团队之后达到10倍差异的一群人。前端领域这几年发展速度非常快，人才分布呈两级分化趋势，大家都在说缺前端，其实缺的是牛逼前端... 继续阅读 >

2016
10-27

作为前端需要了解的B/S架构

C/S架构简要介绍在了解什么是B/S架构之前，我们有必要了解一下什么是C/S架构：C/S架构是第一种比较早的软件架构，主要用于局域网内。也叫 客户机/服务器模式。它可以分为客户机和服务器两层：第一层是在客户机系统上结合了界面显示与业务逻辑，第二层是通过网络结合了数据库服务器。简单的说就是第一层是用户表示层，第二层是数据库层。这里需要补充的是，客户端不仅仅是一些简单的操作，它也是... 继续阅读 >

2016
09-21

前端开发框架对比

近几年随着jQuery、Ext以及CSS3的发展，以Bootstrap为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript&CSS目前前端框架主要采用JavaScript+CSS模式，... 继续阅读 >

2016
09-12

前端安全之路-代码保护

0x00前言在信息安全领域，可信系统（Trustedsystem）是一个让人心动的目标，它指的是一个通过实施特定的安全策略而达到一定可信程度的系统。在计算机中，可信平台模块（TrustedPlatformModule，TPM）已经投入使用，它符合可信赖计算组织（TrustedComputingGroup，TCG）制定的TPM规范，是为了实现可信系统目标的而打造的一款安全芯片。作为可信系统的信任根，TPM是可信计算的核心模块，为计算机安全提供了强有力的保障... 继续阅读 >