- 博客(14)
- 收藏
- 关注
原创 这样面试,提高成功率80%
今天突发奇想,想了好多关于面试的一些get到的点,为什么你会一直面试但就是面试不成功呢!倒不如静下心来好好细读下这篇博客会让你提升很多。不管是应届生还是在职人员,都会面临着各种面试问题,网上有很多面经(面试经典题),但是大部分都是和技术相关的,总结有哪些技术需要掌握等等。但是其实我觉得,面试本来就是一个双向的选择过程。当然,一开始是企业来挑选我们,但是如果你足够优秀,通过了面试,或者感觉问题不...
2019-11-04 20:05:33 345
原创 Vue和React
相同之处React与Vue存在很多相似之处,例如他们都是JavaScript的UI框架,专注于创造前端的富应用。不同于早期的JavaScript框架“功能齐全”,Reat与Vue只有框架的骨架,其他的功能如路由、状态管理等是框架分离的插件,又称为渐进式框架。1、Virtual DOMVue.js(2.0版本)与React的其中最大一个相似之处,就是他们都使用了一种叫’Virtual DOM’...
2019-10-31 10:46:32 162
转载 JS简单实现抛物线Transition动画效果
主要是通过event对象获取鼠标当前点击位置然后css3—》 transition: left 1s linear, top 1s ease-in;实现抛物线(小球移动时向右和向上的速度不一致 ,一个快一个慢,从而实现抛物线)关于这个文章中css3中的linear和 ease-in**<!DOCTYPE html><html lang="en" style="width:...
2019-12-05 17:04:35 796
原创 面试题集锦第一弹
1、浅析函数防抖与函数节流函数防抖:最近和前端的小伙伴们,在讨论面试题的时候。谈到了函数防抖和函数节流的应用场景和原理。于是,想深入研究一下两者的异同。对于后端而言,函数防抖、函数节流的使用场景并不是很多。但是,对于前端使用却是很常见。这是我简单理解的函数防抖和节流。函数防抖就是在事件触发后,时间n秒后,只执行一次函数调用,如果在n秒内又重新触发该事件,那么就会重新计算函数时间上代码,...
2019-11-20 08:19:13 117
原创 CSS 绘制太阳系行星运行轨迹
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 动画</title> <style> div.ex1{ width: 100px; ...
2019-11-19 16:23:53 675
原创 $nextTick的理解
什么是nextTick()?定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick是将回调函数延迟在下一次dom更新数据后调用,简单的理解就是:当数据更新了,当数据渲染后,自动执...
2019-11-19 13:54:25 875
原创 vue-router实现原理
简单的来说,路由跳转其实就是用来后台服务器进行的一种交互方式,通过不同的路径,来请求不同的资源,请求不同的页面是路由的一种功能。vue-router 提供了三种运行模式:● hash: 使用 URL hash 值来作路由。默认模式。● history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。● abstract: 支持所有 Java...
2019-11-13 12:01:20 152
原创 解决跨域的几种方法
今天给大家分享一下,解决跨域的几种方法:要想解决掉跨域,首页我们要知道什么是跨域?1.什么是跨域?跨域其实就是指我们从一个域名去请求到另一个域名,就理解为跨域。更严格的来说的话,跨域就是当它的域名、协议、端口有一个不同的话,就会被当做跨域。浏览器不能执行其他域名网站的脚本,是由浏览器的同源策略造成的,是浏览器施加的安全限制。那么这里我们又会说到一个东西了。2.什么是同源策略?同源策略就...
2019-11-12 19:11:31 349
原创 vue 封装localstorage 本地存储的方法
1、在src目录下新建一个model文件夹2、在model文件夹下新建storage.js文件3、在storage.js里面封装localstoragevar storage = { set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ ...
2019-11-08 21:05:01 709
原创 vue2.0——使用swiper插件以及全局swiper实现轮播
**下载swiper:**<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2&l...
2019-11-01 16:08:25 988
原创 导航路由title标题
1、在入口项目main.js中引入全局路由导航//路由导航router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title } next() })2、在我们的router路由文...
2019-10-31 10:33:49 229
转载 如何阻止移动设备(手机,pad)浏览器双击放大网页?
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大?在Mobile页面上有提供viewport这个meta,可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成Mobile类型。 通常的页面DTD都是XHTML或者简单的HTML5声明,移动设备要用下面这个声明。<!DOCTYPE html PUBLIC "-//WAPFORUM//DT...
2019-10-29 12:47:37 1082
原创 如何在vue2.0中配置sass
按需步骤操作之后 ,我们还有可能会报错 他会报我们因sass版本太高问题,因为scss更新我们下完之后自动生成的是最新高版本我们是支持不了的所以上面5给步骤之后1、在项目中package.json(版本号)中找到sass-loader配置的版本号2、找到sass-loader配置的版本号之后修改配置的版本号就可以正常运行了。...
2019-10-29 09:07:44 386
原创 Vue的axios全局安装
1、cnpm install axios --save2、全局默认axios:2、全局axios:Vue.prototype.$axios = axios还要添加一句:axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’;也就是下面这句:...
2019-10-29 08:30:59 1906
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人