- 博客(13)
- 收藏
- 关注
RSS订阅原创 实现sb3文件在canvas画布上呈现（react，dva）
1、下载模块npm i scratch-vm scratch-render scratch-storage scratch-svg-renderer scratch-audio twgl.js -S2、创建MySb3Video组件import React, { Component, PureComponent } from 'react';import { Icon, message...
2019-12-31 17:31:58
2534
2
原创 JavaScript之性能优化
一、脚本应该放在页面元素代码之后页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或JavaScript的命名空间，它们会对后面页面内容造成影响。二、避免全局查找function search() { //当我要使用当前页面地址和主机域名 ale...
2019-12-23 15:38:58
1979
原创 如何优雅渲染dom节点
let container = document.getElementById('container')// 创建一个DOM Fragment对象作为容器let content = document.createDocumentFragment()for(let count=0;count<10000;count++){ // span此时可以通过DOM API去创建 let ...
2019-12-21 17:29:22
2166
原创 谷歌浏览器打开默认全屏打开指定网页，并可退出
1、桌面找到谷歌浏览器快捷方式，右键打开属性，目标后添加 --kiosk “https:www.baidu,com”2、js脚本退出浏览器if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) { window.location.href = "...
2019-12-21 09:24:17
3783
原创 websocket心跳重连机制
1、心跳重连的原因心跳和重连的目的用一句话概括就是客户端和服务端保证彼此还活着，避免丢包发生。websocket断开有两种情况：前端断开：在使用websocket过程中，可能会出现网络断开的情况，比如信号不好，或者网络临时关闭，这时候websocket的连接已经断开，而不同浏览器有不同的机制，触发onclose的时机也不同，并不会理想执行websocket的onclose方法，我们无法知道...
2019-12-17 16:53:24
4921
原创 新版Chrome http无法访问打开摄像头
新版Chrome可以通过本地地址访问摄像头，比如localhost。但是不能通过IP地址访问，比如192.168.1.99。而其它低版本的chrome工作都是正常的。这是因为，http协议的网站的安全原因，不能访问本地的摄像头想要访问摄像头，麦克风等必须使用https但是对于开发者们，这是不可原谅的，我们可以通过官方给出的以下方式启动摄像头右键点击Chrome桌面快捷方式，打开属性在...
2019-12-17 14:57:18
3912
原创 解决$.load跨域问题
如果用原生的AJAX是加载本地文件就不会出现错误。当然，这个jquery的load放在服务器上通过http加载还是支持的。也有例外比如在firefox和ie浏览器使用$.ajax加载本地html或txt文件时,不会报错。当其他浏览器控制台弹出下面报错，表明这个不支持跨域浏览本地文件Access to XMLHttpRequest at 'file:///F:/%E4%BB%A3%E7%A0%8...
2019-12-16 15:33:11
4988
原创 css3实现瀑布流
1、html代码<div class="box"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item">...
2019-12-13 16:02:14
1996
原创 用户长时间不操作，自动退出登录。
项目需求：用户超过5分钟没有任何操作，自动退出登录。直接上代码：$(function(){ // 监听用户长时间不操作后自动退出登录 let currtentTime = new Date().getTime(), lastTime = new Date().getTime() // 设置自动失效时长 const diff = 1000 * 60...
2019-12-12 15:26:56
7125
3
原创 解决右键打开新的标签页，sessionStorage失效。
问题：项目使用sessionStorage存储已登录用户的token和用户信息，当右键新打开标签页时，sessionStorage为空，需重新登录。需求：浏览器关闭时，清空用户所有登录信息，下次打开浏览器需重新登录。方法：我们将token保存在sessionStorage，并在每次请求服务器时将token放在请求头中来完成用户的身份认证。当用户关闭标签页，token会立即过期。问题来了，多标...
2019-12-12 15:19:25
9202
2
原创 react项目简单二次封装axios（满足项目开发）
1、cnpm i axios -S2、直接上代码（根据项目配置，自行更改代码）import axios from 'axios';import { notification } from 'antd';import $$ from 'cmn-utils';// 创建axios实例const headers = (function(){ let token = $$.getSto...
2019-12-11 16:05:48
3173
原创 react封装一个公用的video组件（video-react）
预览：1、cnpm install --save video-react react react-dom2、js代码（复制即用）import React, { Component } from 'react';import { Player, ControlBar } from 'video-react';import './index.less';/** * 视频播放组件 ...
2019-12-11 16:01:48
4441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人