不要问自己需要什么样的人生，而要问自己想要成为什么样的人。 我们从前面的学习知道一个 React 组件不仅仅只包含 DOM 结构的，还应该样式和 Javascript 逻辑的。这里我们认识逻辑构造之事件处理。 1. React 事件处理 这里列举了在 React 中事件的几种绑定处理方式： impo ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 仿贝壳地图画圈找房功能实现（高德地图） 前言 在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于web pc端开发，所以一般遇到这种圈选，绘制多边形圆形都是直接基于官方 ...

项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito ...

循环练习 1、打印100以内7的倍数 // 需要验证的是1-100之间的数字 循环计数器正好可以表示 // i初始值设置为1 正好可以表示出需要验证的数字 for (var i = 1; i <= 100; i++) { if (i % 7 == 0) { console.log(i) } } 2、 ...

简介 nodemon用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中。以前，我们开发一个node后端服务时，每次更改文件，均需重启一下，服务才能生效。这使我们的开发效率降低了很多。nodemon的出现，可以随时监听文件的变更，自动重启服务，我们开发时只需关注代码即可， ...

最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试制作了一个跨 Tab 窗口的 CSS 动画联动，效果如下： 代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - ...

专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核推荐 欢迎各位ITer关注点赞收藏 Vue3中响应数据核心是 reactive ， reactive 的实现是由 proxy 加 effect 组合，上一章节我们利用 proxy 实现了 ...

自增自减运算符 1、基本使用 内置提供 ++、--运算符 是用于将变量本身进行加1或者减1操作 // 1、基本使用 var i = 10; i++;//等价于语句 i+=1 console.log(i);//11 var m = 10; m--; console.log(m) 2、前置与后置的区别 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过 ...

一、webpack简介 webpack 是当下十分流行的一款静态模块打包工具，将JS、CSS、HTML、图片等各种静态资源视为一个个模块，通过一个或者多个入口文件通过解析依赖关系生成一个依赖图，最终打包成一个或者多个bundles，webpack本身只能打包JS文件，但是通过配置的loader和pl ...

如果你想要实现自己的梦想，就必须先拥有勇气去追求它。 1. React Props 属性 props 主要解决两个问题：复用性问题以及可以让组件之间通信。 属性 props 正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改（属性是描述性质、特点的，组件自己不能随意更 ...

简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ...

这里的styles指的是 Spreadsheet.getData() 这个函数给的数据对象中的styles变量的值 同时要注意，在使用Spreadsheet.loadData() 的时候，传入rows数据的时候如果在单元格中有styles变量，那么就必须一起传入styles 以下是styles元素中 ...

好基友扔过来一张效果图，简单分析下，一起看看如何实现它吧。 一个半环形用于表示 0 - 100%。 半环形开头有一个圆点作为修饰。 半环形两端需要呈现为圆角。 通过 div 实现 先画一个长方形。 <div class="graph"></div> .graph { width: 200px; he ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JSONP是一种很远古用来解决跨域问题的技术，当然现在实际工作当中很少用到该技术了，但是很多同学在找工作面试过程中还是经常被问到，本文将带您深入了解JSONP的工作原理、使用场景及安全注意事项，让您轻松掌握JSONP。 JSONP是什么？ ...

事件总线是对发布-订阅模式的一种实现。 发布-订阅模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 发布-订阅模式实现了松耦合，发布者不是直接将消息发送给订阅者，而是经过了一个中间的代理，事件总线就是一种中间代理的实现。 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近喜欢研究起了手表，对劳力士这款“百事圈”实在是心水的不行啊！ 心痒难耐无奈钱包不支持，作为一个前端程序员，买不起的东西该怎么办？ 当然是自己做一个啊！ 说干就干，熬夜自己做了个“百事圈”出来！源码在最后！ 先看成品 还是有那么六七成相 ...

没有什么是不可能的，只是需要找到正确的方法。 1. 什么是状态？ 状态就是组件内部特有数据的载体（组件数据挂载方式），改变数据页面就会刷新，由组件自己设置和更改，也就是说由组件自己产生、维护，使用状态的目的就是为了在不同的状态下使组件的显示不同（自己管理），这在 React 中称为：条件渲染。 为什 ...

Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块，提... ...

Promise对象用于清晰的处理异步任务的完成，返回最终的结果值，本次分享主要介绍Promise的基本属性以及Promise内部的基础实现，能够帮我们更明确使用场景、更快速定位问题。 ...