一路繁花似锦绣前程

flex布局处理文本溢出

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>flex布局处理文本溢出</title> <style> .container { display: flex; } .left, .right { flex: 阅读全文

posted @ 2022-11-22 12:23 一路繁花似锦绣前程阅读(388) 评论(0) 推荐(0)

第四章、react高级

摘要： ####九、高阶组件和组件补充 #####1、认识高阶组件 import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './layout/App'; const root = ReactDO 阅读全文

posted @ 2022-11-09 23:27 一路繁花似锦绣前程阅读(53) 评论(0) 推荐(0)

第三章、react高级

摘要： ####七、setState详细解析和React性能优化 #####1、setState异步更新 import React from "react"; function Home(props) { return <h1>{props.message}</h1> } export default cl 阅读全文

posted @ 2022-11-08 09:54 一路繁花似锦绣前程阅读(55) 评论(0) 推荐(0)

vue2自定义组件v-model

摘要： ####vue2自定义组件v-model #####一、自定义组件 <template> <input type="text" :value="value" @input="$emit('update:value', $event.target.value)"> </template> <scrip 阅读全文

posted @ 2022-10-06 22:35 一路繁花似锦绣前程阅读(507) 评论(0) 推荐(0)

第二章、react高级

摘要： ####五、react脚手架 #####1、前端脚手架 * 对于现在比较流行的三大框架都有属于自己的脚手架 - vue的脚手架：vue-cli - angular的脚手架：angular-cli - react的脚手架：create-react-app * 它们的作用都是帮助我们生成一个通用的目录结阅读全文

posted @ 2022-09-30 11:16 一路繁花似锦绣前程阅读(62) 评论(0) 推荐(0)

第一章、react高级

摘要： ####一、邂逅react开发和初体验 #####1、简介 * react是什么？ - 用于构建用户界面的javascript库 * 常见的javascript库 - jquery - vue - react - angular * react的起源 - 2013年，facebook开源的javas 阅读全文

posted @ 2022-09-07 00:54 一路繁花似锦绣前程阅读(102) 评论(0) 推荐(0)

第二章、web前端架构师

摘要： ####三、脚手架核心流程开发 #####1、脚手架架构设计 * 脚手架核心框架：执行准备、命令注册、命令执行 - 本地缓存体系：本地文件&环境变量 * 标准git操作体系：仓库创建、开发模式、发布模式 - 代码仓库：github、gitee * 初始化体系：项目初始化、组件初始化、初始化模式 - 阅读全文

posted @ 2022-08-09 23:25 一路繁花似锦绣前程阅读(120) 评论(0) 推荐(0)

第二章、前端性能优化

摘要： ####五、资源优化 #####1、资源的压缩与合并 * 为什么要压缩&合并 - 减少http请求数量 - 减少请求资源的大小 * html压缩 - 使用在线工具进行压缩 - 使用html-minifier等npm工具 * css压缩 - 使用在线工具进行压缩 - 使用clean-css等npm工具阅读全文

posted @ 2022-07-15 02:36 一路繁花似锦绣前程阅读(92) 评论(0) 推荐(0)

js生成二维码和识别二维码

摘要： <template> <img :src="base64Qrcode" alt="二维码" /> </template> <script lang="ts"> import { defineComponent, ref } from 'vue' // npm install jsqr --save 阅读全文

posted @ 2022-07-11 00:47 一路繁花似锦绣前程阅读(712) 评论(0) 推荐(1)

flex横向滚动移动端右边距失效问题

摘要： <template> <div class="outer"> <div class="inner" v-for="item of 3" :key="item"></div> </div> </template> <script lang="ts"> import { defineComponent 阅读全文

posted @ 2022-07-10 12:19 一路繁花似锦绣前程阅读(246) 评论(0) 推荐(0)

导航

2022年11月22日

2022年11月9日

2022年11月8日

2022年10月6日

2022年9月30日

2022年9月7日

2022年8月9日

2022年7月15日

2022年7月11日

2022年7月10日