深入浅析同源与跨域,jsonp(函数封装),CORS原理
目录同源政策 Ajax请求限制： Ajax 只能向自己的服务器发送请求 同源： 同源政策的目的： 不受同源策略限制： 跨域问题 跨域的原因： 解决跨域问题： 使用 JSONP 解决 解决方法： JSONP JSONP的优缺点： JSO...
林译川
林译川
在js中如何实现登录需要滑动验证
下面我就为大家分享一篇 js 登录滑动验证的实现(不滑动无法登陆)，具有很好的参考价值，希望对大家有所帮助。 js的判断这里是根据滑块的位置进行判断，应该是用一个flag判断 复制 登录 /res/css/bootstrap.min1...
林译川
如何使用 CSS 的伪元素在单个元素前后添加文本
本文详解如何通过 `::before` 和 `::after` 伪元素 精准地在**特定单个 html 元素**（如首个子元素）前或后插入文本，重点纠正常见的 css 选择器拼写错误（如 `:firstchild` → `:first...
林译川
Flask模板中迭代SQLAlchemy查询结果：处理字符串空格问题
本文详细探讨了在flask模板中迭代处理sqlalchemy查询结果时，因字符串中隐藏的空白字符导致数据检索不完整的问题。通过分析常见场景，揭示了`split(",")`操作后可能遗留的空白字符如何影响数据库查询。文章提供了一种简单而...
林译川
JavaScript中NaN的产生原因及其检测方法的局限性
NaN是JavaScript中类型为"number"却表示计算失败的特殊值，产生于无效数学运算、强制类型转换失败等场景；推荐用Number.isNaN检测，避免isNaN误判，且不可用==或===比较NaN。 NaN （Not-a-N...
林译川
如何通过CSS路径修改隐藏元素？利用display属性和选择器组合
通过CSS路径修改隐藏元素需利用选择器和伪类动态覆盖display属性，核心是针对display: none的元素通过父级或状态伪类（如:hover、:checked）构建有效路径，结合优先级和组合器实现显示控制。 通过CSS路径修改...
林译川
响应式圆形徽标：使用视口单位实现自适应缩放
本文详解如何通过 vw/vh 视口单位替代固定单位（如 rem），使圆形 div 在不同屏幕宽度下等比缩放，并确保内容居中与响应式 padding 有效生效。 本文详解如何通过 vw/vh 视口单位替代固定单位（如 rem），使圆形 ...
林译川
15 个有趣的 JavaScript 与 CSS 库 详情
在十一月份的前端技术列表中，我们整合了一些令人感到惊叹的 GitHub 项目，其中包含了新的 CSS 框架、node.js包管理器，以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。 那么，让我们一起来看看吧。Have Fu...
林译川
如何使用jQuery修改表格内容
jquery是一个著名的javascript库，可以帮助编写javascript代码。 jQuery可以使用一些简便的语法和函数来实现一些复杂的任务。比如，如果你想在网页上操作一些表格，可以使用jQuery来实现。 下面我们就来看看如...
林译川
Rails实现HTML转PDF的方法
在 ruby 和 rails 中生成 pdf 的方法有很多种。您可能已经熟悉 html 和 css，因此我们将使用 pdfkit 通过标准 rails 视图和样式代码中的 html 生成 pdf 文件。 PDFKit 简介 在内部，P...
林译川