随笔分类 - HTML
摘要：1.onload事件 onload，页面加载后执行，所谓页面加载完成，指页面上所有的元素创建完毕，引用的所有的外部资源（js、css、图片）等下载完毕。 所以onload执行的比较晚，因为如果页面上有好多好多图片，它需要等这些图片完成下载后才能执行。而写在body后的< script >< /scr
阅读全文
posted @ 2020-09-17 10:22
前端一点红
摘要：当使用文本编辑的时候，首先会使用 textarea ,但是，这个里面不能加入其它标签，也就是不能富文本化。 于是可以使用 contenteditable 就是给 div 加上该属性。就变得丰富起来。使用的时候，发现有两个问题。 1、placeholder 无法正常使用，解决办法，是加上一段css：
阅读全文
posted @ 2020-09-17 10:07
前端一点红
摘要：网页中的动态GIF图片是非常受欢迎的，因为它们相比静态图片更生动，相比网页视频更简单。但是GIF图片通常具有较大的体积，就导致网页加载速度变慢，内存使用增加。通过使用html video，可以使浏览器中的GIF图片在减少98%体积的情况下，仍然具有相对较高的质量。 我们注意到这篇文章是Google
阅读全文
posted @ 2020-09-17 09:53
前端一点红
摘要：一 web框架 Web框架(Web framework)是一种开发框架，用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式，也为web行为提供了一套通用的方法。web框架已经实现了很多功能，开发人员使用框架提供的方法并且完成自己的业务逻辑，就能快速开发we
阅读全文
posted @ 2020-09-17 09:50
前端一点红
摘要：通过FileReader，和es6的方法解构赋值,promise对象简单封装上传预览 具体逻辑：选中图片之后，触发onchange方法，获得上传文件对象，调用fileReader方法验证图片是否符合上传需求，符合返回图片文本，不符合返回错误信息。 先介绍几个技术点，没接触过的朋友，可以先看看： Pr
阅读全文
posted @ 2020-09-16 10:10
前端一点红
摘要：vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而
阅读全文
posted @ 2020-09-16 09:44
前端一点红
摘要：背景 前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题，接下来要讲述的 IoC 就是其中之一。 什么是 IoC IoC 的全称叫做 Inversion of Control
阅读全文
posted @ 2020-09-16 09:42
前端一点红
摘要：ES6中引入了模块（Modules）的概念，相信大家都已经挺熟悉的了，在日常的工作中应该也都有使用。 本文会简单介绍一下ES模块的优点、基本用法以及常见问题。 着重介绍3个使用ES模块的常见问题： 如何在浏览器中下快速使用export/import? 如何在Node下快速使用export/impor
阅读全文
posted @ 2020-09-16 09:39
前端一点红
摘要：假设最简单的情况，一个开发人员，开发所有的代码，一个测试人员。一个测试的服务器，一个生产的服务器。开发人员需要为公司开发一个项目，开发人员首先分析产品经理的需求，建立相应的模型，然后进行如下步骤： 编写代码 项目打包部署到测试服务器 测试人员测试，将Bug提交给开发人员 如果测试通过则进行第5步。如
阅读全文
posted @ 2020-07-24 11:45
前端一点红
摘要：写在前面 在前端开发中，npm已经是必不可少的工具了。使用npm，不可避免的就要和package.json打交道。平时package.json用得挺多，但是没有认真看过官方文档。本文结合npm官方文档以及自己平时使用过程中的感悟，谈一谈package.json。官方文档在这里。 初始化 使用npm
阅读全文
posted @ 2020-07-24 11:41
前端一点红
摘要：curl是一个开源的用于数据传输的命令行工具与库，它使用URL语法格式，支持众多传输协议，包括：HTTP、HTTPS、FTP、FTPS、GOPHER、TFTP、SCP、SFTP、SMB、TELNET、DICT、LDAP、LDAPS、FILE、IMAP、SMTP、POP3、RTSP和RTMP。curl
阅读全文
posted @ 2020-07-24 11:40
前端一点红
摘要：前言 参考官方的这篇文章，我尝试翻译其中一些重点部分，并且拓展了相关的pluggy部分的知识。由于pytest是在pluggy基础上构建的，强烈建议先阅读一下pluggy的官方文档，这样理解起来更加容易一点。 正文 conftest.py可以作为最简单的本地plugin调用一些hook函数，以此来做
阅读全文
posted @ 2020-07-24 11:32
前端一点红
摘要：Flask是一个使用Python编写的轻量级Web应用框架。 一、安装Flask 以管理员身份，打开命令提示符窗口，输入下面命令 py -3 -m pip install flask 这个命令会连接到PyPI网站下载和安装Flask模块，以及Flask依赖的几个模块：Werkzeug、MarkupS
阅读全文
posted @ 2020-07-24 11:05
前端一点红
摘要：好的设计能够帮助企业提升数据，同时还可以提供用户一个良好的使用体验。GoodUI 总结了一个长达69条设计原则的清单（不断增加中），列举了他们认为非常重要的设计要点。与以往的一些文章不一样的是这里提到的69点其中有一部分 GoodUI 已经通过 AB Test 验证过可行性。当然分析报告是需要付费的
阅读全文
posted @ 2020-07-22 23:26
前端一点红
摘要：用lnmp架构部署wordpress网站 ①.下载和上传网站代码 用winscp或者xftp, 或者xshell下执行rz命令进行上传网站的包文件. ②.解压程序代码,并将程序代码保存到站点目录,并进行授权 chown -R nginx.nginx /app/nginx/html/blog/ (将站
阅读全文
posted @ 2020-07-22 23:16
前端一点红
摘要：使用html+css+js实现简易计算器，效果图如下： html代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
阅读全文
posted @ 2020-07-22 23:12
前端一点红
摘要：本文讲述如何在thinkphp5中完成登录并保存session、然后根据不同的用户权限跳转相应页面功能的实现。我也在学习thinkphp源码的路上，记录一下并与大家分享。完成该步骤主要有以下三个步骤完成。 一、密码校验 这里view层提交过来的用户名和密码是不加密的，数据中的密码是经过md5加密的，
阅读全文
posted @ 2020-07-22 23:03
前端一点红
摘要：git reset 、 git checkout 和 git revert 是Git中常用命令。经常傻傻分不清他们之间的区别。最近工作不忙，抽出时间参考了其他文档，对其总结了下。 提交层面的操作 传给 git reset 和 git checkout 的参数决定了它们的作用域。如果其后参数不是 fi
阅读全文
posted @ 2020-07-22 23:00
前端一点红
摘要：什么是protobuf？ Protobuf是Google开源的一款类似于json，XML数据交换格式，其内部数据是纯二进制格式，不依赖于语言和平台，具有简单，数据量小，快速等优点。目前用于序列化与反序列化官方支持的语言有C++，C#， GO， JAVA， PYTHON。适用于大小在1M以内的数据，因
阅读全文
posted @ 2020-07-21 18:42
前端一点红
摘要：移动端的项目经常会引入手势库来实现拖拽，不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算。最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固定定位，然后在拖拽的时候修改其定位，实现拖拽的效果； 这种方
阅读全文
posted @ 2020-07-21 15:32
前端一点红
浙公网安备 33010602011771号