链滴
社区愿景和功能特性
优雅的 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
iView + 七牛云 上传组件封装
新建一个页面模板 选择文件 创建一个 getQnyToken 文件,来获取七牛云的上传 token import Axios from 'axios' let api = process.env.baseUrl let member_token export default async function () { ..
321
3 年前
如何用 css 绘制三角形?
首先,我们知道用边框实现一个三角形很简单,直接上代码上图。 .triangleTest { .content div { width: 0; height: 0; &.up { border-left: 50px solid transparent; border-right: 50px solid tra ..
250
3 年前
NUXT HTTPS
[图片] 配置 nuxt.config, 加上如下代码 server: { port: 3000, // default: 3000 host: '127.0.0.1', // default: localhost, https: { key: fs.readFileSync(path.resolve(__dirnam ..
824
3 年前
vuejs 简单的点击效果
迫于注意力无法集中, 实现了简单的 web 端的点击效果, 有没有大神告知一下, mac and windows 下有没有这种点击效果的软件, 找了很久都没有找到. 难道要自己写吗 [链接]
265
3 年前
Vue 预渲染 || 服务器端渲染 `pre-render or server-side rendering`
最近在做一些性能指标度量的工具,开始接触到 pre-render,也顺便借此机会记录下来,提供给社区交流与学习。 关键词 SPA:single-page application。通过动态重写当前页面来与用户交互,而非传统的从服务器重新加载整个新页面。 预渲染:pre-render。 服务器端渲染:server-side ..
8
3 年前
第二个轮子来了——使用 Vue + Markdown 完成的一个在线 Markdown 简历项目——1024 RESUME
名称:1024 RESUME 地址:https://resume.1024.cool Github: https://github.com/1024-cool/markdown-resume 背景 Jack Wang 要开始新的求职生涯哟。求职大概几件事情得做。 简历 面试 合同 但是市面上符合程序员的求职简历模板真的 ..
818
3 年前
JS 的递归遍历
JavaScript 的递归遍历会经常遇到,适当的运用递归遍历,可以提高代码性质量。 1.某些时候递归能替换 for 循环 我们先看一下下面 2 个例子。 var arrList = [1,2,3,5,100,500,10000,10000,1000,10000002] //for循环测试 function forTe ..
105
3 年前
100 行代码实现一个 vue 分页组件
上次已经讲解过 vue 组件的实现过程,具体可以看这篇文章:点击访问 今天用 vue 来实现一个分页组件,总体来说,vue 实现比较简单,样式部分模仿了 elementUI。所有代码的源码可以在 github 上下载的到:下载地址 先来看一下实现效果: [图片] 点击可查看运行效果:线上地址 整体思路 我们先看一下使用 ..
546
3 年前
前端异步是什么?哪些情况下会发生异步?
前端异步是什么?哪些情况下会发生异步? 异步是什么? 这里就不拿官方的解释来解答了,只以个人理解来回答问题,轻喷。我们知道 JavaScript 是单线程的,不像 java 等语言是多线程的,所以一般情况下,js 代码是一行一行的执行的。但是某些时候需要用异步来提升性能,比如说一个网络请求需要服务端返回数据 30s,j ..
178
3 年前
JavaScript - 获取质数
2020-04-30 描述 使用埃拉托色尼筛选法(the Sieve of Eratosthenes),根据给定的数字生成质数。 提示 生成一个从 2 到给定数字的数组 arr 生成一个从 2 到给定数字的平方根的数组 numsTillSqroot 使用 Array.prototype.filter() 过滤掉 arr ..
131
3 年前
JavaScript - 求幂集
2020-04-29 描述 返回给定数字数组的幂集。 提示 使用 Array.prototype.reduce() 和 Array.prototype.map() 结合对元素进行遍历 将所有组合情况放到一个数组中 代码 const powerset = arr => arr.reduce((a, v) => ..
114
3 年前
最近要写一篇关于 css 基本动画的性能文章,求建议
最近要写一篇关于 css 基本动画的性能文章,求大家给点建议,或者给点输入 主要方向就是基本上的 CSS 动画,比如 transform 、translate 等等
147
3 年前
JavaScript - 百分比
2020-04-28 描述 使用百分比表示给定的数组中有多少个数字小于或等于给定的值。 提示 使用 Array.prototype.reduce() 计算有多少个数字小于指定的值,有多少个数字等于指定的值 将最终结果转换为百分比 代码 const percentile = (arr, val) => (100 * ..
188
3 年前
你可能会错过的 CSS 伪类
[图片] (伪)选择器使您可以将样式分配给实际上是由某些元素的状态,文档中的标记模式甚至文档本身的状态推断出的幻影类。 -CSS:权威指南:Eric Meyer,Estelle Weyl 这篇文章是对鼓励在构建 UI 时使用更多普通 CSS 和更少 JS 的一种鼓励。熟悉 CSS 所提供的一切都是实现这一目标的一种方法 ..
126
3 年前
JavaScript - 获取计算后的最小值
2020-04-27 描述 对数组中的每一个元素使用提供的函数进行运算后,返回结果集中的最小值。 提示 使用 Array.prototype.map() 迭代每一个元素,返回通过 fn 运算后的值 最后使用 Math.min() 获取最小值 代码 const minBy = (arr, fn) => Math.m ..
161
3 年前
JavaScript - 求两点之间的中间点
2020-04-26 描述 计算两个 (x, y) 点之间的中间点。 提示 分解数组以获得 x1, y1, x2 和 y2 通过两点相加再除以 2 来计算每一个纬度的中间点 代码 const midpoint = ([x1, y1], [x2, y2]) => [(x1 + x2) / 2, (y1 + y2) ..
1.2K
3 年前
JavaScript - 求中位数
2020-04-24 描述 返回一个数字数组中的中位数。 提示 使用 Math.floor 找出数组的中间索引 使用 Array.prototype.sort() 进行排序 如果数组长度为奇数就返回最中间的数字,否则返回两个中间数字的平均数 中位数(Median)又称中值,统计学中的专有名词,是按顺序排列的一组数据中居 ..
632
3 年前
请教一个 js 的问题
let a = { a: 1, b: 2, c: 3 } let b = a b.a = 2 console.log(a.a) // 2 let c = JSON.parse(JSON.stringify(b)) c.a = 4 console.log(a.a) // 2 /* ** 请问这是为什么?? */
100
3 年前
JavaScript - 获取计算后的最大值
2020-04-23 描述 对数组中的每一个元素使用提供的函数进行运算后,返回结果集中的最大值。 提示 使用 Array.prototype.map() 迭代每一个元素,返回通过 fn 运算后的值 最后使用 Math.max() 获取最大值 代码 const maxBy = (arr, fn) => Math.m ..
145
3 年前
求助!这种怎么用 var 定义的变量赋值?
[图片] 如图!上面是一言的返回值,是一句名言,下面是一个打字机效果。 我想把这两个结合起来,放到我的博客中。 我想要的效果是打字机效果展示一句随机的名言。 但是我不知道怎么把图中红色框中的文本用绿色框中的变量来赋值。 求助各位大佬们 如果告诉我其他方法添加我想要的效果,也可以!
50
3 年前
JavaScript - 根据范围映射获取对应的数字
2020-04-22 描述 根据一个范围到另一个范围的映射,获取提供的数字相对应的映射。 提示 在 outMin-outMax 到 inMin-inMax 中返回 num 的映射 代码 const mapNumRange = (num, inMin, inMax, outMin, outMax) => ((num ..
219
3 年前
今晚 21 : 30 Vue.js 3.0 时代拉开帷幕
[图片] [链接]
216
3 年前
JavaScript - 是否满足 Luhn 算法
2020-04-21 描述 [链接] 的实现被用于验证各种身份的标示码。例如信用卡编号,国际移动设备识别码(IMEI),国家提供商标识符等。 提示 经过 String.prototype.split(''),Array.prototype.reverse() 和 Array.prototype.map() 组合后使用 ..
143
3 年前
JavaScript - 求最小公倍数
2020-04-20 描述 返回 2 个或多个数字的最小公倍数。 提示 使用最大公约数(GCD)公式和 lcm(x,y) = x * y / gcd(x,y) 来确定最小公倍数 GCD 公式使用递归 代码 const lcm = (...arr) => { const gcd = (x, y) => (!y ..
229
3 年前
JavaScript - 是否为质数
2020-04-17 描述 检查提供的数字是否为质数。 提示 从 2 到给定数字的平方根递增进行检查 如果给定的数字能被他们整除就返回 false 否则当指定数字大于等于 2 时就返回 true 代码 const isPrime = num => { const boundary = Math.floor(Mat ..
102
3 年前
JavaScript - 是否为 2 的 n 次幂
2020-04-16 描述 如果给定的数值为 2 的次幂则返回 true,否则返回 false。 提示 使用二进制位运算符 & 来检测 n 是否为 2 的次幂 此外,还需检测 n 不为假值 代码 const isPowerOfTwo = n => !!n && (n & (n - ..
153
3 年前
JavaScript - 是否为奇数
2020-04-15 描述 如果给定的数字是奇数就返回 true,否则就返回 false。 提示 使用模运算符 % 来检测一个数字是奇数还是偶数 如果数字为奇数就返回 true,为偶数就返 false 代码 const isOdd = num => num % 2 === 1; 示例 3 是否为奇数: isOdd ..
3.2K
3 年前
关于 vue.js 集成 springsecurity 前后端分离 登录认证过了 postman 正常
[图片] postman 是通过认证可以访问到这个接口 但是前端 8080 端口 访问状态是对的 [图片] 点进去看是未登录 [图片]
50
3 年前
如何在 Vue 中使用 vditor 啊?
如题,求教。
1.3K
4 年前
关于 window.onunload() 方法
现在有个业务需求,用了弹窗(window.open)做选择,但是弹窗窗口中还会跳转一次,这时问题来了,我在子页面控制 onunload 方法中刷新父页面,子页面的跳转也触发这次 onunload 了(W3C 定义:onunload 事件在用户退出页面时发生。),在这里有没有比 onunload 方法更合适的呢
742
7 年前
单页面多 tab 系统,tab 页面切换的问题
单页面系统,很多菜单 [图片] 点击一个菜单 ,打开一个 tab 页面 A,后台加载,用户操作了一堆 点击另外一个菜单,打开另外一个 tab 页面 B,后台加载 用户切换回去 tab A,要保留之前离开时候的样子 实现方法: 采用 hidden 的方式, 把打开过切走的页面全部 hidden 起来,难点:每个页面都需 ..
2.8K
8 年前
CSS 背景色渐变写法兼容 ie6 至 ie9
最近在项目中,有很多地方都用到了线性渐变,比如:表单提交按钮的背景,数据展示的标题背景等等,按照以前的做法是切 1px 图片然后 repeat-x。下面我将介绍如何用 css 来完成该效果。 在对应的元素上写上: .gradient{ filter: progid:DXImageTransform.Microsoft. ..
800
7 年前