链滴
社区愿景和功能特性
优雅的 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
JavaScrpit 概念快速概览
快速入门 javaScript 每个语句以 ; 结束,语句块用 {...}。 注释 以 // 开头直到行末的字符被视为行注释,块注释是用 /*...*/ 把多行字符包裹起来,把一大“块”视为一个注释。 大小写 JavaScript 严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。 类型 number(不区分 ..
93
2 年前
绕开 web 页面禁止复制限制
[图片] 什么是 web 页面禁止复制? 具体来说就是当在 web 页面按下“CTRL + C“就会提示开通会员什么的,例如“360 文档”,按下复制就会提示登录了 [图片] 不是登录就是开通会员,但就是不想做。 那么有没有办法绕过呢?答案是肯定的!(不然我写这篇文章是为了干嘛) 绕过限制 简单粗暴的方法:就是禁止 J ..
282
3 个月前
90% 高仿 iOS 天气 APP
高仿 iOS 天气 [图片] [图片] demo Demo 如有加载不出来,请科学学习 ImitationiOSWeather: 90%Imitation iOS Weather (gitee.com) ImitationiOSWeather: 90%Imitation iOS Weather (github.com) ..
310
2 年前
vite 构建 react 项目——与 webpack 构建进行对比
为什么使用 vite https://cn.vitejs.dev/ 开发时能提高效率。 vite 让浏览器接管了打包程序的部分工作,以原生 ESM 方式提供源码。所以 vite 只需要在浏览器请求源码时进行转换并按需提供源码,根据情景动态导入代码,即只有在当前屏幕上使用时才会被处理。 安装 npm init vite@ ..
316
2 年前
快速学会使用 react redux
redux 的快速使用 这里以在 react 当中的使用为例。 搭配 React Router 一般都会使用 react router ,以便于路由处理器可以访问 store。尤其是在需要时光旅行和回放 action 来触发 URL 改变的需求下。 从 React Redux 导入 Provider : import ..
185
2 年前
redux 概念简述
如果已经简单了解过 redux 的概念,可以直接看 redux 的快速使用。 redux 的核心概念 掌握了 redux 的核心概念,才能更加快速的领悟 redux 的写法。 还记得 react 的哲学吗? 将设计好的 UI 划分为组件层级、创建静态版本、确定 UI state 的最小(且完整)表示、添加反向数据流。 ..
108
2 年前
我还不知道这个叫什么
ng-alain 转载请注明原出处,勘误请发送电子邮件 1.什么是 ng-alain? [链接] 是来自中国作者 [链接] 开源出的一个企业级中后台前端/设计解决方案脚手架,秉承 Ant Design 的设计价值观,让 Angular 快速落地于企业生产实践中的一个高集成性框架。 其中提供了非常丰富的功能诸如 Dyna ..
120
2 年前
移动前端开发——网页适配并响应不同的分辨率的设备
要在移动设备上进行网页开发,只有明白移动设备上的 viewport ,并且掌握跟 viewport 有关的 meta 标签的使用,才能更好地让网页适配或响应各种不同分辨率的移动设备。 viewport 移动设备上的 viewport 就是设备屏幕上能用来显示网页的区域。 视口当前可见的部分叫做可视视口(visu ..
147
2 年前
在 React 中使用 Vditor 的新姿势
又一个新轮子诞生 Vditor 和 Lute 的源代码我都通读过, 每次在 React 项目中使用 Vditor 的姿势都让我觉得蛮麻烦的, 在 npm 上面也看到有老哥给 Vditor 包装了一层 React 组件。为了代码的绝对安全可控, 自己基于 Vditor 的特性实现了 React 组件的包装并拓展了部分常用 ..
664
2 年前
flutter 单例
flutter 单例
87
2 年前
JavaScript | 学习笔记 [2] Tab 栏切换
[图片] 写在前面 学习 JavaScript 写到第二个实例,做个记录方便下次记忆。 [图片] 实现思路 准备个比较简单的 H5 骨架,然后写 JavaScript 先获取两个重要元素:.tab_item.item for 循环给到 data-index 索引 tab_item 循环点击然后再次 for 循环 排它 ..
141
2 年前
JavaScript | 学习笔记 [1] 点击切换背景实例
[图片] 写在前面 最近在学习 JavaScript,说来惭愧,学习进度比较低下基础语法大概学了 30% 左右,也是工作之余来学习,然后最近按照学习进度,做了个小小的 Demo,做个记录方便下次查阅。 实现思路 id 为:app 的盒子嵌套五个小盒子,然后点击五个小盒子获取盒子的 background-color 然后 ..
121
2 年前
JavaScript 根据日期判断当前是周几。
一、创建周一至周末数组 由于我是 uni-app 项目,所以就使用 uniapp 的格式了,js 也一样。 weekDay: ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'] 二、写方法返回当前星期几。传值为日期,如 2021-07-08 isWeekDay(date) ..
203
2 年前
css 旋转 div 盒子
关键代码是:/* transform: rotate(333deg); */ 旋转前: [图片] 将关键代码注释解开: transform: rotate(333deg); [图片] 还可以在开发者工具中任意旋转。任意旋转指针即可。 [图片]
153
2 年前
在 React 中获得纯粹的函数式编程体验
使用 React Hooks 以及 Typescript,采用函数式编程风格编写组件 Todo 组件 Todo.tsx import React, { useState } from 'react' interface TodoItem { label: string; date: string; } type Tod ..
179
2 年前
JavaScript 学习笔记|简单的猜数字 Demo
学习状态 过目即忘 贴上 code Code 理论上来讲应该没啥错 [图片] [图片] 思路 getRandom 生成 1-10 的随机整数 for 循环 去猜 如果 i == 10 也就是循环次数达到了 10 次,还没猜对,那么就不让你猜了直接 break 跳出循环 如果猜对了也跳出循环。
135
2 年前
如何用 CSS 实现文字渐变色动画
思路 -webkit-background-clip 可以创建基于文字的背景裁剪,如果将文字的颜色设置为 transparent,文字就可以表现为背景的颜色 用 @keyframes 定义基于 backgorund-position 变化的动画,即可形成文字颜色渐变效果 代码&效果 See the Pen &a ..
575
2 年前
PS、CSS 使图片高斯模糊
一、PS 图片高斯模糊 1、打开 ps,将图片导入。 [图片] 2、菜单栏选择滤镜-模糊-高斯模糊 [图片] 3、将半径修改即可,值越大越模糊。 [图片] 二、CSS 调整图片高斯模糊 Hello World Blurred Background Image filter: blur(15px):blur 中的值越 ..
179
2 年前
近日项目介绍:哔哩哔哩 - 瓦尔基里
后端源代码地址:https://github.com/lixiang810/bilibili-valkyrie 前端尚未开发,且可能以包括但不限于浏览器插件、油猴脚本、独立网页的形式存在。如果乐意开发,也可以仿照后端里的测试代码写一下。 请以包括但不限于 star / watch / fork / pr / 点赞 / ..
642
2 年前
JavaScript 将字符串 base64 编码
function base64Encode(baseSting) { var base64Chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'; var length = baseSting.length; var char ..
132
2 年前
开源月刊《HelloGitHub》第 62 期
兴趣是最好的老师,HelloGitHub 让你对编程感兴趣! [图片] 简介 分享 GitHub 上有趣、入门级的开源项目。 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等,涵盖多种编程语言 Python、Java、Go、C/C++、Swift...让你在短时间内感受到开源的魅力,对编程产生兴趣! 项目地址 ..
422
2 年前
Ant Design Pro 从零到一 (总结)
[图片] ES6 语法 要好好学习一下 ES6 语法的,建议看看 ES6 入门教程 - ECMAScript 6 入门 (ruanyifeng.com) 1.1 ES6 教程 | 菜鸟教程 (runoob.com) let 与 const let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只 ..
337
2 年前
Ant Design Pro 从零到一(Mock 使用)
[图片] 认识 Mock 学到这里就算是开始踏入 AntD 的门,然后我们还得学习一下常用的一些操作,例如 Mock。 针对与 Mock 他大致就是用来模拟数据的,为什么会有它的出现呢?因为现在前后端开发基本是分离的,但是数据结构一般都会先定好,在日常开发中,为了前端的进度不受到后端的影响,常用 Mock 来做虚拟数据 ..
496
2 年前
React 从零到一 Demo 演练(下)
废话 这一部分比前一篇难懂些,但是还是的了解、掌握,至于用嘛,后面自己在好好研究,由于写这套教程时候我才学习一个周,所以可能有错的地方,多包涵。 React API React 的 Api 有很多,这里为了后面 AntD 的上手,就简单介绍 6 个,够用就行,分别是: 设置状态:setState 替换状态:replac ..
118
2 年前
React 从零到一 Demo 演练(上)
[图片] 废话 有的人会很懵逼把,为什么我想学习 Ant Design Pro,却来学习 React,这是因为 Ant Design Pro 作为开箱即用的中台框架,你需要有 React 基础,因为里面全 TM 是 JS 或者 TS(typeScript),如果有 React 基础的请跳过 React 教学部分。 PS ..
134
2 年前
React 用 Await 组件来控制依赖 promise 的渲染
背景 慢慢在前端挖坑,各类框架都有接触学习,在学 Svelte 的过程中看到了一个好玩的语法——await 块。然后我就寻思可不可以在 React 也实现这样的组件呢?因为总感觉类似于 ejs 的方式有点奇怪,然后就整出来了一个 [链接] 这个库,挺好玩的。 在 Svelte 中 下面的这个是官方的示例 {#await ..
192
2 年前
清理 node_modules
find . -name 'node_modules' -type d -prune | xargs du -chs [图片] find . -name 'node_modules' -type d -prune -exec rm -rf '{}' +
208
2 年前
Vue 计算属性和侦听属性
[图片] 计算属性 在模板内可以使用表达式,但是如果在模板中放入太多的逻辑会让模板变的复杂且难以维护。 为此,Vue 提供了 计算属性。对于大部分复杂逻辑,都应该使用 计算属性。 简单示例 计算属性的简单示例: example Original message: '{{ message }}' Computed re ..
97
2 年前
Vue 实例
创建 Vue 实例 开发一个 Vue 应用,首先要通过 new Vue 创建一个根 Vue 实例。通常这个实例要与 HTML 中的元素关联。 示例: My first Vue app {{ message }} 数据和方法 使用 new Vue() 创建 Vue 实例时,需要传入一个参数对象。 这个对象最主要的 ..
95
2 年前
「信达」更新啦——支持上行下行的双向消息推送服务
快速开始 注册及关注微信服务号 首先,你需要注册一个账号,从而获取 secretkey。这是调用信达 API 的鉴权方式。 https://sender.xzhsh.ch/signup 关注公众号并取得 Secretkey。 [图片] 接收通知 调用下面的接口即可通过公众号发送消息。接口参数和 Server 酱一样。 ..
365
2 年前
在 Windows 搭建 Vue 开发环境
安装 VS Code 下载 Visual Studio Code 并安装。 然后在 VS Code 中安装 Vetur 插件。 安装 Vue CLI Vue CLI 是 Vue 提供的一个开发工具,它的运行依赖 Node.js。因此,首先要安装 Node.js 和 npm,直接去 Node.js 官网 下载安装包安装即 ..
150
2 年前