JackieDYH

2021年9月13日

摘要： Wakatime 记录下自己每天coding 的时间以及每个在各个项目上coding的时间支持的Code 编辑器安装登录获取key 然后添加到编辑器内即可阅读全文

posted @ 2021-09-13 14:45 JackieDYH 阅读(9) 评论(0) 推荐(0)

摘要： JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳，JavaScript 标准的官方名称为ECMA-262。关于ECMA的最新资讯可以浏览 ECMA news查看。 ECM 阅读全文

posted @ 2021-09-13 13:51 JackieDYH 阅读(51) 评论(0) 推荐(0)

2021年9月9日

Vue中鼠标移入移出事件-解析

摘要：鼠标在li上移动也会触发移出事件两组鼠标事件 mouseover 和 mouseout mouseenter 和 mouseleave mouseover 和 mouseout 什么时候使用说明根据鼠标事件的target进行触发，是一种精确触发。当为某一组件(如div或ul)设置这两个事件时，阅读全文

posted @ 2021-09-09 11:27 JackieDYH 阅读(269) 评论(0) 推荐(0)

2021年9月7日

CSS实现鼠标移入时图片的放大效果及缓慢过渡效果-案例

摘要： transform:scale()可以实现按比例放大或者缩小功能。transition可以设置动画执行的时间，实现缓慢或者快速的执行动画 <body> <div> <img src="https://img-blog.csdnimg.cn/2021031616343485.gif"> </div> 阅读全文

posted @ 2021-09-07 11:49 JackieDYH 阅读(101) 评论(0) 推荐(0)

2021年9月6日

Vue项目中Router路由中meta字段的妙用-案例

摘要：用Vue做网站登录验证时常用到Vue-Router官方路由器管理，这时候会调用beforeEach函数 // 登录验证 beforeEach((to,from,next) =>{ if(to.path '/music'){ //页面path为 '/music',就让它跳转到 '/login'登录页面阅读全文

posted @ 2021-09-06 10:14 JackieDYH 阅读(120) 评论(0) 推荐(0)

2021年9月1日

Vue中常用的开发小技巧-让开发更便捷快速-总结

摘要： 1. 将一个 prop 限制在一个类型的列表中使用 prop 定义中的 validator 选项，可以将一个 prop 类型限制在一组特定的值中。 export default { name: 'Image', props: { src: { type: String, }, style: { t 阅读全文

posted @ 2021-09-01 12:21 JackieDYH 阅读(13) 评论(0) 推荐(0)

2021年8月30日

vue中修改数据页面不更新的原因-解决方案

摘要：在vue2中通过Object.defineProperty实现数据响应式，组件初始化时，对data中的item进行递归遍历，对item的每一个属性进行劫持，添加set,get方法。后来新加的newProperty属性，并没有通过Object.defineProperty设置成响应式数据，修改后不会视阅读全文

posted @ 2021-08-30 12:24 JackieDYH 阅读(72) 评论(0) 推荐(0)

2021年8月26日

上下固定中间自动的移动端布局方案弹性盒子布局--小技巧

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-26 22:02 JackieDYH 阅读(7) 评论(0) 推荐(0)

2021年8月25日

Vue中利用keep-alive-快速实现页面缓存-案例

摘要： keep-alive 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transitio 阅读全文

posted @ 2021-08-25 16:31 JackieDYH 阅读(186) 评论(0) 推荐(0)

vue-router路由传参的几种方式-案例

摘要：说明点击列表的详情，跳转到详情内页，在内页根据传递的参数获取详情数据刷新页面参数丢失编程式导航方法一：通过 params 传参路由配置如下 { path: '/detail/:id', //若id后面加?代表这个参数是可选的 name: 'detail', component: Detai 阅读全文

posted @ 2021-08-25 12:35 JackieDYH 阅读(77) 评论(0) 推荐(0)

公告