首页
学习
活动
专区
圈层
工具
发布

前端大牛们都学过哪些东西?

React react.js 中文论坛 react.js 官方网址 react.js 官方文档 react.js material UI react.js TouchstoneJS UI react.js...amazeui UI React 入门实例教程 - 阮一峰 React Native 中文版 Webpack 和 React 小书 - 前端乱炖 Webpack 和 React 小书 - gitbook...开发规范 前端 通过分析github代码库总结出来的工程师代码书写习惯 HTML&CSS编码规范 by @mdo 团队合作的css命名规范-腾讯AlloyTeam前端团队 前端编码规范之js - by...日历 PC 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化 大牛日历控件...一个风格多样的日历 弹出层式的全日历 jquery双日历 移动 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll Date library

6.3K30

史上最全的前端资源大汇总

前言 目录 入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端 移动端 API 综合 API 其他 API...React ---- react.js中文论坛 react.js官方网址 react.js官方文档 react.jsmaterialUI react.jsTouchstoneJSUI react.jsamazeuiUI...在线工具 ---- google在线工具 阿里-免费测试服务 阿里-F2etest多浏览器兼容性测试解决方案 js性能测试 57....各种日期日历 ---- 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化...Datepair.js 一个风格多样的日历 弹出层式的全日历 jquery双日历 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll

