前端笔记本

数字动画 Vue-count-to Vue-count-to是一款简单好用的一个数字滚动插件，并且是一个无依赖，轻量级的vue组件 官网 http://panjiachen.github.io/cou

1. 设计问题 屏幕： 按比例设计，等比例放大缩小控制字体图表等页面元素 正常电脑16:9，大屏3:4或2:1等，如果电脑和大屏比例不一致，一般按照电脑比例设计，否则如果按照大屏比例设计，将无法在其他

快速开始 以上命令执行完成后，浏览器自动打开： http://localhost:3000/ 构建React项目的其他方式 npm yarn 项目目录 默认的npm脚本 启用Sass 安装完之后，把原

Vue3快速上手 本篇为搬运尚硅谷笔记 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次

感谢DieHunter1024的WebSocket使用及优化（心跳机制与断线重连） 为了自用方便，记录一下 websocket demo 实现websocket基本功能 服务端 服务端采用node+w

建立一种对象与对象之间的依赖关系，一个对象发生改变时将自动通知其他对象，其他对象将相应做出反应。 而且这些观察者之间没有相互联系，可以根据需要增加和删除观察者，使得系统更易于扩展，这就是观察者模式的模式动机。

MongoDB 一、基础 1. 环境配置 首先安装 MongoDB 和 Node.js npm安装mongoose mongoose可以理解为在node中可以连接mongoDB数据库的工具 2. 简单

前言废话 做前端两年了，我终于向全栈迈进了，node官网大量api对新手学习并不友好，我打算跟着B站视频从使用Express框架开始一点点接触node，待我度过初级阶段和遇到场景再深入官网学习各个ap

HTTP Hyper Text Transfer Protocol 超文本传输协议 应用层 HTTPS Hyper Text Transfer Protocol over SecureSocket L

在做微信小程序的时候，经常会遇到需要页面间传递参数的情况，总结了以下几种方法：URL传参、全局变量和缓存URL传参URL传参简单易用，但只能传递简单参数全局变量本地缓存在跳转页面之前先把参数保存到缓存

你可以使用 man [命令] 来查看各个命令的使用文档，如 ：man cp。 -P ：显示出确实的路径，而非使用连结 (link) 路径。 利用 -p 这个选项，立刻就可以将 test1/test2/test3/test4 一次删除。 不过要注意的是，这个 rmdir 仅能删除…

很久之前，Web基本上就是文档的浏览，服务器不需要进行什么记录。这一次请求和上一次请求没有任何关系，无状态带来的好处是快速。 但是随着交互式Web应用，马上就面临了一个问题，例如在线购物等需要登陆的网站，服务器没办法单单从网络连接上知道访问者的身份。为了使某个域名下的所有网页能…

一个前端小伙伴给我看React事件处理函数的两种写法，问了一些问题，于是我查阅了一些文档... ES6 的Class可以看作一个语法糖，写法让对象原型的写法更加清晰、更像面向对象编程的语法，上面的代码用 ES6 的Class改写，就是下面这样。 Point类除了构造方法 con…

这个Modal的样式是有作用域的，所以官方文档中写明，可以给Modal指定className。 在写scss时要注意，modal的className: myModal不能嵌套在container里面，一定要自己是最外层，可以理解为Modal是独立的样式作用范围。

RegExp对象表示正则表达式，是由普通字符和特殊字符(也叫元字符或限定符)组成的文字模板。 . ： 任何单个字符(除了换行和行结束符) 正则表达式默认会匹配贪婪模式（尽可能多的匹配）。 也可用于改变和重新编译正则表达式。 检索字符串中指定的值。返回找到的值，并确定其位置 返回…

CSS困境：经常看到一个标签上存在很多样式类名，在这种模式中我们要时常关注CSS的优先级，避免样式的重叠覆盖。 Sass 与 Stylus 相比于 Less 功能更为丰富，但对于学习成本以及适应时间 ，Less 稍胜一筹。 Less 没有去掉任何 CSS 的功能，而是在现有的语…

Promise.allPromise.waitall

假定有个列表，每个列表项都有一条底边线，但是最后一项不需要底边线。 ::placeholder在使用时需要加上各个浏览器的前缀；除了Firefox是 ::[prefix]placeholder，其他浏览器都是使用 ::[prefix]input-placeholder。

布局的传统解决方案是基于盒模型，依赖 display + position+ float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为“弹性布局”。 采用 Flex 布局的元素，称为 Flex 容器（fl…

新建一个<canvas>网页元素。 支持<canvas>的浏览器将会忽略在容器中包含的内容，正常渲染canvas。 默认宽度为300像素，默认高度为150像素。 <canvas>元素只是创造了一个固定大小的画布，要想在它上面去绘制内容，需要用getContext()方法找到它的…