总结专栏
qiaoqiaoBigBoss
这个作者很懒,什么都没留下…
展开
-
滚动屏 显示文案
滚动屏显示文案原创 2022-12-25 10:22:13 · 182 阅读 · 1 评论 -
video 页面手动刷新之后不再自动播放
未加muted属性,导致页面手动刷新之后不再自动播放<video class="alltuu-videoCase-banner-videoBg" autoplay loop muted src="../images/bannerBg.mp4"></video>muted属性 静音属性未加muted属性,导致页面手动刷新之后不再自动播放...原创 2021-11-11 13:51:03 · 413 阅读 · 0 评论 -
关于css计算宽度,高度的calc(100% - 24px)
css常用计算款高度的方法calc()我们用height: calc(100% - 24px) 或height: calc(100vh - 24px) , 但是最终计算结果往往是 height: 76% 或 height: 76vh, 怎样解决呢解决方法height: clac(~'100% - 24px')原创 2021-04-26 19:57:11 · 1793 阅读 · 0 评论 -
选择器 :nth-child()和nth-of-type()区别
区别:p:nth-child(n) 表示其父元素的第n个子元素是否是p, 如果是,则有匹配元素,否则无匹配元素p:nth-of-type(n) 表示其父元素的第n个子元素p事例<style> div p:nth-child(5) { background: pink; //不生效,没有匹配元素,因为div的第5个子元素不是p,是h1 } div P:nth-of-type(5) { background: pink; //生效的的是 <p>我是五哥</p&原创 2021-04-26 19:51:06 · 142 阅读 · 0 评论 -
ant design 修改Tooltip样式
一、 利用overlayClassName给组件起类名<a-tooltip overlayClassName="nameTooltipClass"> <template slot="title"> {{ item.name }} </template> <span class="setting-customNav-customNavItem-content-left-name" :原创 2021-04-26 19:30:21 · 3345 阅读 · 0 评论 -
mouseenter和mouseleave与mouseover和mouseout的区别
一、mouseenter与mouseover的区别他们都是在鼠标经过时触发相应的事件,但是区别在于:mouseenter 进入和离开 设置的元素 时都会触发事件mouseover 只有在进入 设置的元素 时会触发事件他们最大的区别是:mouseenter只有穿透设置的元素才会触发事件,穿透子元素时不会触发,对应的的事件是mouseleave;mouseover 在穿透设置的元素及其子元素时都会触发,对应的的事件是mouseout...原创 2021-04-16 19:42:09 · 407 阅读 · 0 评论 -
点击事件@click 失效问题
问题:在标签上设置点击事件@click,发现无法触发事件发生原因:发现这个标签上有个全局样式,对它造成了影响;pointer-event: none解决:将这个属性值改为auto即可pointer-event: auto结束祝你今天好心情!!!...原创 2021-03-09 19:57:59 · 3136 阅读 · 1 评论 -
上传图片 图片名含有&符号 出现签名错误的问题
问题上传图片,图片名含有&符号,后台返回签名错误的提示图片命名是:查看传参:查看Form Data原始数据:原因发现每个参数之间是由&符号进行截断的,当图片名出现&符号时,会误将图片名截断,这是由于我们在请求拦截器中写的传参序列化导致的解决利用Url编码对图片名进行编码,利用encodeURIComponent()这个内置方法,解码对应的函数是decodeURIComponent(name) name = encodeURIComponent(name)原创 2021-03-05 21:38:54 · 576 阅读 · 0 评论 -
解决 img标签 :src获取静态资源 图片无法显示
背景我专门写了一个配置项js文件,用来存放data数据,如下,文件名为photographerList.jsexport default [ // 摄影师 { id: 0, avatr: '../images/photographers/xingyi.png', name: '邢小军', adress: '上海', price: 2800, introductionUrl: 'https://原创 2021-03-04 18:56:15 · 2605 阅读 · 1 评论 -
vue 优化代码的总结
之前写代码也没人教,现在我写的代码组长有时候会review,并且会提出怎样优化代码,之前写页面也没有很明确的组件化思想,目前这一方面有了很大的提升下面就说一下近期的总结:1. 写自定义组件时,尽量做到复用,不要在组件里面写循环2. 给组件传值,不要传数组,尽量以Object的形式进行传值,可以在组件上v-for数组,然后传item3. 子路由的页面,都可以通过props接收由父路由传递的值4. 利用v-for循环数组时,绑定唯一标识时,尽量不要用index5. 组件要多多利用,可以低耦合原创 2021-03-04 18:43:46 · 728 阅读 · 3 评论 -
ant design 单选框 选中时激活文本变色
ant design 单选框 选中时激活文本变色** html部分**<a-radio-group v-model="formData.isLanguage" @change="pageToNext" > <a-radio :value="0"> 简体中文 </a-radio> <a-radio :value="1"> 繁体中文 </a-radio> <a-radio :value="2">原创 2021-02-26 20:09:33 · 1228 阅读 · 0 评论 -
利用ref和scrollTo实现页面滚动失效
记录遇到的问题场景:想要页面点击出触发函数实现页面的滚动遇到的问题: 函数成功执行,代码也没问题,但是页面就是没有实现滚动js代码如下:scrollToBottom() { //滚动 var topPublicity = this.$refs.topPublicity; window.setTimeout(() => { Math.animation(document.documentElem原创 2021-02-25 19:05:22 · 2082 阅读 · 0 评论 -
本地分支合并到远程分支
本地分支newRetoucher合并到远程分支test第一步:在本地分支newRetoucher先将最新的代码上传,基本流程就是git statusgit add .git commit -m ‘…’git push 如果存在冲突,push失败的话,执行下面操作git pull 先拉取,有冲突先解决冲突,再继续git add .git commit -m ‘…’git push成功后,切换到远程分支test第二步:在本地test分支先git pull拉取最新代码,有冲突的话,最简原创 2021-02-06 19:04:38 · 1479 阅读 · 0 评论 -
删除本地分支和远程分支
删除本地分支和远程分支text-git删除本地比较简单git branch -d text-git2.删除远程分支git push origin --delete test-git原创 2021-02-06 18:59:54 · 114 阅读 · 0 评论 -
git 合并多次 commmit -----命令行git rebase -i commitId
有的时候我们修改一个小bug就会提交,多次提交会使留下的历史提交信息多而杂,当我们想要将他们的提交信息合并成一个提交信息时,就需要使用这个git 命令行了。git rebase -i commitId首先我们以具体事例来进行演示,需求是:我想要将最近四次提交的commit 合并成一次的提交commit点。第一步:查看我们的提交日志git 命令是:git log我们要注意一个点,最新的提交记录会在最上方第二步:开始合并git 命令:git rebase -i commitId这里的comm原创 2021-02-06 18:54:31 · 1368 阅读 · 0 评论 -
学习Git 笔记要点
1. Git配置git config --global 读写的是./gitconfig文件git config --ststem 读写的是/etc/gitconfig文件2.配置用户信息git config --global user.name ‘冯巧云’git config --global user.email fengqiaoyun@alltuu.com用的是–global ,所以配置信息会存放在./gitconfig文件中,一般在【C:\Users\Administrator.gitco原创 2021-01-27 19:13:03 · 90 阅读 · 0 评论 -
clipboard 现代化的拷贝文字
使用clipboard 来复制内容到剪切板,既可以借用input 内容文字,也可以自己设定需要复制的内容。第一步: 安装npm install clipboard --save第二步:js 文件 引入import Clipboard from 'clipboard';第三步:使用(1)纯复制文本<div class="body"> <button claass="btn" @click="copy" :data-clipboard-text="this.msg"原创 2021-01-25 19:24:36 · 406 阅读 · 1 评论 -
vue 路由中的meta
vue 路由中的meta我们经常会在进入一个页面时判断是否已经登陆,经常会用到路由导航守卫router.beforeEach(to, from, next), 一个两个页面还好,但是多的话,就会麻烦,并且路由还会嵌套。这时可以使用meta。meta (元数据)在配置路由时,经常会用到path,name,component,还有一个就是meta 元数据,给每个路由添加一个自定义的meta对象,在meta对象中可以设置一些状态,来进行一些操作。经常用它来做登录校验。{ path: '/im原创 2021-01-20 20:04:42 · 6371 阅读 · 0 评论 -
toFixed() 方法
toFixed() 方法作用将Number 四舍五入为指定小数位数的数字。示例var num = new Number(12.34);console.log(num.toFixed(1));输出结果: 12.3var num = new Number(12.37);console.log(num.toFixed(1));输出结果: 12.4注意事项:NumberObject.toFixed(num)参数 描述num 必需。规定小数的位数,是 0 ~ 20原创 2021-01-13 20:19:30 · 1483 阅读 · 0 评论 -
Array.of() 方法
Array.of() 方法作用: 用于将一组值,转换为数组Array() 与 Array.of() 写法含义区别:Array方法没有参数、一个参数、三个参数时,返回结果都不一样。只有当参数个数不少于 2 个时,Array()才会返回由参数组成的新数组。参数个数只有一个时,实际上是指定数组的长度。Array(); // []Array(3); // [ , , ] 代表数组长度Array(3,2,1) // [3,2,1]Array.of()方法总是返回参数值组成的数组。如果没有参数,就原创 2021-01-13 20:12:44 · 3284 阅读 · 0 评论 -
vue中友盟统计---事件跟踪部署
vue中友盟统计—事件跟踪部署事件跟踪的语法:_czc.push(['_trackEvent', category, action, label, value, nodeid])事件跟踪的作用:用于发送页面上按钮等交互元素被触发时的事件请求统计,即统计相应的事件被触发的次数(如视频的播放,音乐播放量)使用场景:js代码中:window._czc.push(['_trackEvent','来源--摄影类', '我要签约'])放在标签中:<a href="#" οnclick="_c原创 2021-01-12 19:35:33 · 544 阅读 · 0 评论 -
css 中的 clip属性剪裁
clip 属性剪裁在css2 中就已经出现这个属性,用于剪裁绝对定位元素。也就是说,使用这个属性用来剪裁元素时,本身必须是absoulte绝对定位。img { position: absoulte; clip: rect(20px, 100px 100px 20px);}clip: rect(a, b, c, d) 里面的字母代表什么意思?以下图为例:...原创 2021-01-12 19:19:35 · 296 阅读 · 0 评论