缘起：实现一个业务场景时，因为某某某原因，不能让客户对某些按钮进行1秒点10次的骚操作，所以需要实现多个按钮快速点击只执行最后一次。 代码 <!DOCTYPE html> <html> <head> <title>快速点击只执行最后一次</title> <style type="text/css"> ...
分类：
其他好文 时间：
2020-04-21 22:32:09
阅读次数：
73
自定义事件分发 组件内部绑定事件需要使用 如果组件想要删除vue里面的数据，就要通过前端。v on:“组件里面函数名=“Vue里面的函数名” 组件 vue 前端 v on（绑定事件） v bind（绑定数据） vue cli程序安装 1. 安装nodejs 2. 安装npm 3. 安装cnpm np ...
分类：
其他好文 时间：
2020-04-03 21:53:54
阅读次数：
66
django如何实现websocket django默认是不支持websocket的，只支持http协议 """ 在django中如果想要基于websocket开发项目 你需要安装模块:channles pip3 install channels==2.3 版本不要使用最新的，如果安装最新的可能会自 ...
分类：
Web程序 时间：
2020-02-19 20:45:31
阅读次数：
91
·Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制 ...
分类：
其他好文 时间：
2020-02-12 18:57:34
阅读次数：
81
前端组件化的痛点 在前端组件化横行的今天，确实极大的提升了开发效率。不过有一个问题不得不被重视，拟引入的这些html、css、js代码有可能对你的其他代码造成影响。虽然我们可以通过命名空间、闭包等一系列措施来加以防备，不过还是存在这些隐患。为了解决这些问题，有一个基本大家遗忘的技术还是可以了解一下的 ...
分类：
Web程序 时间：
2019-12-22 14:46:05
阅读次数：
94
最近在写一款前端组件的时候，无意发现正则与注释之间的一点冲突，现分享下。下边是一段仅有正则表达式的代码：str=‘hellojsfan‘;console.log(str.match(/s.*/));运行结果如下图：下边我加上注释：/*thisisateststr=‘hellojsfan‘;console.log(str.match(/s.*/));*/表面看这段代码很正常，但运行后呢？这是运行后的
分类：
Web程序 时间：
2019-12-14 09:58:44
阅读次数：
121
React是前端组件化开发的开山鼻祖，这种开发方式彻底解决了的前端组件复用的痛点。今天，就来研究一下React组件开发。 前端同学一般都会从Vue入门，因为Vue使用的 .vue webpack import`导入、注册（components），就可以直接使用。 上面简单说了Vue的组件模式，其实， ...
分类：
其他好文 时间：
2019-12-02 01:14:25
阅读次数：
109
目标：遇到一个需求，让图片在页面中，不管宽度如何变化。宽高保持16：9的比例。 实现： 方法一：这也是比较经典的一个方法，利用padding-bottom来实现。 <!DOCTYPE html> <html> <head> <title>固定宽高比16:9</title> <style type=" ...
分类：
其他好文 时间：
2019-11-09 19:25:00
阅读次数：
79
前言 设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 能否设计出通用前端组件也是区分前端工程师和前端api调用师的标准之一,那么应该如何设计出一个通用组件 ...
分类：
其他好文 时间：
2019-10-15 13:27:38
阅读次数：
89
1、引言 多人、多组织或多组件发布 npm 包到同一个仓库时，可能出现命名冲突问题。 为了解决这个问题，npm 引入了“scope”（范围）概念。 在 Angular 项目中，我们通常可以看到“@angular/core”、“@angular/common”等以“@”符号开头、“/”间隔形式的依赖包 ...
分类：
其他好文 时间：
2019-10-06 11:24:48
阅读次数：
125