15K61
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    MIT和OAuth协议的意义和区别

    HTTP API实现 通过LICENSE文件声明 核心组件 访问令牌、授权服务器、资源服务器 版权声明、许可条款 主要约束 授权范围、令牌有效期 保留版权声明 典型应用 社交登录、API访问控制 开源项目发布...应用场景 社交登录:使用微信/Google/Facebook账号登录第三方应用 API访问授权:如第三方应用访问用户的Google Drive文件 微服务间授权:在微服务架构中服务间安全调用 单点登录...应用场景 开源项目发布:如React、Rails、Node.js等大型开源项目 企业开源策略:公司希望广泛推广技术但保留商业机会 学术研究分享:研究人员希望成果被广泛使用 个人项目分享:开发者希望他人自由使用自己的代码...OAuth应用场景 微信登录:当你在某电商App点击"微信登录"时,该App使用OAuth向微信请求授权,获取你的公开信息 Google日历集成:项目管理工具使用OAuth获取用户授权后,可以将任务截止日期同步到用户的...Google日历 企业SSO:公司内部系统使用OAuth 实现单点登录,员工一次登录可访问多个系统 MIT协议应用场景 React框架:Facebook将React以MIT协议开源,允许任何公司自由使用

    17310

    React Native 系统日历插件

    一:介绍 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS...这篇文章重点介绍系统日历插件的开发与使用。 源码Demo获取方法 如果需要React Native压缩和解压缩插件源码demo,欢迎关注 【网罗开发】微信公众号,回复【69】便可领取。...Calendar类中引入CalendarManager类,调用系统日历事件添加方法、系统日历事件查询和事件移除方法。...下面通过举例来展示声明的方法,通过RCT_EXPORT_METHOD()宏来实现: // Calendar.m #import "Calendar.h" #import React/RCTUtils.h...闹钟集合,并通过calBlock方法获取添加事件的详情。

    3.6K10

    React Native iOS原生模块开发实战|教程|心得

    我平时在用React Native开发App时会用到一些原生模块,比如:在做社会化分享、第三方登录、扫描、通信录,日历等等,想必大家也是一样。...关于在React Native中使用原生模块,在这里引用React Native官方文档的一段话: 有时候App需要访问平台API,但在React Native可能还没有相应的模块。...接下来我就为大家介绍一种原生模块可以向js多次传递数据的方式: 向js发送事件 在原生模块中我们可以向js发送多次事件,即使原生模块没有被直接的调用。...为了向js传递事件我们需要用到RCTEventDispatcher,它是原生模块和js之间的一个事件调度管理器。...模块发送任意次数的事件,其中eventName是我们要发送事件的事件名,params是此次事件所携带的数据,接下来呢我们就可以在JS模块中监听这个事件了: import { NativeAppEventEmitter

    2.5K60

    搭建实时足球比分系统从零到一的实战指南

    ,谨慎处理爬虫数据四、替代方案(快速上手)五、值得尝试的技术栈组合最终建议: 若目标是学习,从简单爬虫+WebSocket推送开始;若需稳定服务,投资专业数据API是关键。...构建API层提供两种接口:RESTful API: 获取比赛列表、球队信息、历史数据GET /api/matches?...league_id=1&status=in_playWebSocket: 推送实时比分变化和关键事件关键考虑:认证与授权(API Keys, JWT)请求速率限制(防止滥用)技术选择:Web:React.js.../ Vue.js / Angular + Socket.IO 客户端移动端:React Native / Flutter / 原生开发实时更新实现:// Vue.js + Socket.IO 示例import...+ Express + Socket.IO数据库:MongoDB前端:React.js / Vue.js部署:Heroku / Vercel + MongoDB AtlasPython高效方案:后端:

    47210

    日历组件的开发思路讲解&&日历组件在实际工作中的使用方式

    做一个简单的日历,只需要三样东西: 1、通过Date()对象获取当前的年月日; 2、再获取当月1号是星期几; 3,一个包括12个月的日期的数组; 然后开始画格。...日历的开头有-1,0,结尾处画出了33号。 这说明需要过滤一下无效日期,现在把例子中那句过滤无效日期的JS代码,给取消注释,再刷新页面,日历就正常了。...这就是整个日历的完成思路。 至于获得每个月的月份日期,是通过获取数组m_days[mnow]里的第mnow个月份来得到手。 大家看例子上半部分,数组m_days里存着12个月份,每个月的总天数。...等到日历写成这样的时候,就已经相当复杂了。 在这种情况下,如果我们还是自己去手动的写一款日历组件,就会耗用较多的工时。而这是不必要的工时开销,还容易出错。...不懂原理,就没法改日历插件;不修改插件,基本上没法直接拿来用。很多时候还要修改日历组件的API调用接口,使之符合本公司的项目要求。

    3.6K100

    状态机系列 (一) : 令人头疼的状态管理

    可测试:它们应该是可测试的,你可以通过 API 提供的 mocks 或者测试集去进行测试,保证能够正常执行得到如你所愿的结果 那么,大部分人写的 API 呢?...如果请求中出错了呢?我们必须隐藏 loading 界面,展示错误提示。...为了解决这一问题,我们可以通过一种自底向上的模式处理逻辑。 在这种模式下,无论是处理 onClick 还是 onChange 事件,所有的逻辑都是在 event (事件) 之下。...因为所有的逻辑只存在于你的脑袋里,当你写测试时,必须从记忆深处找回并解读出来。 拿刚才的示例代码举例,如果你尝试对新加入的团队成员讲解,你会发现让他们理解这段逻辑并不容易,更别说一整个项目了。...在这两种状态下,我们可以再次发起新的 search 事件,通过箭头指向,我们可以清晰地看出它将回到 searching 状态。

    1.6K20

    Claude终于能Research了!打通谷歌全家桶,工作效率10倍提升

    Anthropic表示,他们为此精心设计了提示建议,可以快速地帮用户从整个Google Workspace中获取有用的信息。 例如,可以尝试问它:「假设我100岁时回顾现在,请对我的日程进行反思。」...先说Research,Claude通过这个功能可以检索内部文件和网络,比如Claude一次性可以检索信息、日历、云盘和互联网等。...而与Google Workspace的集成,可以快速访问Gmail、日历和Google文档。 通过官方演示可以看到,在完成Research工作后,可以直接调用Google邮箱,完成发布。...工程师可以分析设计文档、系统规范以及外部 API 文档、实现模式和安全最佳实践,来创建与现有系统集成的技术解决方案。...父母可以让Claude扫描电子邮件和日历事件来突出重要承诺,同时搜索网络以获取更新的学校日历、当地社区事件和天气预报。

    49410

    基于 Vue 和 TS 的 Web 移动端项目实战心得

    [14] 表单校验[15] 阻止原生返回事件[16] 通过 UA 获取设备信息[17] mock 数据[18] 调试控制台[19] 抓包工具[20] 异常监控平台[21] 常见问题[22] 组件库 vant...webview 加载网页,而当网页要获取设备能力(例如调用摄像头、本地日历等)或者 native 需要调用网页里的方法,就需要通过 JSBridge 进行通信。...history 模式(即基于 html5 提供的 history api 实现的,react 叫 BrowserRouter,vue 叫 history),因为 hash 路由无法对应到实际的物理路由...问题,当加载的不同域的 js 文件时,例如通过 cdn 加载打包后的 js。...#表单校验 [16] 阻止原生返回事件: #阻止原生返回事件 [17] 通过 UA 获取设备信息: #通过-ua-获取设备信息 [18] mock 数据: #mock-数据 [19] 调试控制台: #调试控制台

    3.9K21

    如何开发人事及OA管理系统的招聘管理板块?(附架构图+流程图+代码参考)

    二、总体架构(技术选型建议 + 架构图)推荐稳定可扩展栈(示例):前端:React + Ant Design(快速搭 UI)、或 Vue + Element后端:Node.js (NestJS/Express...示例(Node.js + Express + Sequelize)js// POST /api/recruit/requestsapp.post('/api/recruit/requests', async...技术上,需要在候选人记录上保存“来源渠道标签”和“成本标签”,并把每个候选人在流程中的关键事件(申请、初筛通过、面试通过、offer、入职)都记录为事件数据,这样能用漏斗分析与 cohort 分析得到渠道的真实效率...其次,需求审批应接入公司现有审批引擎(或把招聘审批作为 OA 流程的一个节点);日历对接要统一到公司日历服务(或支持主要厂商:Exchange/Google/企业微信)。...上线时采用双写策略(旧系统&新系统并行),确认数据一致后切换到新系统,回滚方案要准备好。

    38710

    移动 Web 最佳实践(干货长文,建议收藏)

    webview 加载网页,而当网页要获取设备能力(例如调用摄像头、本地日历等)或者 native 需要调用网页里的方法,就需要通过 JSBridge 进行通信。...history 模式(即基于 html5 提供的 history api 实现的,react 叫 BrowserRouter,vue 叫 history),因为 hash 路由无法对应到实际的物理路由...报错 网页崩溃 其中静态资源加载失败,可以通过 window.addEventListener('error', ..., true) 在事件捕获阶段获取,然后筛选出资源加载失败的错误并手动上报错误。...问题,当加载的不同域的 js 文件时,例如通过 cdn 加载打包后的 js。...#表单校验 [16] 阻止原生返回事件: #阻止原生返回事件 [17] 通过 UA 获取设备信息: #通过-ua-获取设备信息 [18] mock 数据: #mock-数据 [19] 调试控制台: #调试控制台

    2.9K10

    解锁安卓超能力,丰富插件为所欲为! | 开源日报 No.159

    该项目的主要功能、关键特性、核心优势包括: 提供一致的 API 支持 Android 8.1 ~ 14 版本 可以通过 Magisk 安装 兼容原始 Xposed Framework 的模块开发 提供自己的模块仓库和社区讨论平台...、调休和补班信息的 ICS 格式日历,可用于 IPhone、Google Calendar、Outlook 等客户端订阅。...提供对流式文本响应和构建聊天界面的帮助 首屈一指地支持 LangChain 和 OpenAI、Anthropic、Cohere、Hugging Face 以及 Fireworks 和 Replicate 支持 Node.js...它只提供了足够使 DOM 操作和状态绑定变得像 React 一样舒适 (甚至更好) 所需功能,并将大部分工作委托给浏览器本身实现的标准 API。...易学易懂:VanJS 强调框架简单易用,在其 API 中只导出了 5 个函数,并与 React 相似。正因如此,通过教程可以很快掌握该框架并能满足开发者对全面 API 参考文献理解的需要。

    44010

    移动 web 最佳实践(干货长文)

    webview 加载网页,而当网页要获取设备能力(例如调用摄像头、本地日历等)或者 native 需要调用网页里的方法,就需要通过 JSBridge 进行通信。...history 模式(即基于 html5 提供的 history api 实现的,react 叫 BrowserRouter,vue 叫 history),因为 hash 路由无法对应到实际的物理路由...报错 网页崩溃 其中静态资源加载失败,可以通过 window.addEventListener('error', ..., true) 在事件捕获阶段获取,然后筛选出资源加载失败的错误并手动上报错误。...问题,当加载的不同域的 js 文件时,例如通过 cdn 加载打包后的 js。...#表单校验 [16] 阻止原生返回事件: #阻止原生返回事件 [17] 通过 UA 获取设备信息: #通过-ua-获取设备信息 [18] mock 数据: #mock-数据 [19] 调试控制台: #调试控制台

    3.4K61

    React Native Android原生模块开发实战|教程|心得

    我平时在用React Native开发App时会用到一些原生模块,比如:在做社会化分享、第三方登录、扫描、通信录,日历等等,想必大家也是一样。...关于在React Native中使用原生模块,在这里引用React Native官方文档的一段话: 有时候App需要访问平台API,但在React Native可能还没有相应的模块。...接下来我就为大家介绍一种原生模块可以向js多次传递数据的方式: 向js发送事件 在原生模块中我们可以向js发送多次事件,即使原生模块没有被直接的调用。...为了向js传递事件我们需要用到RCTDeviceEventEmitter,它是原生模块和js之间的一个事件发射器。...模块发送任意次数的事件,其中eventName是我们要发送事件的事件名,params是此次事件所携带的数据,接下来呢我们就可以在js模块中监听这个事件了: componentDidMount() {

    2.4K40
    领券