李公子丶
码龄5年
求更新 关注
提问 私信
  • 博客:255,180
    255,180
    总访问量
  • 113
    原创
  • 179
    粉丝
  • 28
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:湖北省
加入CSDN时间: 2021-01-12

个人简介:学而时习之,不亦说乎!

博客简介:

李公子的博客

博客描述:
前端学习路上的一些知识点
查看详细资料
个人成就
  • 获得232次点赞
  • 内容获得71次评论
  • 获得661次收藏
  • 代码片获得4,166次分享
  • 博客总排名224,227名
  • 原力等级
    原力等级
    5
    原力分
    1,129
    本月获得
    2
创作历程
  • 1篇
    2025年
  • 9篇
    2022年
  • 104篇
    2021年
成就勋章
TA的专栏
  • Vue2项目——toutiaoAdmin
    4篇
  • Vue2学习笔记
    48篇
  • 项目中的小知识
    17篇
  • 面试真题
    3篇
  • webpack
    5篇
  • Vue3学习笔记
    23篇
  • Javascript的知识点
    17篇

TA关注的专栏 1

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

AI 镜像开发实战征文活动

随着人工智能技术的飞速发展,AI 镜像开发逐渐成为技术领域的热点之一。Stable Diffusion 3.5 FP8 作为强大的文生图模型,为开发者提供了更高效的图像生成解决方案。为了推动 AI 镜像开发技术的交流与创新,我们特此发起本次征文活动,诚邀广大开发者分享在 Stable Diffusion 3.5 FP8 文生图方向的实战经验和创新应用 本次征文活动鼓励开发者围绕 Stable Diffusion 3.5 FP8 文生图方向,分享以下方面的内容: 1. 技术实践与优化 - Stable Diffusion 3.5 FP8 模型架构解析与优化技巧 - 文生图生成效果的提升方法与技巧 - 模型部署与加速策略,例如使用 Hugging Face、Diffusers 等工具 - 针对特定场景(例如二次元、写实风)的模型微调与定制化开发 2. 应用场景探索 - Stable Diffusion 3.5 FP8 在不同领域的应用案例分享,例如游戏设计、广告创意、艺术创作等 - 利用 Stable Diffusion 3.5 FP8 实现图像编辑、图像修复、图像增强等功能的探索 - 结合其他 AI 技术(例如 NLP、语音识别)构建更强大的应用 3. 创新应用与思考 - 基于 Stable Diffusion 3.5 FP8 的创新应用场景设计 - AI 镜像开发的未来发展方向的思考与展望 - 对 AI 镜像开发伦理、安全等问题的探讨

43人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

Filp动画

在前端开发中,Flip 动画通常指的是通过 CSS 或 JavaScript 实现的类似翻转效果的动画。通常涉及到元素的旋转或翻转,给用户一种“翻书”或“翻牌”之类的视觉感受。常见的应用场景包括卡片翻转、页面切换、以及各种交互式元素的动画效果。
原创
博文更新于 2025.02.27 ·
1100 阅读 ·
18 点赞 ·
0 评论 ·
13 收藏

基于element组件库封装的动态表单组件

发布资源 2022.07.15 ·
zip

mockjs的基本使用和演示案例

什么是mockjsmockjs可以模拟可更快的得到较为真实的数据,且可以拦截axios的接口调用,让我们的代码实现了调用接口的逻辑且得到模拟的数据,保存业务完整度。当然模拟数据有一定的规则请参考: http://mockjs.com/...
原创
博文更新于 2022.02.12 ·
2287 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

vee-validate表单校验的使用方法

VeeValidate 是 Vue.js 表单验证框架。VeeValidatehttps://vee-validate.logaretm.com/第一步:安装npm i vee-validate@4.0.3第二步:导入// 导入组件import { Form, Field } from 'vee-validate'export default { name: 'LoginForm', components: { Form, Field }}第三步:使用 .
原创
博文更新于 2022.01.27 ·
3089 阅读 ·
2 点赞 ·
0 评论 ·
5 收藏

Vue中自动批量注册组件

