链滴
社区愿景和功能特性
优雅的 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
个人支付宝微信支付回调实现原理
[图片] [图片] 用户打开浏览器,先从 sessionStorage 读取订单号,如果本地没有则生成订单号,sessionStorage 保存一份,post 订单号和支付类型给后端 后端收到请求后,生成待付费用(整数 + 随机小数),将订单号,支付类型,待付费用,时间戳,写入订单表(id 订单号 待付费用 时间戳), ..
795
3 年前
JavaScript 的类型系统
当前 ECMAScript 标准定义了 8 种数据类型,包括 7 个原始(primary)类型,还有一个是对象类型。 类型 含义 说明 Undefined 未定义 未声明的变量,或者声明过但未赋值的变量的值。该类型只有一个值:undefined。 Null 空值 该类型只有一个值:null。 Number 数值 表示整 ..
147
3 年前
【React】上拉加载更多,原生 js 的实现
本来是找的第三方库,但是都不好用,由于项目使用的布局是 Absolute,导致各种 bug,最后还是用原生吧。 给需要监听的组件设置一个 Ref。 (this.scroll = e)}> 然后在组件加载后 if (this.scroll) { this.scroll.addEventListener('scro ..
331
3 年前
webpack 加载器 - 打包处理 css 文件
[链接] 1. 创建 src\css\1.css 文件 li { list-style: none; } 2. 在 index.js 中引入 1.css 文件 import './css/1.css' 3. 自动打包的时候提示了错误 提示缺少一个合适的 loader 来处理 .css 文件 4. 安装 loader n ..
139
3 年前
ES6 类的私有属性
怕是面试题 - ES6 类的私有属性 TS 中实现了 ES6 找那个类的基本功能以外,同时还添加了一些新的方法,比如私有属性,继承多态(面向对象)等。 俺对私有属性的实现,确实比较感兴趣,琢磨着也得了解了解 ES6 怎么去实现。 // 私有属性 - 闭包实现 class Example1 { constructor() ..
262
3 年前
JS 打包压缩工具测试(benckmarks)
JS 打包压缩工具测试(benckmarks) 测试工具 测试对比的工具如下: [链接]:支持 es6 语法的压缩工具 [链接]:外界认为是一款快 10~100 倍的压缩工具 [链接]:支持 es6 [链接]:老派 结果 code: [链接] 标识: Ms:最快 最慢 Size:最轻 最重 Gzip:最轻 最重 d3/ ..
265
3 年前
JavaScript 基于原型的继承
面向对象中的继承特性,有三种实现方案: 基于类(class-based) 基于原型(prototype-based) 基于元类(metaclass-based) JavaScript 采用的是基于原型的实现方案,这也是 JavaScript 最重要的语言特性之一。 ES6 之前,在 JavaScript 中没有类(cl ..
134
3 年前
JavaScript 简介
[图片] JavaScript 历史 Brendan Eich 自 1995 年 4 月受聘于网景公司,开始实现一种名为“魔卡(Mocha)”——JavaScript 最早的开发代号或名称的语言。仅两个月之后,为了迎合 Netscape 的 Live 战略而更名为 LiveScript。到了 1995 年年末,又为了迎 ..
118
3 年前
CSS 笔记整理
清除浮动 浮动是我们常用的一种布局方式,随之而来的就是需要清除浮动,其中我觉得最方便也是兼容性最好的一种是,在同级目录下再创建一个 :after
216
3 年前
【react-native】Undefined symbols for architecture x86_64
出现这种情况,多半是你添加了一个新的第三方库,结果不兼容,或者编译失败了,然后使用 yarn remove xxx 移除卸载后 同样不行,重新安装 pod 呢,也是有问题。 建议: 1.rm -rf node_modules 2.cd ios && rm -rf Podfile.lock Pods 3. ..
260
3 年前
写了一个快速创建引导页的小工具,正式版发布了
上半年的重心是一个技术项目,如果也顺利落地并进入了维护阶段,老大的要求一直是非常苛刻的,用户体验要求非常高。 在项目不断的迭代中,增加了很多功能,但是在实际给用户演示过程中,发现很多功能用户并不知道,这样萌生了这个小工具的想法。 为什么要自己写? 开源中有一个 intro.js,但是整体来说,体积比较大,很多功能也不需 ..
589
3 年前
距离全栈 你只差一个 kotlinx
示例项目地址: https://github.com/wangyuheng/kotlin-dsl-html 全栈不能保证一定能够解决复杂的问题, 但却能帮你打开解决复杂问题的大门. [图片] 近些年,前端技术变得愈发复杂。这一趋势除了导致全球变暖,也让全栈开发的难度越来越大。 但是,阻碍一个后端开发去写页面的根本原因到 ..
538
3 年前
scrollIntoView 函数简化置顶功能
基本介绍 [图片] Element.scrollIntoView() - Web API 接口参考 | MDN Element developer.mozilla.org Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 仔细想想,发现这个功能有很好的的实用性,比如置顶 ..
324
3 年前
Vue3.0 正式发布在即,element 凉了?
Vue3.0 正式发布在即,element 凉了? [图片] Vue3.0 在今年第三季度正式发布。 但是 element-ui 据目前居然停更了 4 个月,要凉的赶脚么。 [图片] 8/23、9/13 只是更新说明,其他的都没有更新。 [图片] 提交最多的大佬也没更新了 根据网上消息,element 核心团队都离职了 ..
1.9K
3 年前
分享:一键拷贝常用动画效果 CSS 代码
分享一个 CSS 动效相关的网站: https://cssfx.lovejade.cn/ 。她集合 Web 开发中常用的动画效果,如鼠标悬停、输入框获取焦点、加载、以及其他动画;不仅有展示效果,并提供一键拷贝至剪切板,以便您可以在自己的项目中使用。 备注:这个项目是基于 Github 的一个项目(CSSFX )fork ..
362
2 年前
input 宽度设置注意事项
input 的 width 属性只对 type='image'情况下起作用,可参考 [链接],如果想对 input 元素设置高度和宽度请使用 css 样式 style='width:158px;height:30px'。
141
3 年前
vue 疑难杂症三大定理
据说,Vue 项目解决 bug 和问题用这三步就可以 没有什么是 deep watch 解决不了的,有就加 immediate 事件相关,dom 不更新?试试 nextTick 实在不行,就用 setTimeout
416
3 年前
nebula-helper in macos
查看项目结构 第一步:含有 package.json 的项目基本上为 nodejs 项目 第二部:查看 package.json 依赖表明这是一个 vue/element/electron 的混合项目 由于有 electron 的依赖,所以大概率为一个客户端程序 0.安装环境 确定为 Nodejs 环境后,mac 用户 ..
196
3 年前
如何优化 Vue 项目的打包速度
优化 Vue 项目的打包速度 随着项目依赖的增加, 在配合开发的时候听到后端同学的抱怨 build 时间长, 及其影响开发效率和心情. 然后翻阅了相关的资料开启 Vue 优化之路。 此项目是针对 vue-cli2 脚手架进行优化的 项目依赖管理 首先检查一下依赖, 去掉对项目没用的依赖, 然后注意开发依赖跟生产依赖不能 ..
905
3 年前
对键进行重命名
2020-08-20 描述 根据提供的键值对将对象中的多个键进行重命名。 提示 在 Object.keys() 的返回值上使用 Array.prototype.reduce() 以获取对象的所有键 通过扩展运算符(...)和 keysMap 对其匹配的键进行重命名 代码 const renameKeys = (keys ..
245
3 年前
浅克隆
2020-08-21 描述 为一个对象进行浅克隆。 提示 使用 Object.assign() 和空对象({})为原始对象创建一个浅克隆 代码 const shallowClone = obj => Object.assign({}, obj); 示例 浅克隆一个对象: const a = { x: true, ..
186
3 年前
将一个对象转换为由键值对数组组成的二维数组
2020-08-25 描述 从一个对象或其他迭代(对象,数组、字符串、集合等)中创建一个由键值对数组组成的数组。 提示 检查 Symbol.iterator 是否被定义 如果是的话,使用 Array.prototype.entries() 为给定的可迭代对象获取他的迭代器 使用 Array.from() 将结果转换为一 ..
310
3 年前
获取各类型值的长度
2020-08-24 描述 获取一个数组、对象或字符串的长度。 提示 获取 val 的类型(array,object 或者 string) 数组使用 length 属性 如果 length 或者 size 可用的话就使用他们,否则的话使用对象拥有键的数量 如果 val 为字符串的话就使用其创建一个 Blob 对象,然后 ..
151
3 年前
根据函数动态选取需要的键值对
2020-08-19 描述 当每一个键值对使用给定的函数返回真值时,就将他们组合成一个新的对象。该函数调用两个参数:(值,键)。 提示 使用 Object.keys(obj) 和 Array.prototype.filter() 来移除 fn 返回假值的键值对 使用 Array.prototype.reduce() 将 ..
191
3 年前
选取需要的键值对
2020-08-18 描述 根据给定的键,从对象中选取与之对应的键值对。 提示 使用 Array.prototype.reduce() 如果键存在于对象中,则将过滤出/选中的键转换回包含其键值对的对象 代码 const pick = (obj, arr) => arr.reduce((acc, curr) =&g ..
160
3 年前
更换 npm 源国内镜像 cnpm
[图片] npm config set registry https://registry.npm.taobao.org **
175
3 年前
VUE 基础个人学习总结
[图片] 个人学习过程总结,新人可以参考。xmind 文件在文章底部。 [图片] [链接]
196
3 年前
javascript 深入个人学习总结
[图片] 个人学习过程总结,新人可以参考。xmind 文件在文章底部。 [图片] [链接]
166
3 年前
CSS3 个人学习总结
个人学习过程总结,新人可以参考。xmind 文件在文章底部。 [图片] [链接]
154
3 年前
前端 - 可选链和空值合并运算符功能,你们觉得鸡肋么?
两种大家比较期待的两种语法新特性已经陆陆续续有浏览器支持了: 可选链操作符([链接]) 空值合并运算符([链接]) 空值合并运算符 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。 const foo = null ?? 'defa ..
337
3 年前
几个 CSS 小技巧
最近在为项目添加一个首页,写了一堆 HTML 和 CSS,不过总算是一天给搞定了,上级也比较满意。 在实现的过程中,也发现了几个平时没有考虑过的 CSS 技巧,在这里算记录也算是分享吧 渐变 首先还是简单介绍一下 CSS 渐变: CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以 ..
969
3 年前
javascript 按键事件
有三种按键事件类型:keydown,keypress,keyup。 一个典型的按键会产生所有的这三种事件,依次是keydown,keypress,keyup。 如果一个键被按下并自动重复,则可能有多个keypress事件。 不能打印的功能键 会产生keydown,keyup事件。在某些浏览器中也可能产生keypress ..
423
10 年前