vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。当你使用 history 模式时,URL 就像正常的 url,例如 http://yoursite.com/user/id,也好看!
子元素scroll父元素容器不跟随滚动原理:滚动到边缘通过preventDefault()阻止浏览器的默认行为达到我们想要的效果。此方法可以解决pc端和移动端,但是当子元素出现滚动效果时不支持!可以参https://www.zhangxinxu.com/wordpress/2016/12/web-mobile-scroll-prevent-window-js-css/来解决
js中对数组元素常用操作主要有添加,删除,添加方法是push方法以及unshift等方法,删除可以使用delete、pop、shift等函数来对数组进行操作,js数组操作相对来说比php、java等比较麻烦!
vue利用npm打包上线时,总是会出现页面空白问题,出现这些问题主要是js文件很资源文件的路径有问题,导致页面不能显示。所以在项目部署时需要修改配置参数。
常用的响应式布局参数的界定,利用media来定义不懂屏幕大小的样式,可以适配电脑、平板、手机等!
js通过navigator.userAgent来判断手机系统为安卓还是苹果,同时可以判断浏览器类型,主要运用于根据不同浏览器和不同系统来操作不同逻辑!
ES6新增let定义变量,很多前端的朋友问到let和var的区别,其实阮一峰老师的ES6中已经很详细介绍了let的用法和var的区别。我简单总结一下,以便各位以后面试中使用。
在做vue项目时,发现一个问题,通过vue-router切换页面时,如果从一个页面的底部切换到新页面,新开的页面初始也会在底部。使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。
thinkphp5中在html页面输出url地址使用{:url('地址',‘参数’)}的方法来实现,有些时候可能需要在js中对url地址进行输出,在js中输出通常用拼接字符串的方式来实现,但是会遇到不能解析的问题,在这提供两种解决方法!
tp5中的路由比较灵活,并且不需要强制定义,可以总结归纳为如下三种方式:一、普通模式;二、混合模式;三、强制模式。路由定义:方式比较多,可以在route.php中添加路由规则,也可以在application中新建一个route.php文件在添加对应的规则