分类: 笔记 | YF小林犟

文章分类
                            
                            git常见实战命令
                        
                                # 查看状态
$ git status      

# 添加管理(将文件或目录添加到本地仓库的暂存区)
$ git add filename  # 将指定的文件添加到暂存区
$ git add path/     # 将指定的目录添加到暂
                            
                                2023-05-08
                            
                                    笔记
                                
                            git
                        
                            组件内很多个input、select元素(如果有50多个元素) 怎么优雅的控制
                        
如果有多个表单元素，重复代码较多，可以将表单输入元素封装为子组件。这样可以提高代码的复用性和维护性。

子组件：FormInput.vue<template>
  <div>
    <input v-if=
                            
                                2023-05-06
                            
                                    笔记
                                
                            webpack
                        
                            前端实现电子签名
                        
                                背景
在现在的时代发展中，从以前的手写签名，逐渐衍生出了 电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环节和司法类相关的产品上较多。举个常用的例子，大家都用过 钉钉，钉钉上面就有电子签名，相信大
                            
                                2023-03-18
                            
                                    笔记
                                
                            canvas
                        
                            前端如何部署项目，实战阿里云服务器
                        
                                部署核心步骤1.准备打包好的前端代码（dist包）或者是一个html文件2.购买阿里云服务器,并且连接3.为阿里云服务器安装ngnix开启web服务4.使用xshell和sftp将自己的前端代码放到服务器上
1.准备前端代码这部分很简单，可
                            
                                2023-03-10
                            
                                    笔记
                                
                            云服务器
                        
                            一套代码如何同时适配移动端和pc端
                        
                                1. 媒体查询（Media Query）+ CSS Flex/Grid（适用于简单布局）利用 CSS 的 @media 进行响应式设计，使页面在不同设备上适配。例如：

/* 默认 PC 端样式 */
.container {
  widt
                            
                                2023-02-10
                            
                                    笔记
                                
                            css3
                        
                            Vue3、Vue I18n 国际化配置
                        
什么是Vue I18n? Vue I18 n是Vue.js的国际化插件。它可以轻松地将一些本地化功能集成到Vue.js应用程序中。

官网： https://vue-i18n.intlify.dev/
1. 安装npm add vue-i
                            
                                2023-02-06
                            
                                    笔记
                                
                            Vue
                        
                            Vue I18n
                        
                            统一封装和监听用户的网络状态
                        
场景1： 移动端项目，有大量的图片需要访问，在4g或者wifi的网络状态下做不同的优化场景2：在后台系统访问，有时候会遇到断网或者网络不好得时候，所以这里需求是在请求发送之前判断网络环境，如果断网给出提示，弱网超过一定时间提示请求超时在面
                            
                                2023-01-10
                            
                                    笔记
                                
                            javascript
                        
                            手写Webpack插件：在dist文件夹生成一个 git 版本信息的文件
                        
                                场景：
为方便管理每次打包部署到测试环境，具体是哪条分支、什么时间、打包人… 所以手写一个 webpack 插件：实现打包时生成一个 git 分支版本信息的文件

效果图：

分析：1、首先获取项目当前所在分支的信息，如：分支名，提交人，时
                            
                                2022-12-08
                            
                                    笔记
                                
                            Vue
                        
                            javascript
                        
                            Vue Element UI动态生成的表单并校验
                        
                                效果图：

<el-form :model="Form" ref="Form" label-width="100px" class="demo-dynamic">
  <el-form-item
    prop="em
                            
                                2022-12-06
                            
                                    笔记
                                
                            Vue
                        
                            javascript
                        
                            Vue多个表单校验 (巧用new promise)
                        
                                场景：
同一个页面有多个模块，每个模板又单独使用了一个表单组件，那么我们在点击提交按钮时如何同时校验多个表单，我们可以使用Promise

方案：1、子组件子组件：return 出当前的表单的数据
onSubmit() {
    l
                            
                                2022-12-05
                            
                                    笔记
                                
                            Vue
                        
                            javascript
                        
                            Vue实现数据的上移和下移
                        
                                场景：点击上移或下移按钮进行列表移动，第一行则不能上移，最后一行则不能下移

解决方案：<el-button @click="moveUp(index)">上移</el-button>
<el-button 
                            
                                2022-12-03
                            
                                    笔记
                                
                            Vue
                        
                            javascript
                        
                            移动端适配最佳实践
                        
                                移动端适配最佳实践

viewport—-视图、视窗移动端设备中，整块显示屏就相当于视图、视窗

在移动端设备中，浏览器视图并不是整个屏幕。因此viewport又被分为了3种layout viewport、visual viewport、i
                            
                                2022-12-01
                            
                                    笔记
                                
                            Vue
                        
                            postcss