旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 图片切换，几乎每个网站都会有这种效果。效果形式多种多样，包括滚动切换(无缝滚动)、渐变切换、马赛克切换等等，每种效果又有很多变种。下面讨论几种最基本的形式。 1、无缝滚动 很多网站首页上的图片切换就是半自动的无缝滚动的效果：轮播区域有几个缩略图或者编号，鼠标移动到编号或…
分类： 前端开发
基本 DOM 效果 1
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 从最基础的 DOM 效果开始，作为自己的笔记，和大家分享一下。本文的效果主要有 Tab选项卡、拖拽和放大镜。 1、Tab页 / 选项卡效果 这是最基本最常用的 DOM 效果之一了 1.1、普通写法： 点击查看效果 1.2、优化写法： 点击查看效果 嫌…
DOM兼容性及其他小知识乱炖
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 文中还有一些兼容性处理，现在已基本用不到了； DOM 1、DOM操作：大部份兼容，小部份不兼容，可以写兼容； 2、操作DOM元素的属性，如：oBtn.className 等价于 oBtn[“className”] ； .后只能放W3C认证或者是在 JS 中动态添加(绑定)过的属性，不能放变量，不能放参数，不…
a 链接两问以及预解析问题
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 一、链接a相关问题 1、链接 a 的默认行为问题 1.1、基础知识 想要在 href 中阻止 a 的默认行为，”javascript:”后只能放 语句 或 返回 undefined 的表达式。 Chrome中阻止 a 的默认行为，”javascript:” 后可以是 false、true、nu…
ajax 中的302状态
第一次遇到这种问题，需要在ajax响应中获取302状态码，然后根据该状态码做特殊处理； 背景 起因是这样的：ajax请求的时候，会有公共的登录拦截，如果未登录或登录标识过期，就直接302跳登录页了；后端不想多做处理，让前端来做这个判断，如果是302，前端手动控制跳登录页； 登录判断这么处理的还是第一次遇到，一般常用做法是后端判断，然后包成json格式，前端通过某个字段标识判断是否登录； 一方面和后…
前端 3D 开发
部门内的分享内容；threejs部分在前端组内分享过一次，涉及到一些代码方面的东西，这次分享做了简化； 本篇文章把两次分享的内容整合起来； 一、基本原理 现在大家在网页中看到的3D效果，很多都是用 WebGL 开发的； 1、WebGL概念 一种 JavaScript API（接口/标准/规则/规范），用于在不使用插件（浏览器内置）的情况下在任何兼容的网页浏览器中呈现交互式2D和3D图形。WebGL…
日历数据生成工具 calendar-helper
平时工作中总是能遇到日历效果，日历的数据逻辑真是非常麻烦，所以就写了一个工具，做成了NPM包，方便调用； 日历数据结构 本工具生成结果为一个月的日历数据，数据类型为一个二维数组，每行有7列，对应一周7天，共4-6行，对应月份里的几个周；首尾行中，可能会包含前后月份的数据；例如2022年3月份数据如下： [ [{day:27,…}, {day:28,…}, {day:1,…}, {day…
iView问题
首先，iView 非常值得肯定，它功能还算比较全，组件比较多，是一个大的 UI 库； 之前和同事开发了一个中台组件库 jrv-vue ，用于公司内部系统的开发，封装了一些常用组件；目前开发内部项目，我基本都会用这个库；上个项目尝试使用 iView（版本是3.4.0），直到后来发现一个 bug，就果断放弃了； 下面列出这次使用过程中依次发现的问题： 1、基本没考虑语义化 这个不算 bug，如果没有其…
一种日历选择交互
需求描述：每月选择一天，大家聚会“吃饭”；可以进行批量设置（多选），比如设置每月第三周的周一吃饭，当月没有该日期的另外选择；也可以只设置下个月的（单选）；最多可设置之后一年的时间； 我设计了一种交互，实际项目中，并未采用此方案，所以记录一下；下面是这种形式的截图，也可点击查看demo；点击顶部的周几，可以选中一列，能够很清晰第看出哪个月没有选中，方便补选； 实际项目中的方案比较恶心，将设置单月和批…
JS识别图片验证码
很久很久之前（大概在五年前），我就在想，能不能在前端用js识别图片验证码，直到现在，这个功能也未实现，因为做了一半发现实现不了，就放弃了，这里只是记录一下当时的思路和方向； 后来整理到 Github 上了，源代码 和 DEMO 可点击查看； 当时的验证码比较简单，干扰因素比较少，字符也基本没有重叠，所以就想用Canvas对图片进行处理，与标准字符进行比较，找出最像的字符： 将图片转成黑白； 去除噪…