上周接到一个需求，根据页面 url 来决定是否出现一个弹窗提示。为了方便管理这个特性，我将 url 列表配置在了后台，前端通过接口取得列表再进行校验。
不久前看过一篇不错的文章，作者用了15行代码就实现了一个简单的模板语法，我觉得很有趣，建议在阅读本文之前先看一下这个，本文不会讲解一些细节实现，这里是传送门：只有20行的Javascript模板引擎 这个模板语法实现的核心点是利用正则表达式来匹配到模板语法里面的变量和JS语句，遇到变量就将匹配到的字符串 push 到一个数组中，遇到 JS 语句就执行，最后再把数组中的字符串 join 起来，用 Function 来解析执行这串字符串，最终将执行后的结果放到指定 DOM 节点的innerHTML 里面。 但是这个模板语法还是有很多不足，比如不支持取余运算，不支持自定义模板语法，也不支持if、for、switch 之外的JS语句，缺少 HTML 实体编码。 恰好我这阵子也在看 underscore 源码，于是就参考了一下 underscore 中 template 方法的实现。 这个是我参考 template 后实现的模板，一共只有60行代码。
1.echo（常用）//可同时输出多个字符串 eg：echo $a,"hello";
前端安全方面，主要需要关注 XSS（跨站脚本攻击 Cross-site scripting） 和 CSRF（跨站请求伪造 Cross-site request forgery）
在上一篇文章中，我说过要写一篇风格迥异的新文章，在了解了迭代器和生成器后，是时候来品味一些不烧脑的简单知识，如果你们觉得太难了，还不快去啃犀牛书！
JS这种语言一不小心就会写错。为什么前端技术专家工资那么高，可能要解决的疑难杂症最多吧。
偶然发现这个新东西，ES6也有模板了，是使用反引号`，来表示的。 这个新东西被称为字符串字面量，就是模板字符串。它使JS也有了简单的字符串插值特性。 为什么说是简单呢，因为因为它不能不能自动转义特殊字符，不能处理特殊语言格式的日期、时间什么的，也没有循环，， 所以它现在只是一个处理输出字符串的东西，目前无法替代模板引擎。 它的用法很简单，这样： console.log( `我是 $(json.name)` ); 这个$(json.name)就是模板占位符，JS会把相应的值，输出安插在一对反引号``中，对应的
若是接触过编程数据结构的,对这个上手贼快. 写过json这些的...主要关注下缩进这些,理解下概念即可! 这里只列出非常高频且通用性高的使用姿势,个别骚姿势自行去提案了解!
sed是一种流编辑器，它是文本处理中非常中的工具，能够完美的配合正则表达式使用，功能不同凡响。sed主要用来自动编辑一个或多个文件；简化对文件的反复操作；编写转换程序等。
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第30天，点击查看活动详情
昨天在调代码的时候，遇到了一个很大的坑儿，让我不得不记录下来，莫非是我写js代码太久了的缘故？大概也许可能吧...
点击上方蓝字“ITester软件测试小栈“关注我，每周一、三、五早上 09:00准时推送，每月不定期赠送技术书籍。
1，\ 斜杠用于转义，在js正则里，只有一些元字符(*,?,.等)和\本身需要转义，其他的不需要转义，如果其他的字符前面使用了\，可能会产生负面影响，比如\b，\t这些有特殊含义的转义。 此外，在js
使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另一种数据类型，通常会实现3种方式的转换：
XSS防护方法主要包括特殊字符转义和HTTPOnly。HTTPOnly上面已经介绍过，这里来介绍一下特殊字符转义。
JSX是快速生成react元素的一种语法，实际是React.createElement(component, props, ...children)的语法糖，同时JSX也是Js的语法扩展，包含所有Js功能。
django 模版显示的html中出现'类似的ascii字符，这是由于django对单引号进行了转义，可以通过关闭转义解决html处理异常问题。
今天在使用flask+echarts做数据可视化的时候发现后台数据传递到前台但是前台的图表却无法显示
如果直接将其作为某个元素的innerHTML，img的onerror回调执行JS代码的能力会带来XSS风险。
过滤，顾名思义，就是将提交上来的数据中的敏感词汇直接过滤掉。例如对"<script>"、""、""等标签进行过滤，有的是直接删除这类标签中的内容，有的是过滤掉之类标签中的on事件或是'javascript'等字符串，让他们达不到预期的DOM效果。
在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。
2、把js代码分割成一小块，尽量小。然后用逐行填充的方式，分别替换到上一步生成的字符画里去
前段时间在使用 Travis CI 的时候发现它的部署日志包含了很多带色彩的日志。
不同于一般函数形如fn(argA, argB)的执行方式，标签函数可以直接跟在模版字符串前面，比如：
转义只是防止xss攻击的一种手段之一，更多请查看：《web开发前端安全问题总结——web前端安全问题汇总》
XSS 全称：跨站脚本（ Cross Site Scripting ）,为了不和层叠样式表（ Cascading Style Sheets ）的缩写 CSS 混合，所以改名为 XSS；攻击者会向 web 页面（ input 表单、 URL 、留言版等位置）插入恶意 JavaScript 代码，导致 管理员/用户 访问时触发，从而达到攻击者的目的。
通常指攻击者通过“HTML注入”篡改网页，插入恶意脚本，从而在用户浏览网页时，控制用户浏览器的一种攻击手段 。
不需要你做任何的登录认证，他会通过合法的操作（比如： url 中输入，在评论框输入），向你的页面注入脚本（可能是 js、html 代码块等）。
在JS中一共有九种数据类型，有六种基本数据类型，分别是：String （字符串）、Number （数值）、Boolean （布尔值）、Null （空值）、Undefined （未定义）、Object（对象）
我不是搞前端，而是搞后端的。本命编程语言是java。学习js的嘛，因为看到室友能做出动态网页，而我只能做出静态网页，再加上下个学期要学所以提前来学习学习。
公司APP的文章详情，之前是将所有的HTML内容全部从接口中返回，然后APP的webview将其载入到内中，然后渲染并展示出来。
1）打开assetinfo/views.py文件，创建视图html_escape。
后面会把前端进阶的课程内容都总结一遍。有些都是很常见的知识，但是为了梳理自己的知识树，所以尽量模糊的地方都会记录
django中，将view.py中的数据绑定到template中的html 中，我们可以用 render 函数携带 context 参数，复杂的数据结构可以用字典来组织，字典其实就是PHP中的关联数组，java中的map。
作为新手，第一次接触json，连它是什么，估计都不知道吧，json其实是一种数据交换格式，是基于一种文本格式，可以解析以及生成。换另一种方式来说，是可以将json内容转变为json文件进行格式化，当然如果转化过程中，格式出现了问题，还能够提醒。接下来我们具体来看看json在线解析吧。
Django 2.1.7 创建应用模板 Django 2.1.7 配置公共静态文件、公共模板路径 Django 2.1.7 模板语言 - 变量、标签、过滤器、自定义过滤器、模板注释 Django 2.1.7 模板继承
当当当当，我是美团技术团队的程序员鼓励师美美～“基本功”专栏又来新文章了，这次是一个系列，一起来学习前端安全的那些事。我们将不断梳理常见的前端安全问题以及对应的解决方案，希望可以帮助前端同学在日常开发中不断预防和修复安全漏洞，Enjoy Reading！
JS编码解码 一、定义和用法 encodeURI() 函数可把字符串作为 URI 进行编码。
也就通过利用网站漏洞，通过网址，输入框等方式构造恶意脚本( java script) ，用脚本进行攻击的一种方式。
之前看到ES6中对String扩展了不少新特性，字符串操作更加友好，比如"\u{1f914}"，codePointAt()，String.fromCodePoint()。其中涉及到不少字符编码的知识，为了更好理解这些新特性，本文对字符编码相关知识做一个较全面的梳理和总结。
React.js、Vue.js 这些现代的前端框架默认已经对安全做了非常多的考虑，但是这仍然不能阻碍我们写出一些安全漏洞 。。。因为框架永远不能完全限制我们编程的灵活性，只要有一定的灵活性存在就意味着有安全风险。
大家好，又见面了，我是你们的朋友全栈君。URL特殊字符需转义 1、空格换成加号(+) 2、正斜杠(/)分隔目录和子目录 3、问号(?)分隔URL和查询 4、百分号(%)制定特殊字符 5、#号
window是一个全局对象，其实就是相当于那个对象调用这个函数，那么这个函数里面的隐式参数this就是当前调用这个函数的对象
（匹配宽度为零，满足一定的条件/断言） 零宽断言用于查找在某些内容(但并不包括这些内容)之前或之后的东西，也就是说它们像 \b ^ $ < > 这样的锚定作用，用于指定一个位置，这个位置应该满足一定的条件(即断言)，因此它们也被称为零宽断言。 断言用来声明一个应该为真的事实。正则表达式中只有当断言为真时才会继续进行匹配。
正则表达式是描述一组字符串特征的模式，用来匹配特定的字符串 主要分三个部分：基本语法、RegExp对象的方法、JS中支持正则表达式的String对象方法 一、基本语法 在JS中，正则表达式为对象，用如下两种方式定义： 直接量法： /pattern/attributes；创建RegExp对象法：new RegExp(pattern,attributes); var reg=/hi/i;//字面量 var reg=new RegExp('hi','i');//构造函数（参数1：最简单的正则匹配字母hi；参数2：
能注入恶意的HTML/JavaScript代码到用户浏览的网页上，从而达到Cookie资料窃取、会话劫持、钓鱼欺骗等攻击。
你也可以使用快捷方式 ejs.render(dataAndOptions); ，其中你可以通过一个对象来传递任何东西。在这种情况下，你需要以一个装有所有需要传递对象的本地变量结束。
在我们写前后端交互时，最反感的可能就是拼接大量图表的工作了（html += "xxxxxxxxx...." ），记得之前写一个“急”页面，有大量的js拼接内容（类似今日头条APP的检索页面），拼接代码写了几千行。知道么，我是流着泪加班写完的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
