前端博学了没
文章平均质量分 52
girljeremy
这个作者很懒,什么都没留下…
展开
-
MediaSource 实现视频流分片快速加载
直接加载视频资源会有视频资源泄露的风险,用视频流分片加载可以快速加载视频,并且避免视频资源泄露。视频资源是MP4格式。原创 2023-12-11 15:09:37 · 867 阅读 · 1 评论 -
package.json与package-lock.json的版本不一致原因
意思是下载依赖时默认更新当前大版本下的最新版本,实际上在。可以修改package.json,手动去掉版本号前面的。插件名及其版本号,但是版本号前的。,达到固定下载的插件版本的目的。会自动插入一条,默认显示。插件时的指定版本时,原创 2023-02-10 09:30:55 · 1974 阅读 · 1 评论 -
tinymce富文本组件的主动赋值
tinymce组件的可实现自定义富文本,同时也要实现将数据插入到组件文本域中。通过tinymce.activeEditor.setContent(val)给组件赋值原创 2023-02-09 11:12:39 · 1286 阅读 · 0 评论 -
video增加水印,全屏不遮挡
但是使用video播放器自带的全屏按钮全屏时,水印图层不显示,这是因为播放器自带的全屏按钮全屏时仅将当前video标签全屏,并置于页面最顶层。无法通过z-index修改层级;原创 2023-02-09 10:54:13 · 1838 阅读 · 2 评论 -
切换el-tabs标签不显示子组件tinymce原因
在使用el-tabs时,每个tab页都有一个tinymce组件,并且满足自定义增加、减少tabs标签;原创 2023-02-08 11:20:53 · 573 阅读 · 0 评论 -
不同请求方式get,post,put,delete请求的区别
不同的业务场景会使用不同的请求方法,HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD 方法。HTTP1.1 新增了六种请求方法:OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。原创 2022-10-14 11:01:08 · 333 阅读 · 0 评论 -
前端优化 ---- 从编码、缓存、打包与兼容性几个方面讨论
我们在做项目交付时,不仅要实现业务逻辑还要注重用户体验,当项目规格越来越大、浏览器不断的升级、越来越严峻的市场竞争,我们最初的设计可能会存在页面加载缓慢、白屏、低版本浏览器的兼容性等问题。针对这些问题我们总结出一系列前端优化方案。...原创 2022-07-27 11:04:08 · 240 阅读 · 0 评论 -
如何解决前端跨域问题 ----- 通过CORS、NGINX、JSONP解决
本文主要提供三个方式来解决跨域问题,分别是服务端配置`Access-Control-Allow-Origin`、反向代理、JSONP原创 2022-07-21 23:03:24 · 875 阅读 · 0 评论 -
hybrid手机端无法自动播报音频问题
项目场景:实现数字人自动语音播报。使用的是微软的Speech SDK TTS问题描述在浏览器中可以实现语音播报,到hybrid手机端无法自动播报。在手机端可以通过主动点击等可以实现语音播报。原因分析:1.认为是微软Speech SDK不支持,但在手机上执行TTS的Demo运行没问题,可以正常播报。排除。2.由于浏览器策略,浏览器不允许自动播报音视频媒体。浏览器为了提高用户体验,减少数据消耗,chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音视频的自动播放功能,无用户交互的情况原创 2022-05-12 11:48:41 · 158 阅读 · 0 评论 -
JS通过import进入本地资源404报错disallowed MIME type (“text/plain“),响应头包含“X-Content-Type-Options:nosniff“
项目场景:提示:这里简述项目相关背景:部署在web服务的前端工程,在通过import加载资源时报错。问题描述响应头中返回:X-Content-Type-Options:nosniff控制台报错:disallowed MIME type ("text/plain")如图:引入该文件的方式为:import { FontLoader } from "/scriptsvrm/FontLoader.js"这种写法在本地NGINX启动以及部署到客户端加载都没有问题,仅在部署在web服务时报这个错误原创 2022-04-15 14:29:16 · 3417 阅读 · 0 评论 -
webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏问题
webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏项目场景:问题描述:原因分析:解决方案:项目场景:用户为iPhone7 iOS10.3.3手机,内存32G,剩余可用内存180多M。混合开发app。问题描述:1.使用混合开发app打开Phone7 iOS10.3.3手机H5离线包时,页面白屏,用户反应是在我们最近版本发布后出现的问题,之前可以正常使用。2.测试过程中其他手机型号(安卓、iOS)没出现过问题。3.本地运行时可以在该手机上显示,打完包后无法显原创 2022-02-16 12:02:27 · 1408 阅读 · 0 评论 -
vue双向绑定不生效、对象中的属性值发生改变页面不会重新渲染问题解决办法
文章目录vue双向绑定原理方法一 增加一个基本类型的变量方法二 使用整体对象替换方法三 使用vue文档提供的方法vue双向绑定原理vue深入式响应原理,当我们在data中声明变量对象,Vue 将遍历此对象所有的 property(如下面的person,list,school,score),并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。<div v-for="(item,index) in list" :k原创 2021-11-18 16:32:39 · 5345 阅读 · 0 评论 -
vite+vue 启动报错
按照官网的流程来1.新建工程2.下载依赖3.然后把改工程拖到vscode中,在vscode中新建终端启动,然后就报错,报错如下:JeremyMacBook-Pro@liu:~/Documents/Learn/myVite#yarn devyarn run v1.22.10warning package.json: No license field$ vite > error: Cannot read directory "../..": operation not permitted原创 2021-09-08 15:54:45 · 3157 阅读 · 3 评论 -
vue工程px转rem,postcss-px2rem插件的使用,移动端适配方案
vue工程实现px转rem使用px单位在不同宽高比设备上显示样式比例有差异,rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。可以使用rem实现自适应。postcss-px2rem:是可以将代码中px自动转化成对应的rem的一个插件.先安装插件npm i postcss-px2rem --save -dev在工程的vue-loader.conf.js中配置插件。'use strict'const utils = require('./utils原创 2021-08-06 10:32:21 · 856 阅读 · 0 评论 -
vue3.0初试
vue3.0初试vue3.0引用方式vue3.0渲染vue3.0引用方式vue3.0练习,可以采用cdn引用和本地引用。cdn引用走的是国外的地址加载略慢。遂采用本地引用方式。vue.global.js下载地址<head> <meta charset="utf-8" /> <title>vue3.0初试</title> <!-- 国外cdn方式引入vue3.0 会保持和 npm 发布的最新的版本一致 -->原创 2021-07-09 16:02:55 · 102 阅读 · 0 评论 -
weex的setTextFormatter属性限制input输入内容,onchange方法+replace实现少数民族姓名正则
weex实现少数民族姓名正则少数民族的姓名中间带点‘·’,比如热巴全名 迪丽热巴·迪力木拉提要求:1.允许输入汉字、任意格式的圆点,圆点只能出现在汉字中间;2.不允许输入原点以外的其他特殊字符、不允许有数字、字母、空格;3.姓名总长度长度50个字符(25个汉字) ;4.任意格式的原点统一由系统转译为·(中圆点)后存储,姓名反显统一使用·(中圆点);使用weex提供的setTextFormatter属性限制ref对应的输入框允许输入的内容://限制输入内容//formatR原创 2021-03-26 10:45:54 · 725 阅读 · 0 评论 -
weex image标签展示长图 动态获取图片大小 安卓图片显示失真情况分析
用weex的image标签来显示长图片(类似微信公众号的长图)遇到的问题问题一:Weex官网上的image标签的load方法可以在加载图片的时候获取图片到图片的大小。但是这个load方法只支持iOS,在Android设备上不适配,走不到load方法里面。为了解决Android获取不到图片的宽高问题,请Android同事写了一个方法,调用该方法获取图片的宽高。问题二:接下来我们将动态获取到的图片大小,再动态赋予到image标签中的图片样式上,在iOS上显示无问题,在Android上图片加载有时图片显示失原创 2020-07-03 19:36:55 · 691 阅读 · 0 评论 -
CSS的定位属性Position解析
position属性是最基础、最常用的页面布局属性之一,那么position属性都有哪些值呢?每个值都是什么意思呢?原创 2020-06-08 19:08:11 · 329 阅读 · 0 评论