前端周刊：2022-9 期
前端周刊：2022-9 期 前端开发 网络视频的防盗与破解 网络视频（Web 视频）是指利用 HTML5 技术在浏览器中播放的视频，这类视频资源通常可以被随意下载，某些行业（比如教培行业）如果希望保护自己的视频资源不被下载，就需要对视频做防盗链处理。 Vue 组件复用问题的一个解决方法 关于 vue ...
React中Props的详细使用和props的校验
props中的children属性 组件标签只用有子节点的时候,props就会有该属性; children的属性跟props一样的,值可以是任意值;(文本,React元素,组件,函数) 组件: <ClassCom> 传递的数据 </ClassCom> 这样的组件标签中就会有子节点 props中的ch ...
记一次前端CryptoJS AES解密
1.背景 业务需求，需要联动多个平台，涉及到各平台的模拟登录。 已知加密前明文且正常登录。（无验证码要求） 某平台验证验证方式为.\login接口POST一串json字符串 { "account": "********", "password": "uR+dmpMdF9MRXfkBG3wQ+w==" ...
浏览器打开任意可执行exe文件方法
思路：通过注册表注册自定义URL协议执行bat脚本，将文件路径作为参数传入 环境：win10 前置问题与条件 问题1：可以从浏览器直接打开可执行文件吗？ 答：不能。其实可以通过 ActiveXObject 实现软件直接打开，但是它是不安全的，并且现在被大多数现代浏览器禁止，只能在 ie 使用。而通过 ...
ECharts 引入中国地图和区域地图
一，引入中国地图 <div id="chinaMap"></div> import china from 'echarts/map/js/china.js' export default { data() { return { myChart: {}, echarts:echarts, }; }, ...
CSS 技术
浏览本篇文章前可以先看之前的前端网页介绍和html常用标签以便更容易理解 本文目录： CSS相关查阅文档：https://kohler.lanzouo.com/i0XFcz8svob 文档截图 CSS 技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一 ...
文字轮播与图片轮播？CSS 不在话下
今天，分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样： 看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？ 我们来简单分析分析，从表面上看，确实好像只有元素的 transform: translate() 在位移，但是注意，这里 ...
【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)
一.部署到阿里云服务器 既然博客也已经成功在本地部署，然后主题也成功安装，接下来就可以部署到服务器上面了，如果你也想要魔改matery主题，可以去各种博客上面找一找大佬的教程，或者联系我，也可以让你少走一些弯路(❁´◡`❁)。 1.部署到服务器需要做的事情 首先需要在阿里云上面购买一台服务器，然后购 ...
DOM事件处理机制学习笔记
DOM 事件是处理 Web 页面交互的基础，是掌握前端开发技术的基础。 W3C协会早在1988年就开始了DOM标准的制定，W3C DOM标准可以分为DOM1,DOM2,DOM3三个版本。 1.Html事件处理 原始事件模型，事件处理程序被设置为html控件的性质值，一般是html控件的 onclic ...
vue 代码调试神器
一、序 工欲善其事，必先利其器。作为一名资深程序员，相信必有一款调试神器相伴左右，帮助你快速发现问题，解决问题。作为前端开发，我还很年轻，也喜欢去捣鼓一些东西，借着文章的标题，先提一个问题：大家目前是怎么调试前端？哈哈，我也大胆的猜测下，可能有这么几种： 不调试，直接看代码找问题 console.l ...
vue - vue基础/vue核心内容
终于算是顺利进入vue了，确实也只有学了过后才知道，之前三过vue而不学，确实是对的，现在进来了一点都不后悔，ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的。 终于能够一窥vue的真容了，学了这么久，说实话一直都忍着，不去触碰这一条线，就想留着 ...
如何调试Vue3的源码
git clone git clone https://github.com/vuejs/core.git</h2> 安装pnpm 工具 目前vue3是基于pnpm 进行构建项目的,执行pnpm install 命令，安装依赖包，如果使用npm install会报错 npm ERR! code EU ...