Jarvis_zhuang-CSDN博客

原创 [随笔]箭头函数的一个小细节

假设现在有一个数组let colors = ['red', 'pink', 'balck', 'yellow']我们想要遍历每个颜色字符串的长度, 通过map和箭头函数,我们可以这样colors.map( (color) => { return color.length})由于只有一个参数我们还可以这样 (省略参数的圆括弧)colors.map( color...

2019-10-31 15:39:12 170

原创 position:fixed 绝对定位“失效”

如图所示，项目中有一个信息窗口，现在需要将其缩小，以展示地图全景，如下图所示（没UI就自己画了），这就是大概的效果吧。首先想到的就是通过绝对定位fixed，在信息窗口缩小时，通过:class绑定样式，让小窗口滑出。现象：fixed定位失效了！此时的fixed不再是为窗口（Viewport）而定位。缩小信息窗口的时候，小窗口没有滑出，通过浏览器调试，将信息窗口调出，发现此时的小窗...

2019-05-30 15:24:07 1494

原创 HTML5 History 模式的坑

周五下班前更新了一下代码，结果一更，出现了一个bug！现象1：有一两个页面的Logo不见了...于是打开Console，查看资源的请求情况，发现请求正常且成功。这时候又在调试的过程中发现了第二个问题。现象2：刷新一下，页面无法渲染，并报错各种资源的丢失，无法正常加载。但是在本地开发的时候，一切资源正常，刷新也不会出现无法加载的问题，一般大家看到这里大概就会发现这...

2019-03-25 11:16:27 2492 1

原创本地HTML在Chrome浏览器中关于Cookies的坑

平时都是通过webstorm编译器右上角的小图标打开HTML文件，所以获取数据之后能够对cookie进行操作。直到今天才发现Chrome有这个坑，如题，当你从本地文件夹，直接打开HTML文件，你用JavaScript编写的Cookies相关操作都会失效，F12中的Cookies会是空空如也。亲测，换成FireFox，页面能够正常使用。结论：在本地打开HTML文件，Chrome的控制台无...

2019-01-05 10:59:09 2443 2

原创 Computed只能响应 Vue 实例上的数据变动

事情起因是想要做一个 button 属性 disabled 的切换。 →由于使用到sessionStorage进行数据存储，于是就写了一个关于sessionStorage的计算属性绑定在button上，那么问题就来了，发现不管怎么更新session中的数值，button上绑定的计算属性都不会做出响应，意思就是该计算属性的依赖没有发生变化。所以，上网找答案，发现没人提出过这类问...

2018-11-27 16:17:09 1501 2

原创 Vue Error－报错信息：Syntax Error: Assigning to rvalue.

刚开始以为Syntax Error是node_modules又抽风出了问题,于是就暴力地把node_modules文件夹删除,然后在备份文件中备份回来。后面发现并没用。查了一下才知道，这是语法错误的意思。随后继续查找资料，于是在CSDN博主：远走的兔子[点击打开链接],发现了问题所在。在html标签中，有一个v-model所绑定属性值未获得声明。于是问题瞬间被解决，事后回看报错信息，其实已经给了我...

2018-07-04 10:24:32 18636