李二狗的博客

前端BUG架构师

Nuxt使用prettier和eslint格式化代码时提示Delete `␍`eslint(prettier/prettier)

在项目根目录下的.prettierrc文件中写入即可 "endOfLine": "auto" prettier Why do I keep getting Delete ‘cr’ [prettier/prettier]?

2019-08-22 18:05:28

阅读数 292

评论数 0

nodebb Apache配置ssl导致websocket/wss失效(400)解决方案

请确保apache 最低版本2.4以上 参考官方proxy文档 配置443端口 Configuring Apache as a proxy <VirtualHost *:80> ServerName www.example.com Serve...

2019-08-10 10:38:17

阅读数 25

评论数 0

Threejs + Videojs/原生video/第三方播放器 实现全景视频/全景直播播放DEMO

原理 原理其实很简单,做过全景图的同学都知道,球模型+全景图片贴图。 全景视频/全景直播就是 球模型+全景视频素材 。 至于播放器样式,可以自己用Js+Dom自定义,或者更改videojs的样式 即便你是用原生video也是可行的 threejs官方demo就是原生video标签。 本...

2019-06-03 13:23:51

阅读数 609

评论数 0

vue/react使用JSDoc、jsconfig.json 完成vscode对于webpack的alias引入的js方法的提示

TS有个好处就是你引入方法会告诉你参数是什么类型返回什么类型 首先你需要阅读JSDoc的文档和jsconfig.json的配置,你也可以百度下中文的文档 比如我的webpack的alias配置如下, common中是我的公共方法 chainWebpack: config =&gt...

2019-04-27 15:22:57

阅读数 526

评论数 1

vue-particles IE报错babel不能转es5的折中解决方案(vuecli3如何给js设置loader的include)

报错因为babel没有转 不同的vue-cli有不同的将该插件加入到babel中的方法 在vue-cli3中 const path = require("path"); const resolve = function(dir) { return path....

2019-03-11 14:07:04

阅读数 749

评论数 0

React-Router4 嵌套路由实现的两种方式以及路由过渡动画的实现方式

刚学习react的路由 一个小的后台管理demo 目录结构 // 后台管理页面通常有两种布局方式 // 一种是没有导航栏的 登录页面 // 一种是含有导航栏的 各功能性页面 // 导航栏不需要每次都渲染 Layout中含有导航栏 和 传递进来的子组件即可 // 大致思路就是 ...

2019-03-08 09:38:54

阅读数 394

评论数 0

Vue使用百度分享,组件切换、销毁分享失效的解决办法

销毁分享组件,再重新建立分享组件,发现分享按钮不见了 查了一些资料 什么 重设config啥的 都不行 后来发现了init方法 顾名思义 重新初始化一下就行了 也不要重新去添加标签 使用百度分享的init方法 /* eslint-disable */ export default { moun...

2019-01-03 14:13:52

阅读数 489

评论数 0

JS判断浏览器是否缩放(参考斗鱼源码)

// 翻斗鱼的源码看到的 define("douyu/com/zoom", ["jquery", "shark/observer", &a...

2018-12-15 14:35:31

阅读数 367

评论数 0

静态页面、伪静态页面、SPA、SSR、预渲染之间的联系

写在前面,本文是我查阅资料得出的粗略理解,如有不对请指正,感谢! 查阅资料得知 爬虫对URL和查看网页源码时候查看到的DOM结构有很强的依赖关系 SPA页面众所周知查看网页源码后,除了你写的index.html里面的内容 没有生成的真实DOM结构(通过JS动态增删,部分搜索引擎拿不到这些)...

2018-12-04 11:00:38

阅读数 451

评论数 0

Vue使用highCharts的仪表盘等扩展

<template> <div> <div id="highCharts" style="width: 4...

2018-05-25 20:39:42

阅读数 1241

评论数 0

VUE使用viewerJS

viewerjs —- github 传送门 import viewer from 'viewerjs' // 取得css文件 我这个写法很low import '../../../../node_modules/viewerjs/dist/viewer.min.css' export...

2018-05-10 17:28:10

阅读数 7828

评论数 2

解决在Iframe中切换页面闪动的问题

很简单 那就是——加入淡入动画! css中给body设置opacity body{opacity: 0; transition: opacity 0.2s}body.active{opacity: 1} js中让body显示 $('body').addClass('active'...

2018-03-02 14:22:33

阅读数 4223

评论数 2

项目中遇到的坑和注意点 总结 持续更新

gitHub地址: 传送门 工作中遇到的坑和思考 有不同意见欢迎指正交流 前排推荐 https://github.com/topics/javascript 关注JS开源框架动态 1. ajax请求的结果要和后端约定好返回的数据格式。 - 比如:成功与否co...

2018-02-07 15:00:38

阅读数 176

评论数 0

BFcache

BFcache H5浏览器和webview后退缓存机制(转载) http://www.jianshu.com/p/1557c4b737e1 You Do Not Understand Browser History http://madhatted.com/2013/6/16/you-d...

2018-02-05 10:03:18

阅读数 344

评论数 0

手把手教你利用前端字体文件(.ttf)混淆数字来阻止爬虫爬取网站数据

利用字体文件混淆数字 展现给用户正确的数字 而在dom结构中是混淆的数字 看的是对的 但是爬到的确是错的 前端防爬虫!

2017-12-21 15:54:50

阅读数 5202

评论数 9

前端JS将文字替换成伪类标签防爬虫的一个方法

话不多说 思路就是 把重要的信息转换成伪类标签 显示出来 把原有的文字删除 本来还担心替换成伪类标签后字体什么的会改变 伪类标签很好的继承了样式 上代码/** @param {String} -- cls 当前要替换的标签名 比如我要替换所有p 标签下的 span 的字为伪类标签 就...

2017-12-13 17:26:16

阅读数 1595

评论数 2

VUE+Webpack 实现懒加载的三种方式

第一种 引入方式 就是正常的路由引入方式const router = new Router({ routes: [ { path: '/hyh', component: hyh, name: '...

2017-12-06 09:24:24

阅读数 11209

评论数 0

JS(JQ)实现table表格固定表头且表头可以随横向滚动而滚动

先看一张效果图 思路: 1、头部用一个table并用一个div包裹着, 表格的具体内容用一个table 2、头部外面的div用positon: relative相对定位 3、获取整个表格的高度 4、获取表格的dom(或者包裹着表格的dom)距离页面顶部的距...

2017-10-25 21:28:59

阅读数 5943

评论数 0

css实现 display: none和display: block的切换动画

话不多说先上代码.index-detail-list .item-contain{ display: none; overflow: hidden; padding: 14px 14px 9px; border: 1px solid #ececec; } ...

2017-10-19 09:33:35

阅读数 13896

评论数 2

webpack3.x 多入口打包的简单配置

webpack webpack配置 javascript

2017-08-10 11:38:16

阅读数 876

评论数 0

提示
确定要删除当前文章?
取消 删除