使用require提供的函数context加载某一个目录下的所有.vue后缀的文件。然后context函数会返回一个导入函数importFn它又一个属性keys()获取所有的文件路径通过文件路径数组,通过遍历数组,再使用importFn根据路径导入组件对象遍历的同时进行全局注册即可// 导入library文件夹下的所有组件// 批量导入需要使用一个函数 require.context(dir,deep,matching)// 参数:1. 目录 2. 是否...
原创
博文更新于 2022.01.19 ·
1076 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue指定组件内容的三种方式(el, template ,render)

指定组件显示的内容:new Vue({选项})el 选项,通过一个选择器找到容器,容器内容就是组件内容提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。在实例挂载之后,元素可以用 vm.$el 访问。如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显式调用 vm.$mount() 手动开启编译。项目中会有index.html 文件,里面会存在一个div<div id="ap
原创
博文更新于 2022.01.19 ·
2162 阅读 ·
2 点赞 ·
0 评论 ·
3 收藏

2021最新~某知名社交平台的前端工程师笔试题——看看有哪些是你不会的?

摘要: 本片文章中的题目均来自大厂,这些企业是行业内的标杆,代表了行业的最高水准,经过了层层筛选得出了一些较好的题目,难易适中,内容丰富,笔试面试中必考或者常规试题,记录分享在此,希望看完对你有一定的帮助。 在本片文章中,我详细记录了做题时的想法和遇到的问题,将解题思路一丝不苟的记录了下来,在结合之后查阅文档,对题目的答案做出了详细的解释,并对知识点做出了充分的补充。 如果文中有的地方语义有偏差,或者解释不充分,欢迎大家在文章底部留言或者私信我,我会虚心...
原创
博文更新于 2022.01.15 ·
1600 阅读 ·
4 点赞 ·
0 评论 ·
13 收藏

Vue3 通过自定义指令实现图片懒加载

介绍一个webAPI:IntersectionObserverIntersectionObserver API,可以自动"观察"元素是否可见,Chrome 51+ 已经支持。由于可见(visible)的本质是,目标元素与视口产生一个交叉区,所以这个 API 叫做"交叉观察器"。检测某个元素是否进入了"视口"(viewport),即用户能不能看到它。// 创建观察对象实例const observer = new IntersectionObserver(callback[, options].
原创
博文更新于 2022.01.14 ·
352 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue3配置注册插件

什么是插件扩展vue原有的功能:全局组件,自定义指令,挂载原型方法,注意:没有全局过滤器。这就是插件插件的语法要素vue2.0插件写法要素:导出一个对象,有install函数,默认传入了Vue构造函数,Vue基础之上扩展vue3.0插件写法要素:导出一个对象,有install函数,默认传入了app应用实例,app基础之上扩展// 导入组件import Skeleton from './skeleton.vue'// 向外暴露一个对象 需要有 install 方法export de
原创
博文更新于 2022.01.11 ·
1100 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vuex持久化插件(vuex-persistedstate)

为什么使用持久化目的: 让在vuex中管理的状态数据同时储存在本地。可免去自己储存的环节。在开发的过程中,像用户信息(名字,头像,token)需要vuex中储存且需要本地储存 再例如,购物车如果需要未登录状态下也支持,如果管理在vuex中页面需要储存在本地使用步骤1. 首先:我们需要安装一个vuex的插件vuex-persistedstate来支持vuex的状态持久化npm i vuex-persistedstate2. 然后:在src/store 文件夹下新建 modules
原创
博文更新于 2022.01.08 ·
23975 阅读 ·
18 点赞 ·
8 评论 ·
105 收藏

vue3中通过ref属性获取DOM

