hdxg

2021年9月12日

摘要：参考资料 [1] javascript——原型与原型链 constructor、__proto__、prototype组成的复杂网络先给出一段代码： function Person() {} var person = new Person(); var object = new Object(); 阅读全文

posted @ 2021-09-12 17:58 hdxg 阅读(18) 评论(0) 推荐(0)

实现深拷贝和浅拷贝

摘要：参考资料 js实现浅拷贝与深拷贝的区别于实现方式前言 js中的数据类型就只有string、number、boolean、object、null、undefined这6种。而浅拷贝和深拷贝只是针对object而言的，其他5种不存在浅拷贝和深拷贝的问题。一个object其实可以看做是一颗树，树的叶子阅读全文

posted @ 2021-09-12 17:57 hdxg 阅读(49) 评论(0) 推荐(0)

ES5实现let和const

摘要：前言网上找了几篇文章，发现最终都参考自参考资料1。但我觉得参考资料1写得不够好，特别是实现const，并没有考虑完整。作者将常量挂在了window上，导致全局不能出现同名的常量。并且如果在某个函数内用const声明的常量，在函数外应该是访问不到的，而由于挂在了window上，导致函数内声明的常量也阅读全文

posted @ 2021-09-12 17:56 hdxg 阅读(98) 评论(0) 推荐(0)

2021年9月1日

vue2响应式原理

摘要：响应式原理 vue会递归遍历data()返回的对象**，使用es5的Object.defineProperty()覆盖data上的属性**，从而拦截对data上属性的读写。比如data上有一个username属性： data.username = (()=>{ let value = data.us 阅读全文

posted @ 2021-09-01 11:40 hdxg 阅读(204) 评论(0) 推荐(0)

2021年8月20日

同源策略

摘要：同源策略是什么同源政策在1995年由Netscape公司引入浏览器。最初它的含义是指，A网页设置的Cookie，B网页不能打开，除非这两个网页“同源”。所谓同源是指：协议相同、域名相同、端口相同；同源策略的目的同源政策的目的是为了保证用户的信息安全，防止恶意的网站窃取数据。如果没有同源策阅读全文

posted @ 2021-08-20 15:00 hdxg 阅读(308) 评论(0) 推荐(0)

2021年7月1日

展示分页数据的两种方式

摘要： PS：下面讨论的时候，是基于vue提供的数据绑定功能的，即修改数据会自动更新视图。前端展示分页查询到的数据有两种方式：新的分页数据添加到当前页面末尾，页面同时可以显示多份分页数据。这种方式一般体现为页面下拉触底后触发查询，比如京东首页、知乎首页。新的分页数据替换掉当前页面的分页数据，页面同时只阅读全文

posted @ 2021-07-01 12:42 hdxg 阅读(520) 评论(0) 推荐(0)

360浏览器以兼容模式运行

摘要：正文我把项目war部署到阿里云上之后，用360浏览器访问是空白（但用chrome可以访问），且f12打开的是ie的控制台（而不是熟悉的chrome控制台），里面报错说是语法错误（字符串结构语法不支持）。经过一番思考和查找，得知原来360浏览器以兼容模式在运行我的项目。想让360浏览器以急速模式打阅读全文

posted @ 2021-07-01 12:40 hdxg 阅读(336) 评论(0) 推荐(0)

适当地使用table布局

摘要： table布局的优点是能够自动分配水平方向的宽度，且在垂直方向上，让子元素等高。其技术原理是先不渲染，等全部数据加载完之后计算出尺寸后再渲染，因此性能上不是很好，不适合大范围的布局。而div布局的话，不能实现自适应的布局，但在性能上较优。我们不能用table实现整个网站的布局，但可以做一些小范围阅读全文

posted @ 2021-07-01 12:29 hdxg 阅读(56) 评论(0) 推荐(0)

静态布局、流式布局、自适应布局、响应式布局

摘要：固定布局（fixed layout）即传统布局，网页上的所有元素的尺寸一律用px作为单位。不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居阅读全文

posted @ 2021-07-01 11:41 hdxg 阅读(211) 评论(0) 推荐(0)

标准盒模型和怪异盒模型

摘要：标准盒模型低版本IE盒模型 CSS3 box-sizing box-sizing：content-box | border-box | inherit | initial 参考资料 1.盒模型，标准模型和怪异模型有什么区别？阅读全文

posted @ 2021-07-01 11:38 hdxg 阅读(57) 评论(0) 推荐(0)

公告