1
Vue + element从零打造一个H5页面可视化编辑器——pl-drag-template

pl-drag-template Github地址:https://github.com/livelyPeng/pl-drag-template 前言 想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇之处有没有想过其实现方式呢?本文从零开始实现一个H5编辑器项目完 ...

simple-love @ 2020/03/26

2
浏览器跨域问题分析

浏览器的同源策略:协议相同、域名相同、端口相同。所有浏览器厂商遵循这种策略。 非同源(跨域)共有三种行为受到限制: cookie、localstorage、和IndexDB无法获取 DOM无法获取 ATAX请求不能发送 这种同源性会有效的阻止CSRF(跨站请求)攻击。 浏览器请求分为两种:(CORS ...

风中的猫 @ 2020/03/26

4
HTML5(五)Geolocation

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

小橘子ღ @ 2020/03/24

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

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

大沙漠 @ 2020/03/23

6
jQuery 事件

小白森 @ 2020/03/23

7
Vue-Router 源码分析(六) router-view组件的用法及原理

router-view是一个 functional 组件,渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的 <router-view>,根据嵌套路径,渲染嵌套组件 它只有一个名为name的props,这个name还有个默认值,就是default,一般情况下,我们不用传 ...

大沙漠 @ 2020/03/19

8
video动态设置宽高

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

陈莺莺呀 @ 2020/03/19

9
vscode格式化配置

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

webNick @ 2020/03/18

10
记录手机调起部分应用客户端

话不多说 调起手机短信 window.location.href = 'sms://' 调起手机微信客户端 window.location.href = 'weixin://' 调起手机电话 window.location.href = 'tel://' 短信如果需要指定收信人和短信内容的话 win ...

西红柿炒番茄拌土豆 @ 2020/03/18

11
ES6 - 基础学习(21): Generator 函数

ES6 新引入了 Generator 函数,可以通过 yield 关键字,把函数的执行流挂起,为改变执行流程提供了可能,从而为异步编程提供解决方案。 基本用法 Generator 函数组成 Generator 有两个区分于普通函数的部分: 一是在 function 后面,函数名之前有个 * ; 函数 ...

帝鸿琬琰 @ 2020/03/18

12
ES6 - 基础学习(22): async 函数

async async 是 ES7 才有的与异步操作有关的关键字,和 Promise , Generator 有很大关联的。 语法 async function name([param[, param[, ... param]]]) { statements } name: 函数名称。 param: ...

帝鸿琬琰 @ 2020/03/18

13
ES6 - 基础学习(23): 新编码规范

如何将 ES6的新语法,运用到项目实际开发中,与传统的 JavaScript语法结合在一起,写出合理的、易于阅读和维护的代码。 1、块级作用域 2、字符串 3、对象 4、数组 5、函数 6、解构赋值 7、Set、Map结构 8、Class 9、模块 10、ESLint 的使用 ...

帝鸿琬琰 @ 2020/03/18

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

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

大沙漠 @ 2020/03/16

16
ES6 - 基础学习(20): 模块化 导出与导入 补充

export 与 import的复合写法 模块的继承 跨模块常量 ...

帝鸿琬琰 @ 2020/03/15

17
ES6 - 报错整理(2): Uncaught SyntaxError: Cannot use import statement outside a module

在用 import命令导入模块时 控制台显示错误:Uncaught SyntaxError: Cannot use import statement outside a module 解决方法:在<script> 标签内添加 type="module" 属性。 <script type="modul ...

帝鸿琬琰 @ 2020/03/15

18
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 脚手架安装 ...

昜木辰deブログ @ 2020/03/14

19
ES6 - 基础学习(20): 模块加载的实现

1、浏览器加载 2、ES6 模块与 CommonJS 模块的差异 3、Node.js 加载 4、循环加载 ...

帝鸿琬琰 @ 2020/03/14