获取单个ref属性绑定的dom元素vue3需要借助生命周期方法,在setup执行时,template中的元素还没挂载到页面上,所以必须在mounted之后才能获取到元素。<template> <h1 ref="box">Ref属性获取dom</h1></template><script>import { ref, onMounted } from 'vue'export default { name: 'Ref',
原创
博文更新于 2022.01.07 ·
6363 阅读 ·
2 点赞 ·
1 评论 ·
4 收藏

vue3中路由的配置

创建路由模块在项目中创建router.js 路由模块,在其中按照如下4个步骤创建并得到路由的实例对象:1. 从vue-router中按需导入两个方法2. 导入需要使用路由控制的组件3. 创建路由实例对象4. 向外共享路由实例对象5. 在mian.js中导入并挂载路由模块// 1. 从vue-router 中按需导入两个方法// 2. createRouter 方法用于创建路由的实例对象// 3. createHashHistory 用于指定路由的工作模式(hash 模式)
原创
博文更新于 2022.01.05 ·
2431 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

Vue计算属性

计算属性:1.定义:要用的属性不存在,要通过已有属性计算得来。2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。3.get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。4.优势:与me...
原创
博文更新于 2022.01.03 ·
296 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue-router浏览器历史记录的模式和编程式导航

浏览器历史记录作用:控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式:分别为push和replace,push是追加历史记录,replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式: <router-link replace .......>News</router-link> 编程式导航作用:不借助<router-link>实现路由跳转,让路由跳转更加灵活 <template>.
原创
博文更新于 2021.12.30 ·
2212 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Vue-router(路由)的使用

介绍 1. 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 2. 前端路由:key是路径,value是组件。基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouterimport VueRouter from 'vue-router'// 引入组件...
原创
博文更新于 2021.12.30 ·
183 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

webpack 环境下的 Source Map

生产环境遇到的问题前端项目在投入生产环境之前,都需要对 JavaScript 源代码进行压缩混淆,从而减小文件的体积,提高文件的 加载效率。此时就不可避免的产生了另一个问题:对压缩混淆之后的代码除错(debug)是一件极其困难的事情变量被替换成没有任何语义的名称 空行和注释被剔除什么是 Source MapSource Map 就是一个信息文件,里面储存着位置信息。也就是说,Source Map 文件中存储着压缩混淆后的 代码,所对应的转换前的位置。有了它,出错的时候,除错.
原创
博文更新于 2021.12.20 ·
1110 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

webpack 配置打包发布

为什么要打包发布项目开发完成之后,需要使用 webpack 对项目进行打包发布,主要原因有以下两点:① 开发环境下,打包生成的文件存放于内存中,无法获取到最终打包生成的文件② 开发环境下,打包生成的文件不会进行代码压缩和性能优化为了让项目能够在生产环境中高性能的运行,因此需要对项目进行打包发布。配置 webpack 的打包发布在 package.json 文件的 scripts 节点下,新增 build 命令如下: "scripts": {...
原创
博文更新于 2021.12.19 ·
674 阅读 ·
1 点赞 ·
1 评论 ·
3 收藏

webpack插件的使用

webpack 插件的作用通过安装和配置第三方的插件,可以拓展 webpack 的能力,从而让 webpack 用起来更方便。最常用的 webpack 插件有如下两个:① webpack-dev-server⚫ 类似于 node.js 阶段用到的 nodemon 工具⚫ 每当修改了源代码,webpack 会自动进行项目的打包和构建② html-webpack-plugin...
原创
博文更新于 2021.12.18 ·
888 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

webpack 中的 loader

loader 概述在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块。其他非 .js 后缀名结尾的模块, webpack 默认处理不了,需要调用 loader 加载器才可以正常打包,否则会报错!loader 加载器的作用:协助 webpack 打包处理特定的文件模块。比如:⚫ css-loader 可以打包处理 .css 相关的文件⚫ less-loader 可以打包处理 .less 相关的文件⚫ babel-loader 可以打包处理 webpack 无
原创
博文更新于 2021.12.18 ·
1204 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

webpack基本用法

什么是webpack?概念: webpack是前端工程化的具体解决方案 。主要功能:它提供了有好的前端模块化开发支持,以及代码压缩混淆,处理浏览器中JavaScript的兼容性,性能优化等强大的功能。好处:让程序员把工作重心放到具体功能的实现上,提高了前端的开发效率和项目的可维护性。注意:目前Vue,react等前端项目,基本都是基于webpack进行工程化开发的。webpack 示例我们通过一个demo来演示webpack的使用过程我么先创建一个文件夹,初始化项目文件新
原创
博文更新于 2021.12.17 ·
1023 阅读 ·
2 点赞 ·
0 评论 ·
7 收藏
加载更多