前端
2021-08-12--Web前端性能指标和性能优化（综述）
title: 网站的几个性能指标和优化（简易） categories: - 网络安全与性能优化 tags: - 性能优化 - 性能指标 - 白屏时间 - 首屏时间 - TTFB abbrlink: 5c56 date: 2021-08-12 23:42:49 updated: 2021-08-12 ......
系统化学习前端之Vue（vue2 组件通信）
## 前言 前文 vue2 基础中聊过，页面本质是 DOM 树，而在vue2 中 组件 = vm 实例对象 = DOM。因此，页面其实也是组件树构成，组件之间形成父子关系，兄弟关系等，相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......
帮你梳理了一份前端知识架构图
列一份前端知识架构图 在上一篇文章中，我们简要地总结了前端的学习路径与方法，我们提到的第一个学习方法就是：建立知识框架。那么，今天我们就一起来列一份前端的知识框架图。 在开始列框架之前，我想先来谈谈我们的目标。实际上，我们在网上可以找到很多参考资料，比如 MDN 这样的参考手册，又比如一份语言标准， ......
前端流程图组件库
https://blog.csdn.net/xu_song/article/details/108269558 https://segmentfault.com/q/1010000021077507 ......
vue前端model和data强关联
 如果不关联会报错， 且错误不好找！  ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
前端可直接拿来用的代码（更新ing）
1、清除浮动 双伪元素法（既解决外边距塌陷问题，又能清除浮动影响） .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both;} 2、清除默认样式 * { m ......
前端文件下载
``` // 下载文件 export function downloadFile(url, fileName, data) { axios({ method: 'post', url, responseType: 'blob', data }).then((res) => { const blob ......
项目_使用docker部署前端教程
dist文件夹直接替换 systemctl restart docker sudo docker ps -a sudo docker restart <ContainerId> 问题1：docker端口映射或启动容器时报错 Error response from daemon: driver fai ......
Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令
## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......
前端相关规范
# 前端规范记录 ### 1. 严禁使用 console 对象来输出信息 console对象在输出对象信息的时候, 会维持一个对象的引用, 从而造成内存泄漏! 可以在开发环境中使用, 严禁在生产环境中使用!! 开发环境也可以使用断电 + watch(或者控制台手工输入console输出指令) ### ......
vue中(input组件)textarea文本提交到后端数据库，前端输出保存换行回车及修改显示
1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有： normal：默认，忽略文本中所有的空白、换行符；只有文本存在 <br> 或文本达到框的约束时，文本才会换行 nowrap：和nor ......
pnpm才是前端工程化项目的未来
## 前言 相信小伙伴们都接触过`npm/yarn`，这两种包管理工具想必是大家工作中用的最多的包管理工具，`npm`作为`node`官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而`yarn`的出现则是为了解决`npm`带来的诸多问题，虽然`yarn`提高了依赖包的安装速度与使用 ......
前端样式配置
title: 前端样式配置 style tags: - 手册 - 样式 - CSS categories: - 手册 ```html 1 《半小时漫画中国哲学史》 2 “ 既许一人以偏爱，愿尽余生之慷慨 ” 3 [data.json文件链接](https://pan.baidu.com/s/1omz ......
前端预览docx格式文档
运用docx-preview.js（去网上下载https://github.com/VolodymyrBaydalka/docxjs/blob/master/dist/docx-preview.js） 引入脚本 <script type="text/javascript" src="https:// ......
WebStorm 2023(Web前端开发工具) v2023.1.2中文mac版
WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具，旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构，其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
一文搞懂前端的所有类数组类型
前面博文有介绍JavaScript中数组的一些特性，通过对这些数组特性的深入梳理，能够加深我们对数组相关知识的理解，详见博文： [一文搞懂JavaScript数组的特性](https://www.cnblogs.com/jimojianghu/p/17292277.html) 其实，在前端开发中，除 ......
黑马前端必会单词300个-美式发音-2023
# 墨墨背单词 - 使用墨墨的云词库搜索：**黑马前端必会单词 300 个** - 艾宾浩斯记忆法的虚假与真相 [科普视频](https://www.bilibili.com/video/BV1yF411s7SN)  => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa ......
java为实体动态添加字段 并返回给前端
对于线上已经在用的接口，要动态的扩展返回数据的字段，并且不同的调用商需要的字段不一样，为了A客户增加了一个字段，不能把字段返回给B，防止B客户那边也要升级接口。对于开始加一两个字段我还可以接受：每次返回不同的实例，渐渐的我觉得力不从心了，代码重复太多了，就想到了能不能动态的添加字段呢？首先引入mav ......
前端实现全屏展示
## 实现 ```html {{ isFullscreen ? "退出全屏" : "全屏" }} ``` ```js mounted() { //监听是否进入全屏模式 document.addEventListener("fullscreenchange", e => { if (document. ......
使用vue的简单的纯前端JS验证码实现
## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死，得看看别的东西了 因为是上班摸鱼偷摸搞的，所以人比较懒，很多东西也懒得修修改改，直接放在一个html文件下了 页面如下  1.文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能05-302.文档在线预览（二）word、pdf文件转html以实现文档在线预览05-30 3.文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览06-01 目录 实现 ......
作为一个后端，要拉前端代码下来在自己电脑，并且跑起来--以下步骤很精准
1.安装nodejs--注意nodejs的版本--尽量不要用高版本的，坑多2.验证nodejs是都安装成功 cmd node -v--出现版本号就说明安装成功2.安装vscode 类似idea--运行工具--打开前端项目如何运行vue项目（运行githug下载的vue项目） - CodeAntenn ......
前端学习路线图roadmap（转）
# 前端学习路线 > 这份学习路线并不完美，也不会有最终形态，正如前端不可预见、永无止境的未来。 💂 + 💻 = 👴🏽 建议先观看视频导读：https://www.bilibili.com/video/BV1nh411e7oG/ ## 路线特点 1. 一份全面的前端知识点大梳理和汇总 2. ......
使用 jQuery 进行前端验证
前段验证脚本的教程，其基础为jQuery的插件validate。 一、可以验证哪些信息 要求输入不能为空 要求输入格式必须为电子邮箱 要求输入格式必须为URL 要求输入格式必须为日期 要求输入格式必须为数字 要求输入格式必须为整数 要求输入必须和指定输入框内容相同 要求输入必须大于指定字符长度 要求 ......
【Python】【Flask】前端调用后端方法
后端代码： @app.route("/test",methods=['POST','GET']) def test(): return "我是测试的" 前端代码： 1、使用<a>标签 <a href="{{url_for('test')}}">我是测试</a> 这个是最简单的，点击一下，就自动跳转了 ......