js
粥粥_
这个作者很懒,什么都没留下…
展开
-
JavaScript 字节流转图片显示
需要在前端接受后端传过来的字节流然后显示// 字节流转图片export function formatByte2Img(data) { let blobUrl = '' const bytes = new Uint8Array(data) const blob = new Blob([bytes], { type: 'image/png' }) blobUrl = (window.URL || window.webkitURL).createObjectURL(blob) return blo原创 2022-03-03 10:38:19 · 4198 阅读 · 0 评论 -
H5解决移动端rem加载瞬间页面错乱的方法(放大或者缩小)
页面在加载未完成前会出现瞬间错乱的现象,虽然时间不算长,但是肉眼可见,必须解决我们知道页面加载顺序通常是”从上往下”加载的,所以在内容区域,也就是body以及body包含的DOM还未被浏览器遍历之前,我们就应该将html的font-size计算好。所以我们应当把计算字体的js放在body之前<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport"原创 2021-06-10 09:48:44 · 862 阅读 · 0 评论 -
EasyExcel快速实现前端导出(前端)
export1(){ axios.get(`/api/medical-live/logininfor/export`, { params: {}, contentType: 'application/json', cache: true, responseType: "blob" }).then((res) => { const link = document.createElement("a");原创 2021-06-07 15:08:52 · 2621 阅读 · 0 评论 -
JS前端获取用户的ip地址、所在地的方法
我的项目需求是登录的时候通过header传输登录所在地<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>document.write(returnCitySN["cip"]+','+returnCitySN["cname"])// 登录export function login(data) { return request({ // returnCitySN["cip"] hea原创 2021-06-03 14:09:04 · 639 阅读 · 0 评论 -
$nextTick使用场景和原理
为什么使用nextTick由于Vue DOM更新是异步执行的,即修改数据时,视图不会立即更新,而是会监听数据变化,并缓存在同一事件循环中,等同一数据循环中的所有数据变化完成之后,再统一进行视图更新。为了确保得到更新后的DOM,所以设置了nextTick()方法。使用场景1.获取数据更新之后的DOM2.created()中进行DOM操作3.获取元素宽度<template> <section> <div ref="hello"> <h原创 2021-04-09 14:01:14 · 2352 阅读 · 0 评论 -
输入手机号格式344展示形式(只允许数字)
我的项目中有多出需要输入手机号,我封装mixins里telphone.js,控制手机号344展示格式,代码如下:export const telphone = { data(){ return { threephone: '', userInfo:{ phone } } }, watch: { threephone (newValue,原创 2020-11-17 09:35:43 · 1564 阅读 · 1 评论 -
vue 中 自定义视频video
自定义视频进度条、音量、选集、全屏功能利用HTML5 Audio/Video 事件给出的事件<video :src= videoingurl ref="myvideo" @canplay="getTotal" @timeupdate="timeupdate"></video>timeupdate:监控视频当前播放的时间控制进度条timeupdate() { if(this.myvideo.currentTime == this.myvideo.duration){原创 2020-10-27 15:22:04 · 2527 阅读 · 2 评论 -
javascript 中 this指向问题
this 永远指向函数运行时所在的对象,而不是函数被创建时所在的对象。单独的this、全局中的this 指向的是windowseg:console.log(this); // this -> windowfunction test() { console.log(this); // this -> window}test();严格模式下。this指向undefined;eg:function test() { 'use strict'; console.log(thi原创 2020-10-26 13:44:46 · 165 阅读 · 0 评论 -
参数序列化
// 参数序列化 Vue.prototype.seParams = (obj) => { // 该方法会把值为0 的项过滤掉 // 如果所有项都会空 则不会返回 ‘?’ var str = '' for (var key in obj) { var item = obj[key] if (item !== null &&原创 2020-09-28 14:18:58 · 896 阅读 · 0 评论 -
原生js实现图片懒加载
最近在做项目,加载图片量太大,导致整个网站加载很慢,找到这个这种方案<!-- * @Author: Zhoumm * @Date: 2020-09-23 16:55:10 * @LastEditors: Zhoumm * @LastEditTime: 2020-09-23 17:05:56--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">翻译 2020-09-23 17:10:24 · 87 阅读 · 0 评论 -
2020.07.08前端
1.var、let、const;Js作用域:全局作用域、函数作用域。没有块作用域概念;es6新增块作用域,块作用 域用{ }包括;var:定义变量,没有块的概念,可以跨块访问,不能跨函数访问,不初始化undefined,不会报错 letlet:定义变量,只能在块作用域里访问,不能跨函数访问,对函数外无影响 constconst:定义常量,只能在块作用域里访问,不能跨函数访问,使用时必须初始化(赋值),并且不可以修改2.js数据类型基本数据类型(5):String 、Number、Und原创 2020-08-07 18:01:51 · 174 阅读 · 0 评论 -
前端性能优化-节流(throttle)和防抖(debounce)
1.函数防抖和节流是优化高频率执行js代码的一种手段,js中的一些事件如浏览器的resize、scroll,鼠标的mousemove、mouseover,input输入框的keypress等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能“节流”与“防抖”的本质:这两个东西都以闭包的形式存在。它们通过对事件对应的回调函数进行包裹、以自由变量的形式缓存时间信息,最后用 setTimeout来控制事件的触发频率。2.什么是节流?节流就是在让函数在特定的时间内只执行一次转载 2020-06-09 16:01:44 · 342 阅读 · 0 评论