HTML5(五)Geolocation

HTML5 Geolocation 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 注意: Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确 ...

jQuery 事件

事件注册单个事件注册语法: $('div').click(function () { 处理的事情 })$('div').click(function () { $(this).css('backgroundColor', 'red') });$('div').mouseenter(function ... ...

Vue-Router 源码分析(七) VueRouter.push()的详解

通过VueRouter实例的push()操作,可以进行路由跳转,对于<router-link/>组件来说,它绑定的是click事件,最后也是通过执行push()方法来进行路由跳转的。 对于push()方法来说,一共可以传入三种形式的参数: 字符串形式,值为路劲 含有name的对象形式,可以搭配par ...

video动态设置宽高

video视频是通过编辑器在后台上传的,上传视频时编辑器要求必须传入视频的宽高,而且必须是数字,不能是百分比 实在太不智能了,传具体数字怎么适配各种型号的设备呢??? 在前台显示视频的时候,所有的video标签都有设置好的width和height属性 我首先移除了视频设置的宽高属性 $(functi ...

vscode格式化配置

一、安装常用插件: Ctrl+shift+x打开应用商店搜索这几个插件安装即可 Beautify、Eslint、Vetur 二、setting.josn配置 文件-首选项-设置-在setting.josn中编辑,打开这个setting.josn文件后将下面配置复制即可 { // tab 大小为2个空 ...

Vue-Router 源码解析(五) router-link组件的用法及原理

该组件支持用户在具有路由功能的应用中(点击)导航,默认渲染成带有正确链接的<a>标签,可以通过tag属性生成别的标签。 它本质上是通过在生成的标签上绑定了click事件,然后执行对应的VueRouter实例的push()实现的,对于router-link组件来说,可以传入以下props: to 表示 ...

JavaScript双重循环的嵌套

JavaScript双重循环的嵌套之逆战班系列 循环嵌套 循环的嵌套就是一个循环体内又包含另一个完整的循环结构。如图: 它的执行顺序为由外到内,外层循环执行一次,内层循环将完整的执行一次。外层循环内的循环体执行完后,返回外层循环继续执行,直到外层循环结束。 运用:使用循环嵌套输出正反金字塔代码图: ...

Vue获取DOM,数据监听,组件,混合和插槽

Vue获取DOM,数据监听,组件,混合和插槽 注:“:” 是指令 “v bind”的缩写,“@”是指令“v on”的缩写;“.”是修饰符。 Vue获取DOM 给标签加ref属性:ref="my_box" 获取:this.$refs.my_box; computed:计算属性,放的是需要处理的数据 数 ...

Vue开发--脚手架的搭建

1、安装好Node.js 2、命令台 node -v 确认版本 3、全局安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 4、命令台 cnpm -v 5、命令台 cnpm i -g @vue/cli 脚手架安装 ...

Vue-Router 源码解析(四) $router和$route的区别

对于Vue内部来说,不管是根组件还是子组件,都存在this.$router和this.$route两个属性,它们的区别如下: $router 指向当前的VueRouter实例,也就是new Vue({router:router})这里传入的router实例对象,可以使用上一节里列出的VueRoute ...

新肺炎Api调用大师,新疫情Api调用

最近闲的没事做,就在网上找了找关于最近疫情的Api,个人打算是随便弄一下给家里人好查看新肺炎。(重点随随便便搞的加起来的时间搞这个还不到一个小时) 天行数据Api:https://www.tianapi.com/ Demo:https://demo.0vov.com/xfy.html github: ...

canvas中的渐变

线性渐变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px solid pink;} </style> </head> <bo ...

canvas图形变换

平移 translate(x,y) 注意平移的是坐标原点,而不是线条本身 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px s ...

<1···8910···18>