前端技术
莉兹Liz
good good study, day day up!
展开
-
npm切换其他源
npm get registry // 查看源npm config set registry xx // 切换源🌰例子npm config set registry https://registry.npmjs.org/ // 切换为npm原创 2022-03-28 11:48:57 · 442 阅读 · 0 评论 -
eslint不识别全局变量
eslint不识别全局变量xxxxx在package.json文件,eslintConfig中添加globals"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended" ], "parserOptions": { "parser"原创 2022-03-02 16:50:21 · 1459 阅读 · 0 评论 -
websocket在vue中的使用
一、websocketwebsocket是什么?为什么要用websocket?websocket是一种网络通信呢协议,同http、https协议,是客户端与服务端通信用的,websocket创建在 TCP 上、通过HTTP/1.1 协议的101状态码进行握手。为什么要用websocket?试想以下场景:你妈妈在厨房做饭,你饿得不行,想马上吃到,但是妈妈不着急,她做完饭可能刷个锅洗个碗,你想在第一时间吃到饭,就得知道饭做好的消息,排油烟机声音太大得开门才能听到。用http连接:你(进厨房):妈妈饭原创 2022-02-16 16:12:09 · 10176 阅读 · 2 评论 -
移动端h5游戏开发中的动画和动效展示
在移动端h5游戏开发中,经常会遇到动画和动效的展现需求,比较常用的实现方法有css3、svg、定时器等,针对不同的场景和需求使用不同的技术,可以提升设计和开发的效率,保证产品的效果和质量,也能让用户有更好的体验,以下是项目开发中使用过的动效例子。一、css3css3动画三剑客animation, transform, transition,项目中主要用到css3 animation,下面会进行重点介绍。css3 animation主要由三部分组成,关键帧、动画属性和css属性。关键帧@keyfram原创 2022-02-15 14:35:07 · 4093 阅读 · 0 评论 -
文件上传优化方案
文件上传方法1、form、input2、formData(推荐)3、fileReader文件上传遇到问题1、大文件时,上传时间久,容易卡顿2、网络原因导致失败,失败后需要从头开始解决方案:1、切片上传2、断点续传3、秒传切片上传:Blob对象的slice方法chunkSize = 1024*5;(每片大小文件切片上传完成,文件合并1、前端发送完切片,发送切片请求,告诉后端可以合并2、后端读取切片数,自动检测文件是否上传完成(推荐)3、创建一个和原文件大小相同的文件……断点原创 2021-10-27 17:41:36 · 521 阅读 · 2 评论 -
Vue前端代码添加单元测试Unit Test
单元测试Unit Test(单测)单测好处多多,保证代码正确性、提高代码和技术水平、利于重构等等,但是前端写单测也很难,网上例子很少,业务需求迭代快,没有特殊要求和自我追求没人搞这个吧?哦,我为啥写,领导绩效写了,我就写了,写了就得做。领导搞后端的:)栗子万事开头难,百度减一半,推荐Vue测试指南1、安装vue脚手架yarn global add @vue/cli2、创建项目vue create zsy_ut,创建的时候,注意选择 “Manually select features” 和 “Uni原创 2021-09-23 19:06:06 · 1822 阅读 · 0 评论 -
vue和react遍历数组
vue<template> <div v-for="item of lizOptions" :key="item.id"> {{ item.id }} : {{ item.value }} </div></template><script>export default { data() { return { lizOptions: [{id: 1, value: "cat"}, {id: 2, value: "d原创 2021-06-24 20:00:15 · 216 阅读 · 3 评论