![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Larru-Sun
这个作者很懒,什么都没留下…
展开
-
微信支持H5跳转App、跳转小程序
继小程序灰度测试分享朋友圈刷屏后,滴滴滴,这...闲着也闲着,顺藤摸瓜点了进去,好家伙,产品小姐姐写这个文案还是太含蓄了,我猜有可能是老干妈还没吃够根据刀哥多年写代码要看文档的经验来看,证实了这次更新不仅支持了打开小程序,连app也顺带支持了,这个信息量着实有点大下面让我们一起来看文档新增开放标签定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验有哪些开放...原创 2020-07-15 22:45:48 · 1596 阅读 · 2 评论 -
如何精确统计页面停留时长
1.背景页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景。基于上述背景,重新调研和实现了精确统计页面停留时长的方案,需要 兼容单页应用和多页应用,并且不耦合或入侵业务代码。2.分析我们可以把一个页面生命周期抽象为三个动作:「进入」、「活跃状态切换」、「离开」如下图,计算页面停留时长既如何监控这三个动作,然后在对原创 2020-07-10 09:30:24 · 736 阅读 · 0 评论 -
伟大的虚拟DOM到真实DOM的过程
虚拟DOM大家都不陌生,最近本人也捎带研究了一下略带收货,在这里简单记录下,做个备忘1、什么是虚拟DOM以及虚拟DOM的表达虚拟DOM简而言之就是,用JS去按照DOM结构来实现的树形结构对象,也就是一个JS对象而已。那么什么样的对象才能比较匹配的上dom结构呢?来看一下如下图所示的dom结构<div class="list" style="color: red;"> ...原创 2020-05-05 10:53:58 · 1903 阅读 · 1 评论 -
详解生成器和迭代器的执行顺序
在倒腾生成器和迭代器的时候说实话被绕的晕乎乎的,现在总算是弄明白了一点,在这简单记录下,防止忘记简单代码如下:(代码很简单,定义一个普通函数fn,一个生成器Ifn) let fn = () => { console.log('fn执行了'); return 'fn return出来的' } function* Ifn(w) {...原创 2020-05-03 11:08:31 · 587 阅读 · 0 评论 -
vue cli3.0搭建一个多页面全过程
最近项目中需要用到vue搭建多页面,折腾了一会基本框架算是出来了,在这里简单的记录下备忘。首先我们得搞懂什么是多页面。我们都知道vue是典型的单页面应用,也就是只有一个入口文件(main.js和app.vue和index.html),所有的路由都是基于这个入口文件来跳转的,因此也可理解为这个入口页面的子页面吧。这样我们就好理解多了。因此可以这样理解,一个入口文件(main.js和app.vu...原创 2020-03-05 17:14:46 · 3234 阅读 · 1 评论 -
javascript面试题,关于连续赋值let a = {n: 1}; let b = a; a.x = a = {n: 2}; 的坑?
目录一、问题引入二、JavaScript的内存机制三、面试题详解四、总结一、问题引入首先来看一段代码let a = {n: 1};let b = a;a.x = a = {n: 2};console.log(a.x);console.log(b);//两个console分别打印出什么值?许多面试题中我们都见到过他。让我们打开控制台输入代码看...原创 2020-01-12 12:01:33 · 5750 阅读 · 4 评论 -
VUE双向绑定原理及其源码的简单分析(上)
在不少面试中都有涉及到VUE双向绑定原理这个问题,于是便简单研究了一下,在这里简单的记录下自己的学习心得,小白初识VUE,若有错的地方请各位大佬提出,一起进步。首先来段代码看看这神奇的双向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...原创 2020-01-10 16:30:47 · 452 阅读 · 0 评论 -
使用vuedraggable实现拖拽排序功能
最近项目中要使用到拖拽功能,于是使用了vuedraggable快速实现,简单记录下使用方法备忘(此插件和sortable.js和awe-dnd很相似)1、安装插件:cnpm i vuedraggable -save2、引入import draggable from 'vuedraggable'3、使用html部分 <draggable v-mod...原创 2020-01-04 15:33:05 · 1210 阅读 · 0 评论 -
Aliplayer 播放器的使用(支持直播,点播、录播,视频播放等功能)
最近公司需要写一个简单的直播H5,作为前端播放器第一选择当然是video.js了。可是样式是在无法忍受,而且有些交互也不太友好。无奈继续寻找更加合适的播放器,阿里的Aliplayer便是一个不错的选择 ,简单记录下使用方法,备忘。(所有环境都在vue基础上搭建的)一、引入对应的文件,在index.html中引入如下:<script src="https://g.alicdn...原创 2019-12-28 19:00:44 · 11780 阅读 · 1 评论 -
vue项目内使用html2canvas进行截图并下载
近期要实现一个海报生成的功能,倒腾大半天最后使用了html2canvas实现,简单的记录下备忘环境:vue +html2canvas安装依赖:npm install --save html2canvas使用 :html部分:<div id="register"> <h1>我的海报</h1> ...原创 2019-12-12 22:27:59 · 1103 阅读 · 0 评论 -
CSS实现时间线样式
在项目中要实现一个时间线,找了半天的插件感觉没啥合适的,于是便百度撸了一个纯CSS实现的模仿layuicss代码如下: ul,li { /*做时间轴的线*/ margin: 0; padding: 0; } .layui-timeline { p...原创 2019-11-19 18:01:30 · 3217 阅读 · 0 评论 -
ES6中Class的一些基本用法
最近心血来潮倒腾了下ES6的Class,记录下它的一些简单用法备忘(所有代码均运行在vue 环境)class类的构建构建新建一个people.js文件,在people.js中写入代码如下export default class People{ constructor(name,age){//new People时候会调用 this.name = ...原创 2019-10-14 17:07:02 · 1804 阅读 · 1 评论 -
windows环境下搭建git远程仓库用于局域网内团队开发
在很多情况下我们需要搭建一个局域网的仓库供我们内部写作开发使用,现在就来简单的记录下使用git来搭建一个局域网的远程仓库步奏模拟如下情景:A电脑用于存放git远程仓库,用于存放大家的代码文件,B、C、D.....多台开发电脑并将自己的本地仓库代码提交到A电脑的远程仓库,默认所有电脑都安装了git。首先搭建我们的远程仓库:远程仓库搭建十分的简单。其实就是创建一个裸仓...原创 2019-09-28 13:13:31 · 5116 阅读 · 0 评论 -
node+express+redis的简单应用(将Session存放到Redis中)
近期在倒腾redis,虽然简单,但是还是记录下,防止以后忘记环境:node+express+redis一、安装redis需要用到的模块(此处省略node和express环境的构建)cnpm install redis --savecnpm install connect-redis --savecnpm install express-session --savecnp...原创 2019-09-10 17:06:31 · 1935 阅读 · 0 评论