前端代码规范一、命名规范市面上常用的命名规范：
camelCase（小驼峰式命名法 —— 首字母小写）
PascalCase（大驼峰式命名法 —— 首字母大写）
kebab-case（短横线连接式）
Snake（下划线连接式）1.1 项目文件命名1.1.1 项目名全部采用小写方式， 以短横线分隔。 例：my-project-name。1.1.2 目录名参照项目命名规则，有复数结构时，要采用复数命名
主要内容： 一、HTML简介 二、HTML标签 三、HTML文档结构和注释 四、head标签及相关内容 五、body标签及相关内容 1️⃣ HTML简介 （
转载
2024-03-18 09:59:04
44阅读
# JQUERY在前端HTML开发中的应用
在现代前端开发中，JavaScript已经成为不可或缺的重要技术，而jQuery作为一种流行的JavaScript库，使开发变得更加简单和高效。本文将介绍jQuery如何帮助开发者写出更简洁的HTML代码，并提供相应的代码示例。
## 什么是jQuery？
jQuery是一个轻量级的JavaScript库，旨在简化HTML文档遍历、事件处理、动画和
在使用vue2.0的过程，有时看API很难理解vue作者的思想，这促使我想要去深入了解vue底层的思想，了解完底层的一些思想，才能更好的用活框架，虽然网上已经有很多源码解析的文档，但我觉得只有自己动手了，才能更加深印象。一、Vue与模板对于没使用过Vue的，这里我们来说下Vue的使用步骤：1. 编写 页面 模板a. 直接在HTML标签中写b. 使用templatec. 使用单文件()2. 创建Vu
转载
2024-02-27 20:15:57
39阅读
目录一、使用jQuery二、jQuery基础选择器按ID查找按标签查找按class查找按属性查找组合查找多项选择器练习层级选择器（Descendant Selector）子选择器（Child Selector）过滤器（Filter）表单相关练习查找DOM操作过滤练习添加DOM删除节点练习鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件jQuery是JavaScript世界中使用最广泛的一个库。
转载
2024-01-27 15:49:37
54阅读
项目分析首页 导航、登录注册栏、轮播图、地板导航登录注册 选项卡免费课 课程分类、筛选、课程列表免费课详情 课程封面视频、优惠活动倒计时、选项卡我的购物车 全选、商品价格统计购买结算购买成功我的订单课时播放页面项目搭建创建项目目录cd 项目目录vue init webpack luffy# 例如：我要把项目保存在桌面下 ~/Desktop/luffy ，可以如下操作：cd Desktopvue i
转载
2023-10-08 11:19:38
93阅读
1.1 vue.js的快速入门使用vue.js是目前前端web开发最流行的工具库之一，由尤雨溪在2014年2月发布的。另外几个常见的工具库：react.js /angular.js官方网站：中文：https://cn.vuejs.org/英文：https://vuejs.org/官方文档：https://cn.vuejs.org/v2/guide/1.2 vue.js库的基本使用基本形式:基本使用
转载
2023-12-14 09:59:56
42阅读
pl-drag-template Github地址：https://github.com/livelyPeng/pl-drag-template前言 想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实
转载
2024-01-31 18:54:02
164阅读
前面用了大量篇幅介绍组件库的开发环境搭建，包括：创建组件、创建组件库入口、组件库样式架构、组件库公共包，做了一大堆工作，还不能预览示例组件 foo，本文便搭建 example 开发环境和打包构建，并在 example 中使用组件库。1 搭建 example 开发环境1.1 创建 example 项目example 本质上就是一个 vite3 + vue3 的项目，可以通过 vite 来
要将 Vue 前端页面上的按钮靠右对齐，你可以使用 CSS 样式或者使用布局类。下面是两种常见的方法：方法一：使用 CSS 样式在你的 Vue 组件中给按钮元素添加一个自定义的 CSS 类名。例如：<button class="right-aligned-button">按钮</button>在你的 CSS 样式表中，为该 CSS 类名添加样式来实现右对齐。例如：.righ
原创
2023-08-24 10:22:28
7508阅读
# 使用 Dockerfile 打包 Vue 前端项目的完整指南
在当今的软件开发中，Docker 已成为一个重要的工具，它能够以容器化的方式为应用提供一致的运行环境。此篇文章将详细介绍如何使用 Dockerfile 打包 Vue.js 应用，尤其是针对前端开发者的相关知识。我们将逐步构建 Dockerfile，介绍每一步的意义，并包含代码示例和图示，帮助你更好地理解。
## 前言
Vue.
# 如何使用Dockerfile构建Vue前端项目
## 引言
在开发和部署前端项目时，我们经常需要在不同的环境中进行构建和运行。这就涉及到了如何有效地管理项目的依赖和环境配置的问题。Docker是一种流行的容器化技术，可以帮助我们解决这些问题。本文将介绍如何使用Dockerfile构建Vue前端项目，并提供一个示例来解决实际问题。
## Dockerfile是什么
Dockerfile是
原创
2023-12-20 08:40:33
93阅读
一、vue-html5-editor在安装好脚手架的依赖后，要执行 npm install vue-html5-editor --save-dev 来安装这个富文本插件，由于这个富文本插件的图标是依赖font-awesome.css的，所以要npm install font-awesome.css 安装这个css然后在main.js中引入这个css &nbs
转载
2023-08-21 14:52:54
210阅读
点赞
vue 使用Jade模板写html，stylus写cssvue 使用Jade模板写html，stylus写css日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。安装包：// 安装jade包npm install jade jade-loader --save-dev// 如果...
原创
2022-03-29 09:48:40
437阅读
项目，则不需要安装stylus相关的包，vue-cli默认已安装 npm install stylus stylus-loader --save-dev https:
转载
2019-06-22 22:15:00
381阅读
2评论
Web前端 - JavaScript1、JavaScript概述2、写代码3、HTML中嵌入JavaScript代码的 3 种方式4、标识符和关键字5、变量、函数6、JS中的数据类型7、null、NaN、undefined三个值的区别8、JS中的事件9、JS运算符之void10、JS之控制语句11、JavaScript包括三块：ECMAScript、DOM、BOM12、DOM编程案例12.1、获
通过前面的学习，我们可以顺利的在Vue中将数据源渲染到HTML的DOM元素中，但很多时候我们希望能控制数据源。也就是数据绑定，并且与其通讯。简单的说，怎么在Vue中实现数据的双向绑定。这种场景一般都是在表单的操作情景中。在Vue中可以使用v-model的指令来实现。不过这篇文章我们只是来学习v-model指令的使用，但不探究Vue数据双向绑定的原理。如果你对原理方面感兴趣，可以阅读这篇文章。基础用
一知识点vue.js 是一个以数据处理为核心的前端框架 ( 模块化，组件 .vue)
vue.js 个人开发 支付宝 尤雨溪模式：MVVM（vue.js）M ：model 数据层
V: view 视图层(html+css)
VM：viewModel 薄片层:是链接数据层和视图层的薄片层（vue的实例 ）还有一种模式：MVCM:mode
前端写html邮件模板（兼容outlook）
使用前端完成邮件模板注意事项（实测兼容outlook2016） 使用html5之前的元素，outlook不支持html5；如果使用html5，outlook客户端会提示在浏览器中打开；使用table表格布局；仅使用table、tr、td、div、span、img等基本元素尽量使用行内样式（class属性是否可用未测试）
转载
2021-04-28 21:33:11
3431阅读
2评论
使用前端完成邮件模板注意事项（实测兼容outlook2016） 使用html5之前的元素，outlook不支持html5；如果使用html5，outlook客户端会提示在浏览器中打开； 使用table表格布局； 仅使用table、tr、td、div、span、img等基本元素 尽量使用行内样式（cl ...
转载
2021-04-12 23:28:46
2105阅读
2评论
