js 的基本数据类型的赋值,就是值传递。引用类型对象的赋值是将对象地址的引用赋值。这时候修改对象中的属性或者值,会导致所有引用这个对象的值改变。如果想要真的复制一个新的对象,而不是复制对象的引用,就要用到对象的深拷贝。
= "0" + i; } return i; } </script> function formatTime(ms) { ms = new Date("2018/8/ 8 14:20:00").getTime() - Date.now(); if(ms <= 0){ document.getElementById("showTime").innerHTML image.png <head> <meta charset="UTF-<em>8</em>"> <title>简单时长倒计时</title> <SCRIPT type="text/javascript"> image.png <head> <meta charset="UTF-<em>8</em>"> <title>js简单时分秒倒计时</title> <script type="text export function encryptByDES(message) { var key = '$7%9R5Hh&yGDt' var keyHex = CryptoJS.enc.Utf<em>8</em>.
方案一:思想 首先对数组进行排序(小 》大),第一项为最小值,最后一项为最大值
防抖和节流是两种常见的前端性能优化技术,它们都可以用来减少函数执行的次数,提高页面性能。 防抖 防抖(Debounce)是指在一定时间内多次触发同一个事件,只执行最后一次触发事件的函数。 总之,防抖和节流是前端开发中常用的性能优化技术,可以有效地减少函数执行次数,提高页面性能。
2.再用两张图理解“前端路由” 在WebAPP的世界里,单页系统比较常见。 单页系统的好处?快、动效多,超不多就这些优势吧。 这样给用户一个困扰,怎么在界面上点了半天,浏览器的地址为啥没变呢? 3.三坨代码,学会实战 STEP1.在Vue的入口函数——main.js,注入router对象 STEP2.在Vue工程中新建router文件夹,编写index.js,用于描述前端路由 新增一个路由, 就在这个文件里面加一条 STEP3.封装一个自己产品的路由工具类 例如:获取URL地址的参数 例如:通过API的形式进行API跳转 关键代码就是下图红框标出来的Vue原生API 4.总结 前端路由是
width: calc(5px + 100px) width: calc(6em * 8) width: calc(100% - 5px) 3.in 运算符 in 运算符可以检查是否在数组中存在的索引, <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> 8.
当我们说“前端安全问题”的时候,我们在说什么 “安全”是个很大的话题,各种安全问题的类型也是种类繁多。 是后端开发还是前端开发? 总的来说,当我们下面在谈论“前端安全问题”的时候,我们说的是发生在浏览器、前端应用当中,或者通常由前端开发工程师来对其进行修复的安全问题。 8大前端安全问题 按照上面的分类办法,我们总结出了8大典型的前端安全问题,它们分别是: 老生常谈的XSS 警惕iframe带来的风险 别被点击劫持了 错误的内容推断 防火防盗防猪队友:不安全的第三方依赖包 好在现如今的前端开发框架基本上都默认提供了前端输出编码,这大大减轻了前端开发小伙伴们的工作负担。 ---- 小结 本文对前端安全问题进行了一次梳理,介绍了其中4个典型的前端安全问题,包括它们发生的原因以及防御办法。在下篇文章中,我们将介绍其他的几个前端安全问题,敬请期待。 ----
第5章 匹配中文(utf-8编码) 每个字符(中文、英文字母、数字、各种符号、拉丁文、韩文、日文等)都对应着一个Unicode编码。
在《8大前端安全问题(上)》这篇文章里我们谈到了什么是前端安全问题,并且介绍了其中的4大典型安全问题,本篇文章将介绍剩下的4大前端安全问题,它们分别是: 防火防盗防猪队友:不安全的第三方依赖包 用了HTTPS 另外,对于前端应用而言,除使用到的前端开发框架之外,通常还会依赖不少Node组件包,它们可能也有安全漏洞。 前端应用是完全暴露在用户以及攻击者面前的,在前端存储任何敏感、机密的数据,都会面临泄露的风险,就算是在前端通过JS脚本对数据进行加密基本也无济于事。 所以,在前端存储敏感、机密信息始终都是一件危险的事情,推荐的做法是尽可能不在前端存这些数据。 ---- 小结 在上一篇和本篇文章中,我们为大家介绍了在开发前端应用的时候容易遇到的8大安全问题,它们是: 老生常谈的XSS 警惕iframe带来的风险 别被点击劫持了 错误的内容推断 防火防盗防猪队友
前端面试基础知识题 1. Javascript中如何实现函数缓存?函数缓存有哪些应用场景? 函数缓存,就是将函数运算过的结果进行缓存。 8. 如何确保你的构造函数只能被new调用,而不能被普通调用?
DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-<em>8</em>"> <title></title> <style> DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-<em>8</em>"> <title></title> <style> DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-<em>8</em>"> <title></title> <style>
开启刷题 前端食堂的 LeetCode 题解仓库[1] 年初立了一个 flag,上面这个仓库在 2021 年写满 100 道前端面试高频题解,目前进度已经完成了 50%。 如果你也准备刷或者正在刷 LeetCode,不妨加入前端食堂,一起并肩作战,刷个痛快。 了解了树的基础知识后,马上开启我们愉快的刷题之旅,我整理了 8 道高频的 LeetCode 链表题及题解如下。 len-- } res.push(arr) } return res }; 时间复杂度: O(n) 空间复杂度: O(n) 07 二叉树的最大深度 原题链接[8] problems/binary-tree-level-order-traversal/solution/qian-duan-shi-tang-ti-jie-chao-hao-li-ji-jj2g/ [8] leetcode-cn.com/problems/maximum-depth-of-binary-tree/solution/qian-duan-shi-tang-ti-jie-chao-hao-li-ji-im8f
我做的大概就是下面这种,好不好看就不说了,但是基本功能都实现了,有创意的同学也可以自己做一套完整管理体系。
8个前端常用HTML+CSS技巧教程 CSS是一个很独特的语言。看起来非常简单,但是某种特殊效果看似简单,实现起来就颇有难度。 这篇文章主要是给在学习前端的童鞋分享一些新的CSS技巧,一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们,重新燃起对前端排版和特效的热爱和热情!1. ---- 公众号回复“前端教程源码”获取源码地址 8. ---- 公众号回复“前端教程源码”获取源码地址 总结 我希望这8个前端小技巧和特效对大家有帮助,或多或少有吸收一点新的前端知识。这篇文章提到的内容,其实很多都是值得深挖和学习的。 回想前端这几年,发展真的是突飞猛进,从前端排版,HTML5+CSS3做H5页面,到前端组件化,各种UI框架满天飞。
高并发情况下,对前端web优化也是非常重要的。 下面说说几种常见的优化措施。 1、HTML CSS JS位置 一般需要将CSS放页面最上面,即HEAD部分,而将JS代码放页面底部。 另外一方面,如果是关于抽奖、摇一摇、秒杀等功能,可以限制发往后台的频率,如前端操作10次才往后端发一次请求,这样从前端就做到了后台的流量控制,把流量控制到访问的最外层是最好的,尽量不要让请求落到底层。 8、反向代理 常用的反向代理nginx除了负载均衡功能,它也可以通过配置缓存功能来加速请求响应速度,当用户第一次访问的时候静态资源就可以被缓存到反向代理服务器上,这样其他用户的请求就能直接从反向代理服务器直接获取返回
「前端部署」系列正在更新: 15/15 ---- 这篇关于 k8s 的文章是前端部署系列的最后一篇文章了,后续将会把该系列文章以视频的方式在哔哩哔哩发布,欢迎关注及预约。 ---- 在前边章节中,我们了解了「如何部署容器化的前端应用」,并可通过 CICD 进行自动化部署。 如何进行版本回退 如何进行流量控制 在 kubernetes 集群中很容易做到这些事情,「本篇文章中绝大部分为运维所做工作,但前端仍需了解」。 k8s 搭建需要多台服务器,且步骤繁杂,前端开发者很难有条件购买多台服务器。 Deployment Deployment 可视为 k8s 中的部署单元,如一个前端/后端项目对应一个 Deployment。 Deployment 可以更好地实现弹性扩容,负载均衡、回滚等功能。
关于前端防御性编程 我们大多数情况可能遇到过,后端的由于同时请求人数过多,或者数据量过大,又或者是因为异常导致服务异常,接口请求失败,然后前端出现白屏或者报错 还有一种情况,是前端自身写的代码存在一些缺陷 ,整个系统不够健壮,从而会出现白屏,或者业务系统异常,用户误操作等 那么,就出现了前端防御性编程 常见的问题和防范 1.最常见的问题: uncaught TypeError: Cannot read property 遇到是空值的时候便会返回undefined. 2.前端接口层面的错误机制捕获 前端的接口调用,一般都比较频繁,我们这时候可以考虑使用单例模式,将所有的axios请求都用一个函数封装一层。 “前端” 对于一些敏感数据,例如登录态,鉴权相关的。 例如接口调用失败后,剔除对应模块的展示,让用户无感知的使用 7.巧用loading和disabled 用户操作后,要及时loading和disabled确保不让用户进行重复,防止业务侧出现bug 8.慎用
1.2.3.4&pwd=&status=0&edit_type=edit 也就是浏览器把空格转成了【%C2%A0】,数据库和前台显示都正常且有一个空格,可是拿出来比较,它们完全不相等 ,通过搜索得知: 前端空格 : 传到后台的是UTF-8空格:C2 A0 即ASCII 194 + 160 所以在后台拿到urser数据后进行空格转换,即可正常保存数据 $data['user '] = str_replace(chr(194).chr(160), ' ', $user); // utf-8空格 参考: https://en.wikipedia.org/wiki/Non-breaking_space
self.flashFlag }, 500) },} 8.
每日前端夜话0x33 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2788 字 9 图 预计阅读时间: 7 分钟 ? 下面将给你介绍一些适合前端的顶级 VS Code 扩展插件。 Git增强:GitLens ?