前端版本更新技术方案 背景 公司的移动端和PC端，分别是angular和vue库开发的项目，每次在打包发布新版本后，用户都需要手动刷新页面获取最新代码或样式，否则发布的最新的js\css\image等资源文件得不到更新，为解决此问题对两个项目做了以下改造； 技术方案说明 项目在打包时利用插件生成一个时间戳作为版本信息，打入到一个json文件里 前端路由拦截器里监听到路由变化时，请求这个json文件，和本地的loca 2023-12-22 Web开发 JavaScript Vue
关于Chrome新版浏览器存储分区的技术前瞻（2023.10） 背景 事件说明：2023.10.25，第三方学习平台报障，PC端的报告页新开tab查看报告详情，被跳转到了登录页，用户在不登录的情况下无法查看报告详情。排查过程：部分同事电脑的Chrome可以正常跳转，部分电脑的Chrome不可以，第一时间发现是版本不同，然后发现在浏览器存储里，低版本的Chrome（106.x）和高版本的Chrome(118.x)上显示有差异，在当时不确定具体原因的情况下做了如下 2023-10-30 Web开发 Chrome
SCORM入门学习记录 SCORM文档：https://scorm.com/scorm-explained/technical-scorm/ 1. SCORM1.2规范SCORM是”Sharable Content Object Reference Model（可共享课程对象参考模型）”的缩写，是由ADL组织所拟定的标准。已作为全世界通用的标准规格。 SCORM规定一个标准的课件包应满足以下条件： 打包成ZIP文件。 在 2023-07-26 Web开发 SCORM
WEB技术调研：【视频切片+播放】 源码地址此次调研的源代码已放在GitHub，欢迎访问：https://github.com/wenkil/video-m3u8-demo 调研背景SCORM视频包通常会将一些图片、视频资源直接放到包内提供，从公司产品角度需要考虑内容的传播和使用，比如直接打开包内找到视频的mp4文件，自己存下来或转播给其他人的操作是不被允许的，这时候需要借助一些手段来做一层防护，防止用户直接拿走mp4格式的视频资源 2023-03-12 Web开发 Vue FFmpeg M3U8
虚拟机首次安装centos系统常见问题 虚拟机首次安装打开centos 系统后的一些常见问题 1.无法查看ip（原因：网络配置没打开） vi /etc/sysconfig/network-scripts/ifcfg-ens33 ONBOOT=no 改为 ONBOOT=yes 然后运行service network restart 重启网络 这个时候使用 ping www.baidu.com 测试网络是否可用 然后输入命令 ip a 2022-05-10 Linux Centos
Centos系统基础环境搭建：部署node项目和前端项目 Nginx 安装先安装依赖： //安装gcc yum install -y gcc-c++ //安装PCRE pcre-devel yum install -y pcre pcre-devel //安装zlib yum install -y zlib zlib-devel //安装Open SSL yum install -y openssl openssl-devel 然后创建ngin 2022-05-10 Web开发 Linux Centos
Object.defineProperty的基本使用 如何实现一个对象属性监听？var data = { a: 1, b: { b1: 2 }, } 一个简单的对象，如何在改变它的某个属性值是监听得到当前属性,例如： 对某个元素进行操作时打印set xxx = xxx data.a = 'a' //set a = a data.b.b1 = &# 2021-11-19 编程语言 JavaScript
【转载】 使用vue init webpack 创建项目，打包后在 github.io上无法运行 参考博客：https://www.cnblogs.com/auto-ajax/p/14051141.html 修改config.index assetsPublicPath: '/', 改为 assetsPublicPath: './', 修改webpack.prod.conf.js 在output下增加 publicPath:'./' 2021-10-13 Web开发 Vue Webpack
Vue 拖选表格: 模拟排班功能 演示在线访问: https://wenkil.github.io/drag_table_demo (请使用PC端打开)预览 源码<template> <div> <div style="margin: 30px 0; text-align: right;"> <el-button @click=" 2021-10-12 Web开发 Vue Element UI
windows下安装nginx配置接口转发 背景前后端联调接口时，需要连接后端大佬本地程序进行联调；有时需求多时，可能会与多个不同地址本地调试，前端每次都得重新配置代理重新运行项目。为了解决快速调试问题，直接在本地起个nginx代理接口转发，这样每个前端项目只需要监听一个端口就可以了，api地址也只需要在nginx配置一次， 简直爽歪歪，谁用谁知道~~~ 前端配置监听自己本地9001端口即可 proxy: { [pro 2021-09-15 Web开发 Nginx