找到约 344 条结果
  • 一分钟搞定AlloyTouch图片轮播组件
    轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至任何属性的运动,因为它的设计的本质就是属性无关,触摸可以反馈到任何属性的运动。所以AlloyTouch制作各种各样的轮播组件还是得心应手。
    2016-12-09
  • 为eject后的create-react-app配置ESLint
    项目一开始使用的是create-react-app创建的,配置的ESLint是用的AlloyTeam的eslint-config-alloy/react, 默认配置已经很合理了,并且每条配置都有相应的说明,只需要再根据个人喜好修改一些rule即可,我个人修改的.eslintrc.json配置如下
    2017-12-04
    1
  • 揭开在线协作的神秘面纱 - OT算法
    在线文档,抽象一下,这些产品的模式都是富文本编辑器+后台,富文本编辑器产生内容,展示内容,然后后台负责保存。富文本编辑器现在业界已经有很多成熟的产品,像codeMirror,这一块本身也是很复杂的一块,也不是咱们这次关注的重点方向。不知道大家平常在用这些产品的时候有没有思考过一个问题,在线文档编辑的时候产生...
    2019-07-21
    1
  • css伪类和伪元素的学习
    CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information that lies outside the document tree.
    2018-03-29
  • 实现跨域通信(跨文档消息传输)的几种方法(crossMessageEvent.js)
    该方法的浏览器支持情况:E8+, FF3+, Chrome, Safari,且在IE下,msg参数必须是string,不能是object.由此可见,我们只要考虑IE6,IE7下的跨域实现。
    2014-12-27
    2
  • 前端代码风格
    文件名 均采用小写方式, 以中划线分隔, 如有复数结构时,采用复数命名法 目录名:scripts,styles,images,data-models 文件名: example.js retina-sprites.css Javascript 注释 何时使用 难于理解的代码段 可能存在错误的代码段 浏览器特殊的HACK代码 想吐槽的产品逻辑, 合作同事 业务逻辑强相关的代码 {代码...} 语法 ...
    2016-12-07
  • 修改文件后浏览器自动刷新解决方案
    我们在双屏开发的时候,经常是在Mac屏幕上写代码,然后在扩展屏幕上放着浏览器。一般写几行代码,就会去刷新一下浏览器,看看代码运行是否正常。可是把鼠标从两个屏幕滑来滑去,很麻烦,特别是在写CSS的时候,如果能跨屏刷新就很棒了。
    2015-09-05
    11
  • 面试之前,简历之上:给前端校招同学的简历建议
    前言:作为前端面试官老司机,之前分享过我对前端校招面试的一些见解,这次来说下简历。早就想写这个,刚好最近又刷了一批秋招提前批,看多了简历,心有所感,闲聊几句,希望对大家参加前端校招有所帮助吧!一家之言,仅供参考~
    2019-09-23
    1
  • 节后综合症,程序员们应该去哪里摸(充)鱼(电)呢?
    拼拼凑凑的小长假,大家是堵在了高速上呢?还是在景点看过了人山和人海呢? 我们收集了一系列国内外顶尖互联网公司的技术博客,假期放松结束,也别忘了充充电! 国内技术博客列表 腾讯游戏 DBA 团队 [链接] 腾讯互娱游戏 DBA 团队一直致力于为游戏提供稳定、高效的 DB 运营服务。现有的 MySQL 社区版已经不能满足快速发...
    2019-05-06
  • 图片处理不用愁,给你十个小帮手
    本文阿宝哥会为小伙伴们隆重介绍用于图片处理的十个 “小帮手”,他们各个身怀绝技,拥有模糊、压缩、裁剪、旋转、合成、比对等技能。相信认识他们之后,你将能够轻松应对大多数的图片处理场景。
    2020-06-23
    1
  • 图片处理好用的工具库
    下面列举的图片处理库拥有模糊、压缩、裁剪、旋转、合成、比对等技能。能满足我们基本使用图片的操作。你将学习到:如何区分图片的类型(非文件后缀名);如何获取图片的尺寸(非右键查看图片信息);如何预览本地图片(非图片阅读器);如何实现图片压缩(非图片压缩工具);如何操作位图像素数据(非 PS 等图片处理软...
    2020-12-08
  • 7月份前端资源分享
    更多资源请Star:[链接] 文章转自:[链接] 7月份前端资源分享 1. Javascript this.length >>> 0 的作用(Javascript)? 数组元素随机化排序算法实现 JavaScript学习笔记:数组随机排序 44个 Javascript 变态题解析 (上) 44个 Javascript 变态题解析 (下) JavaScript中的数字 前端开发笔记本 过目不忘JS正则表达...
    2017-07-10
    15
  • SVG
    早上无意间进入一个网站,看到他们的LOGO效果略屌,如图: 刚开始以为是gif动画之类的,审查元素发现居然是用SVG + CSS3动画实现的,顿时激起了我的(hao)欲(qi)望(xin),决定要一探究竟,查看代码之后,发现原理居然是如此简单:多个SVG描边动画使用不同的ani…
    2017-12-13
  • 网页缓存 cache 二三事
    一个网页是如何在浏览器上进行缓存的,其中涉及了哪些机制,有哪些技术可以采用,如何才能最大化利用缓存.个人觉得这些知识点都是一个前端工程师必须了解的.曾经在面试的时候被问过一个问题,"有没有不返回304,同时又使用了缓存的情况?".当时因为对缓存机制了解不深,所以答不上来.下面我总结一下这方面的知识.
    2015-10-31
  • 前端性能优化
    网络环境 优化重点之一DNS寻址DNS之ip和域名之间相互转换输入ip后自动转为域名,是做了一次301跳转301:永久跳转 302:暂时跳转 304:浏览器缓存,图片缓存解决:在图片后面加参数如 ?v=20200101DNS从右到左解析,最开始解析最后的.cn/.us
    2020-03-25
  • 大前端- 收藏集 - 掘金
    手把手教你使用 Git - 前端 - 掘金Git使用教程  一:Git是什么?        Git是目前世界上最先进的分布式版本控制系统。 二:SVN与Git的最主要的区别?       SVN是集中式版本控制系统,版本...
    2017-07-27
  • 大型 web 前端架构设计-面向抽象编程入门
    但对于许多前端同学来说,对面向抽象编程的理解说不上很深刻。大部分同学的习惯是 拿到需求单和设计稿之后就开始编写 UI 界面,UI 里哪个按钮需要调哪些方法,接下来再编写这些方法,很少去考虑复用性。当某天发生需求变更时,才发现目前的代码很难适应这些变更,只能重写。日复一日,如此循环。
    2021-01-12