10 高先生的猫

盛趣时代 - 其他

我要认证

求知若渴,虚心若愚。

等级
TA的排名 1w+

css过渡和css动画的区别是什么?

CSS3中出现很多新的特性,其中比较好玩的3D操作就是:过渡和动画效果。那么css过渡和css动画的区别是什么?下面本篇文章就来给大家介绍一下CSS中过渡和动画的区别,希望对大家有所帮助。css过渡和画的区别:animation属性类似于transition,他们都是随着时间改变元素的属性值,那么区别是什么?其主要区别在于:transition需要触发一个事件才会随着时间改变其CSS属性;animation在不需要触发任何事件的情况下,也可以显式的随时间变化来改变元素CSS属性,达到一种动.

2020-06-03 10:42:43

vue父监听子组件触发的事件

vue里面的作用域都是孤立的,不允许在子组件的模板内直接使用父组件的数据.必须使用特定的方法来实现父子组件之间的数据传递.1.父组件可以使用props来向子组件传值,父组件中用v-bind来绑定传给子组件的值:子组件通过props接收父组件传过来的值:或者是给props添加一些通用的规则:2.子组件向父组件传递数据子组件触发事件,使用$emit来遍历自定义的事件"closeSendChange",并且返回参数false,这个自定义事件就相当于一个中转父组件监听子组件的

2020-06-03 10:40:38

vue里面watch的使用方法

vue里面的watch方法用来观察vue实例上面的数据的变动,根据数据的类型,分为以下几种情况:1.当监听的数据为对象时,如下,监听data里面的optionBonus对象的变化,在watch里面

2020-06-03 10:31:28

Math的方法集合

Math是用来做运算的方法的集合.如果进行数学逻辑上不允许的运算,返回NaN1.属性Math.E 返回算数常量eMath.LN2 返回2的自然对数Math.LN10 返回10的自然对数Math.LOG2E 返回log以2为底的,E的对数Math.LOG10E返回以10为底,E的对数Math.PI 返回圆周率Math.SQRT1_2返回2的平方根倒数Math.SQRT2返回2的平方根2.方法普通运算类:abs(x) 返回x的绝对值exp(x)返回e的x次幂log(x)返回log以

2020-06-03 10:30:46

nodejs介绍及包管理工具和版本号

nodejs我们可以看一下官方介绍:简单的说就是如果我们只是简单的用编辑器编写了一个页面,然后通过浏览器打开,那么就相当于只是在客户端本地运行的JavaScript.那么nodejs就是将JavaScript的运行环境搬到服务器使用chrome的V8引擎,JavaScript实现不了的就引入的c#或者c++的一些模块版本号6.10.10第一位表示主版本号(一般是有重大修改或者重构项目)第二位表示子版本号(一般是有新增功能,奇数表示非稳定版本,偶数表示稳定版本)第三位表示修正版本号

2020-06-03 10:30:09

在Vue中使用iconfont的方法

1.将图标CDN托管到阿里矢量图标库里面在矢量图标库中选取需要的图片,复制如图所示的链接,在index.html中link该地址即可<link rel="stylesheet" href="https://at.alicdn.com/t/font_604260_3eh5mio3ofidlsor.css">然后可以在对应的组件中使用<span class='iconfont xxxxx'></span>2.将iconfont下载到本地的用法

2020-06-03 10:29:26

Vue.$set的使用

官方给出:vm.$set(target,key,val)target{object | array}key{string | number}val{any}在组件中使用//tableData是数组this.tableData[index].isSelect = !this.tableData[index].isSelect;this.$set(this.tableData , index , this.tableData[index]);...

2020-06-03 10:27:09

vue项目做屏幕自适应处理

起由项目基于vue-cli搭建,之前项目采用less的功能函数集合媒体查询做的屏幕适配,但是由于JavaScript的对浮点数据处理,这个语言本身的bug问题,总是会出现一些计算误差,这里重新做的项目采用淘宝的lib-flexible的库,来做屏幕自适应处理.vue-cli搭建完成以后,安装完依赖,项目可以运行以后,我们接着安装felxible库: npm i lib-flexible -Snpm安装不上去的,可以切换到cnpm上来安装,然后在主文件main.js里面引入:.

2020-06-03 10:26:04

关于&&和||运算符

在js里面对于&&和||不会返回一个Boolean类型的值,而是会对运算符两边的值从左到右做运算,如下:&&当运算符与遇见运算结果为false的时候就终止后面的运算,并返回该值||当或运算符遇见运算结果为true的结果时,就终止运算并且返回该值对象,非零整数,非空字符串均转化为true,当&&所有条件均为true时返回最后的值,||全为false时返回最后的值...

2020-06-03 10:24:46

vue剪切板功能 vue-clipboard2

安装npm install --save vue-clipboard2在main.js中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)例如:<span>{{invitationCode}}</span><img src="../../static/img/d1.png" v-clipboard:copy="invitationCode" v-clipboard

2020-06-03 10:24:19

js获取浏览器默认语言设置

