
前端开发
文章平均质量分 55
后来就忘了
111111
展开
-
vue 插槽 v-slot 实现父向子传值
// 子组件代码<template> <div class="child"> <h4>this is child component</h4> <p>收到来自父组件的消息: <slot name="child"></slot> <!--展示父组件通过插槽传递的{{message}}--> </p> </div></template&g原创 2022-03-03 09:13:36 · 1219 阅读 · 0 评论 -
css实现js效果
平滑滚动曾经有一段时间,我们不得不依靠JavaScript的window.scrollY来实现来执行此操作,如果想平滑滚动还要依赖定时器增加一个动画。随着scroll-behavior属性的新增,我们可以使用一行CSS代码来处理网站上的平滑滚动!浏览器支持约为75%,兼容性还是挺不错的。html {scroll-behavior: smooth;}完整代码:https://codepen.io/shinewen189/pen/RwVVYox滚动捕抓幻灯片、图片库这些也是前端高频使用功能,上原创 2021-12-13 19:13:10 · 331 阅读 · 0 评论 -
前端-----随笔
git小乌龟[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YCAZOIwN-1627262113131)(C:\Users\guoxinqiang\AppData\Roaming\Typora\typora-user-images\1616045949098.png)]切换/检出--------------------切换分支切换/检出--------------------切换新分支----创建新分支可视化编辑网页document.body.contentEdi原创 2021-07-26 09:17:59 · 606 阅读 · 0 评论 -
vue 改变子组件props中的值
父组件<control :lingthData="lingthData" v-model="deviceF"></control> //v-model里面写上我们要传给子组件,并且还会在子组件中改变这个值 import control from '@/page/map/control'export default { components: { control }, data () { return { deviceF: true原创 2021-03-26 15:40:01 · 227 阅读 · 0 评论 -
容易被忽略的5个HTML技巧
各种框架和编程语言可能会此消彼长,但 HTML 永不会过时。只是,就算 HTML 的应用如此广泛,这种语言中还是有不少多数开发人员都不了解的标签和属性。而且,尽管市面上有各种模板引擎(例如 Pug)可用,但你仍然需要对 HTML 和 CSS 有所了解。如果你经常使用 CSS,请查看我最近的博客,了解一些鲜为人知却非常有用的 CSS 属性:https://medium.com/javascript-in-plain-english/6-css-properties-nobody-is-talking-a原创 2021-03-01 11:45:22 · 118 阅读 · 0 评论 -
怎么在样式中使用data中的变量呢
怎么在样式中使用data中的变量呢<template> <div class="box" :style="styleVar"> </div></template><script>export default { props: { height: { type: Number, default: 54, }, }, computed: { styleVar() {原创 2021-02-19 15:26:43 · 591 阅读 · 0 评论