链滴
社区愿景和功能特性
优雅的 Markdown 所见即所得编辑
快捷键交互
随时自由编辑分享内容
支持注销账号来去自由
分布式社区网络
开放 API
产品
Symphony 社区系统(Java)
Solo 博客系统(Java)
Vditor 编辑器(TypeScript)
思源笔记(Electron、Go)
Pipe 博客平台(Vue、Go)
发展计划表
发展简史
榜单
GitHub 仓库排行
帖子打赏排行
Solo 博客端排行
积分排行
活跃度排行
贡献排行
本站基于开源项目 Sym
编程代码问答
登录
注册
好玩
前端
后端
工作
B3
推介
查看所有领域
Vue.js
webpack
Node.js
HTML
CSS
JavaScript
Angular
React
Flutter
React Visual - 提示组件
2019-09-24 描述 根据 type 属性来创建不同的提示组件。 为组件中的元素定义适当的 CSS 样式和动画 使用 React.setState() hook 创建 isShown 和 isLeaving 状态变量,并设置他们的默认值为 false 定义 timeoutId 用来保存计时器实例,以便在组件卸载时 ..
208
4 年前
React Visual - 手风琴 (advanced)
2019-09-23 描述 渲染一个包含多个可折叠内容组件的手风琴菜单。 定义一个 AccordionItem 组件,并将其传递给 Accordion。除了在 props.children 中函数名称标识为 AccordionItem 的节点外移除其余不必要的节点 每一个 AccordionItem 组件都渲染一个 , ..
501
4 年前
JS 中原型 / 原型链 ------ Object 与 Function 的关系理解
[图片] 原型与原型链 在 JavaScript 中,原型与原型链是一个非常重要的内容,它的作用可以说是一直贯穿整个 JS 编程,关于具体的 原型、原型对象以及原型链概念本编不再做具体解释,前面的学习记录有详细说明,此次只做简单的阐述,本文重点是要谈谈博主对 Object 与 Function 的关系之间的分析与理解, ..
553
4 年前
React Input - 输入框向父组件直接传值
2019-09-20 描述 渲染一个可以使用回调函数将值传递给父组件的 元素。 使用对象解构为 元素的特定属性设置默认值 渲染一个包含适当属性的 元素,在 onChange 事件中使用 callback 函数将输入框的值传递给父组件 实现 function UncontrolledInput({ callback ..
238
4 年前
React Input - 文本输入框向父组件传值
2019-09-19 描述 渲染一个可以使用回调函数将值传递给父组件的 元素。 使用对象解构为 元素的特定属性设置默认值 渲染一个包含适当属性的 元素,在 onChange 事件中使用 callback 函数将文本框的值传递给父组件 实现 function TextArea({ callback, cols = ..
334
4 年前
React Input - 滑动元素向父组件传值
2019-09-18 描述 渲染一个可以使用回调函数将值传递给父组件的滑动元素。 使用对象解构为 元素的特定属性设置默认值 渲染一个类型为 'range'、包含适当属性的 元素,在 onChange 事件中使用 callback 函数将输入框的值传递给父组件 实现 function Slider({ callbac ..
359
4 年前
一起来学 Flutter 之图片组件、列表组件(二)
[图片] 前面学习了 Flutter 的文本组件和容器组件,今天来熟悉下图片组件和列表组件。 1.图片组件(Image Widget) 首先,我们应该明确 Flutter 中图片载入的几种方式: Image.network : 网络图片,通常后面跟网络图片地址; Image.file : 加载本地图片,通常后面跟图片的 ..
948
4 年前
React Input - 下拉列表向父组建传值
2019-09-17 描述 渲染一个 元素,可以使用回调函数将值传递给父组建。 使用对象解构对 元素中的某些属性进行默认值设置 根据传入的属性渲染一个 元素,在 onChange 事件中使用 callback 函数将选中的值传递给父元素 使用 values 数组中每一项解构为 value 和 text 的数据来渲 ..
236
4 年前
React Input - 显示密码框内容
2019-09-16 描述 渲染一个带有显示按钮的密码输入框。 使用 React.useState() hook 创建一个 shown 状态变量并设置他的值为 false 将 和 元素包裹在一个 中,通过按钮对输入框的 'text' 和 'password' 类型进行切换 实现 function Password ..
1.3K
4 年前
js 基础学习
[图片] javaScript 介绍 javaScriptdan 是一种成熟的编程语言,运用于浏览器,可以赋予页面一些行为,让其与用户实现交互使两者交流沟通更加好。它诞生于一个名叫布兰登·艾奇之手诞生之初只是为了进项表单验证。但是随着时代的发展 javaScript 所做的事情越来越多。 javaScript 的组成 ..
133
4 年前
一起来学 Flutter 之文本组件、容器组件(一)
[图片] 写在前面: 最近新接触到 Flutter 混合开发,开始学习强大的 Flutter,这是第一篇 Flutter 教程。关于 Fluuter,在这里就不多介绍了,网上有很多,不过关于 Flutter 的安装,本人确实踩了不少坑,差点就从安装到放弃了。后面有时间我可以单独出一篇教程讲述 Flutter 的安装过程 ..
235
4 年前
React Input - 多选列表向父组件传值
2019-09-12 描述 渲染一个多选框列表,可以使用回调函数向父组件传递被选中的一个或多个值。 使用 React.setState() 创建一个 data 状态变量,设置 options 属性为他的始化值 创建一个 toggle 方法,可以使用列表中 checked 的选中与否来更新 data 状态变量,可以调用组 ..
281
4 年前
JavaScript 基础②基本语法
[图片] 前言 对 web 开发有过了解的童鞋,应该知道脚步语言的一些特性,脚本语言又分为服务器端脚本语言,客户端脚本语言,服务端脚本语言有:PHP , Python , Ruby ,JavaScript(NodeJS) 等,客户端脚本语言有:JavaScript , VBScript(已退出历史舞台)等。起先 Jav ..
103
4 年前
React Input - 单词个数限制
2019-09-11 描述 渲染一个带有单词个数限制功能的 textarea 组件。 使用 React.useState() hook 创建 content 和 wordCount 状态变量,他们的值分别设为 value 和 0 创建一个 setFormattedContent 方法,使用 String.prototy ..
395
4 年前
React Input - 限制 textarea 输入的长度
2019-09-10 描述 渲染一个字符受到限制的 textarea 组件。 使用 React.useState() hook 创建一个 content 状态变量并设置他的值为 value。创建一个 setFormattedContent 方法,当长度大于 limit 时可以对其进行截断 使用 React.useEff ..
2.4K
4 年前
React Input - input 传值给父组件
2019-09-09 描述 使用内部声明的方式渲染一个 元素,让其可以使用回调函数将值传递给父亲组件。 使用对象解构为 元素的某些属性设置默认值 使用 React.setState() hook 创建一个 value 状态变量, 给定值等于 defaultValue 的属性值 使用第二个参数设置为 value 状态 ..
458
4 年前
js 前端股票图形插件 HQChart
H5, 微信小程序 沪深/港股 K 线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,(麦语法) [图片] [图片] [图片] [图片] 1. K 线图 支持前复权,后复权 支持日线,月线,周线,年线.分钟线 主图支持股票叠加 K 线形状支持 空心 K 线,实心 K 线,美国线,收 ..
3K
4 年前
Vue 学习总结
[图片] 第 1 章 课程介绍 1-1 课程简介 [图片] [图片] 学习前提: 有一些 css、js、es6、webpack、npm 等基础知识 [图片] 第 2 章 Vue 起步 2-1 学习方法 多看一下官网 api Vue 官网 务必把官网的小的 demo 自己敲一遍加深一下对语法糖的理解 2-2 hello ..
565
4 年前
React 学习总结
[图片] 第 1 章 课程导学 [图片] [图片] 学习前提 要有一些 js、es6、webpack、npm 等基础知识 第 2 章 React 初探 2-1 React 简介 React FaceBook 推出 2013 年开源 函数式编程 使用人数最多的前端框架之一 健全的文档与完善的社区 2-2 React 开发 ..
253
4 年前
Webpack JS 模块化原理
最近一直在看一些和 JS 模块化发展历程的东西,正好呢,也想了解一下 Webpack 在我们背后帮我们做了那些事情,所以就有了今天的这篇文章。 首先我们自然需要搭建一个最简单的 Webpack 环境,我这里也上传到了 [链接] 我们这里只建立一个最简单的模块依赖,只有两个文件 // index.js import sa ..
270
4 年前
React Hooks - 使用延迟
2019-09-06 描述 一个使用声明方式实现的 setTimeout hook。 创建一个接受 callback 和 delay 的自定义 hook 使用 React.useRef() hook 为回调函数创建一个 ref 使用 React.useEffect() hook 记录最近的一次回调 使用 Rect.us ..
942
4 年前
React Hooks - 使用浏览器端识别
2019-09-05 描述 一个可以检查代码代码运行在浏览器端还是服务端的 hook。 创建一个可以返回适当对象的自定义 hook, 使用 typeof window,window.document 和 window.document.createElement 来检查代码是否运行在浏览器中 使用 React.useS ..
322
4 年前
开源 PMS 统一权限管理系统
[图片] 项目地址:https://github.com/fish2018/openpms.git 一、背景 这个项目创建之初是由于我们开发了多个项目,需要对接 SSO 给其他部门使用,但是 SSO 只负责账号认证,并不负责权限分配,比如我们的发布系统,如果随便谁用 SSO 登录后就能发布生产环境应用,这就炸了。。。 ..
3.3K
4 年前
Koa
[图片] KOA 是什么 后端框架(以 nodejs 作为运行时环境的 js 框架),处理 http 请求并响应的框架,注意,学完 KOA,一定要放弃 Express 学 koa 之前 要掌握 es7 知识,会查 nodejs 的 api,了解 http 是什么 入门 创建项目 mkdir stukoa cd stuk ..
370
4 年前
JS 作用域
执行环境及作用域 代码在一个环境中执行时会创建一个作用域链,保证对执行环境的有权访问和函数的有序访问。 搜索的过程始终是从作用域链的前端开始,向后回溯 全局作用域 var color = 'blue'; function changeColor(){ if (color === 'blue'){ color = 're ..
82
4 年前
JS 基本组成
一个完整的 JS 核心(ECMAScript) 文件对象模型(DOM) 浏览对象模型(BOM) ECMAScript ECMA-265标准定义 语法 类型 语句 关键字 保留字 操作符 对象 DOM 用于 HTML 的应用程序编程接口 通过接口可以轻松删除、添加、替换、修改 节点 DOM2: DOM视图、DOM事件、D ..
119
4 年前
基于 flask 和 vue 的前后端整合开发模板
flask-vue-template 基于 flask 和 vue 的前后端整合框架,开箱即用 后端使用 flask-restplus 开发,自带 swagger,基于 flask_marshmallow 序列化对象,orm 使用 flask-sqlalchemy,已经集成基于 token 的用户认证,日志功能 后端 ..
883
4 年前
React Hooks - 使用间隔
2019-09-04 描述 用声明的方式实现一个 setInterval hook。 创建一个接受 callback 和 delay 的自定义 hook 使用 React.useRef() hook 为回调方法创建一个 ref 使用 React.useEffect() hook 记住最后一个回调 使用 Rect.use ..
308
4 年前
promise 实现
[图片] 思路: (1) 一个 promise 的当前状态只能是 pending、fulfilled 和 rejected 三种之一。状态改变只能是 pending 到 fulfilled 或者 pending 到 rejected。状态改变不可逆。 (2) promise 的 then 方法接收两个可选参数,表示该 ..
184
4 年前
React Hooks - 使用 fetch 请求
2019-09-03 描述 以声明的方式实现一个 fetch hook 创建一个接受 url 和 options 的自定义 hook 使用 React.useState() hook 初始化 response 和 error 状态变量 使用 React.useEffect() hook 用同步的方式调用 fetch() ..
1.1K
4 年前
React 虚拟 DOM 浅析
[图片] React 中采用 Virtual DOM 与 diff 的完美结合,特别是其高效的 diff 算法,让用户可以无需顾忌性能问题而”任性自由”的刷新页面,让开发者也可以无需关心 Virtual DOM 背后的运作原理,因为 React diff 会帮助我们计算出 Virtual DOM 中真正变化的部分,并只 ..
113
4 年前