项目用到多语言,之前也接触过,不过没有自测过,通过自测,写出通用比较简化的方法 !function () { var lang = navigator.language||navigator.userLanguage;//常规浏览器语言和IE浏览器 lang = lang.substr(0, 2);//截取lang前2位字符 if(lang == 'zh'){ window.location.replace('./cn/home/index.h...

2020-06-02 10:27:14

vue自定义filters

官方给出Vue.filters(id , [definition])//id {string}//definition {function}详情查看在项目中我们如果有多个filters,那么我怎么一次注册,全局可用,我们在项目里新建一个filters文件夹,如下,index.js是出口文件,readMore是一个对字符串做处理的过滤器文件目录下面贴上代码://index.js// 引入所有的过滤函数import readMore from './readMore';

2020-06-02 10:27:01

vue的getter和setter的原理

vue渐进式框架如果采用原生js来对dom元素进行操作,需要获取元素再获取相关内容然后添加一系列事件,这样操作繁琐MV*就是将js分为三个部分,model(数据) (逻辑控制) view(视图)model只负责数据,view负责更改页面样式,逻辑层用来联系model和view,这样当对应的版块发生改变时,只需要修改相应版块就可以了UI=VM(state)vue双向绑定原理是由数据劫持结合发布者-订阅者模式实现的vue的数据劫持是通过Object.defineProperty()来对对象的s

2020-06-02 10:26:02

vue里面的全局功能函数

项目开发过程中,我们会遇见多个组件的一些方法一样,那如果每个组件我们都重新将函数写一遍,岂不是显得很浪费时间,那更多的时候我们还是想要将代码能过复用,下面我记录一下我在项目中实现该需求的方式文件目录如下: |-src |-compatible | index.js | getUserInfor.jsgetUserInfo.js用来获取本地用户信息: //获取用户本地信息const getUserInfo = function

2020-06-02 10:25:35

vue不是内部或外部命令的问题

如果在电脑安装了nodejs并且全局安装了vue-cli但是用vue-cli搭建项目的时候会出现如下提示:那么可能是你在配置电脑环境的时候把vue的默认环境给覆盖了,或者是误删了,然后就找不到了,那我们可以再给他重新配置一下,你可以重新再全局安装一下vue-cli的脚手架,这样你可以在命令行看见文件路径提示,你可以顺着路径找到你的vue.cmd文件,比如我的文件路径如下:然后复制这个路径,在此电脑打开属性的高级系统设置里面编辑系统环境变量的path添加刚刚复制的路径..

2020-06-02 10:24:18

获取当前浏览器的语言,关联i18n

IE 浏览器支持一个 navigator.systemLanguageIE版本低于11.0不支持“ navigator.language ”(这里)。所以没有办法获IE(<11.0)的语言。但IE支持“ navigator.userLanguage ”来获取OS语言火狐支持JS“ navigator.language ”来获取浏览器语言。所以我们可以使用JS来获得FF语言。Chrome有3种语言选择(更多详情请参阅此处) - “显示语言”,“拼写检查语言”和“网页语言”。该网页的语言由Chr

2020-06-02 10:23:06

localhost和本机IP127.0.0.1区别

localhost 就是一个域名,域名指向 127.0.0.1 ,两者是一样的。至于本机 IP,你可以理解为本机有三块网卡,一块网卡叫做 loopback(这是一块虚拟网卡),另外一块网卡叫做 ethernet (这是你的有线网卡),另外一块网卡叫做 wlan(这是你的无线网卡)。你的本机 IP 是你真实网卡的 IP,具体来说有线无线各有一个,而 127.0.0.1 是那块叫做 loopback 的虚拟网卡的 IP。操作系统解析网络地址是有优先级的。优先级最高的就是host查找,首先读取然后是net

2020-06-02 10:22:31

vue 的keep-alive的使用

ue官方推荐了几种使用方法,可也看看link我具体说说自己在项目中的使用,我采用的是$route.meta.keepAlive的方式来实现路由切换时,页面的缓存App.vue里面使用keep-alive,如下<template> <div id="app"> <keep-alive> <--! 需要缓存的--> <router-view v-if="$route.meta.ke

2020-06-02 10:21:41

module和events模块

1.V8引擎采用c++编写,nodejs底层也采用c++编写1.nodejs里面使用module将文件模块化,这很符合我们开发应用时的模块化思想 //a.js a //文件中实现某一些功能以后采用module将文件暴露,这里既可以暴露一个对象又可以暴露一个方法或者变量等等 module.exports = {} //b.js //在其它模块里面引用a模块时采用require const a = require('../a');no.

2020-06-02 10:20:52

微信扫码登录和登录以后的处理

微信登陆时前端展示二维码的方式(两种)1.前端采用js实例化一个二维码嵌入我们的HTML元素中(可以自定义样式)2.向后台发请求返回一个链接,这个链接指向二维码的扫描页面(不好修改样式)前端采用js实例化一个二维码//在<head>标签内添加如下js文件 <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>//id为login.

2020-06-02 10:20:15

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。