摘要：
本文来自@yeaseonzhang；链接：http://yeaseonzhang.github.io/2018/04/10/%E5%88%AB%E4%BA%BA%E5%86%99%E7%9A%84css%EF%BC%8C%E4%BD%A0%E6%95%A2%E7%94%A8%E5%90%97%EF% 阅读全文
posted @ 2018-11-05 21:30
羯瑞
阅读(410)
评论(0)
推荐(0)
摘要：
本文来自@dduke；地址：https://juejin.im/post/5add7a44f265da0b886d05f8 做为前端开发的程序猿，在开发移动端web应用的时候，对面一堆各色尺寸不一样的屏幕，就有点淡淡的忧伤。 正文从这里开始 ~ 已上是2018年二月份最新的友盟数据，很明显我们所要实 阅读全文
posted @ 2018-11-01 21:43
羯瑞
阅读(1280)
评论(1)
推荐(1)
摘要：
本文来自@Keely袁庆玲；来源：https://juejin.im/post/5ad6ad575188255c272273c4 目前来看大多数网站都从HTTP转向HTTPS，不在支持HTTP，所以了解下HTTPS对于程序员来说是很有必要的... 正文从这里开始 ~ 一、HTTP存在的问题 1.1 阅读全文
posted @ 2018-10-31 15:31
羯瑞
阅读(308)
评论(0)
推荐(0)
摘要：
开始前说两句 WEB开发中，要让用户复制页面中的一段代码、URL地址等信息，为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错，我们可以直接在页面中放置一个复制按钮，只需要轻轻一点这个复制按钮，内容将会被复制，然后用户可以粘贴到想粘贴的地方。 jQuery-zclip是一个复制内容到剪贴板的jQ 阅读全文
posted @ 2016-11-05 15:58
羯瑞
阅读(599)
评论(0)
推荐(0)
摘要：
好久没写博客了，看了下记录，上次最后写的最后一篇已经是8月1号了，最近有些小东西整理下，当巩固吧 废话少说，直奔本文主题 css3提供了很多新鲜好玩的东西，transform就是其中一个，可以进行 2D 或 3D 转换。先来看看兼容性： 导航菜单 rotateX(deg)——沿着 X 轴的 3D 旋 阅读全文
posted @ 2016-11-04 15:48
羯瑞
阅读(913)
评论(0)
推荐(1)
摘要：
面试中可能会出现这样的的题目：蓝色高度固定，红色宽度固定高度自适应铺满屏幕，黄色自适应。 方法一：绝对定位，浮动，左边距 方法二：绝对定位的非绝对定位 方法三：方法二的改造，固定定位 方法四：方法一的改造 总结： 知识有限，目前只想出了这几种，而且第三和第四，说到底也是雷同的，并没什么新颖的点。还有 阅读全文
posted @ 2016-08-01 15:25
羯瑞
阅读(962)
评论(0)
推荐(0)
摘要：
结构优化 1.扁平化结构，目录层次越少越好 层级结构3层为宜。让用户点3次就能到查看到自己需要的东西。 2.控制首页链接数量 网上首页的链接不宜过多，100以下左右。太多了蜘蛛的检索也会累的，哈哈 3.导航SEO优化，尽量使用文字 文字导航利于蜘蛛检索字符，实在要用图片的话，需在图片社加上描点，ti 阅读全文
posted @ 2016-07-13 21:24
羯瑞
阅读(938)
评论(3)
推荐(1)
摘要：
前言 项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的... 原生javascript版 jquery版本 大致思路 1.先让第一行的浮动 2.计算第一行的每个块的高度 3.遍历第一行之后的 阅读全文
posted @ 2016-07-13 13:44
羯瑞
阅读(2547)
评论(5)
推荐(0)
摘要：
SlidesJs（轮播支持触屏）——官网（http://slidesjs.com） 1.简介 SlidesJs是基于Jquery(1.7.1+)的响应幻灯片插件。支持键盘，触摸，css3转换。 2.代码 API简介 1.设置轮播的宽高（默认值都为 auto） 2.设置从那张开始（默认值为 1） 3. 阅读全文
posted @ 2016-07-12 10:12
羯瑞
阅读(4335)
评论(3)
推荐(4)
摘要：
倒计时 效果： 代码： 注意点： 1.有两个功能：当前时间和倒计时，带的参数不同 2.主要是利用js返回的数据，要注意月份，某天，小时，分钟，返回的数值区间 3.星期的我这边用数组处理了 4.倒计时主要是计算时间差，结束时间减去当前时间的秒数，在进行数学计算 5.这里用了闭包，防止多个定时器冲突 6 阅读全文
posted @ 2016-06-29 11:21
羯瑞
阅读(2191)
评论(6)
推荐(0)
摘要：
效果 代码 注意点 1.动画前要先停止原来的定时器，不然绑定多个对象的话会冲突 2.定时器的id要区分开，不能重叠，这里我直接那绑定对象的 对象来赋值 obj.timer 3.要判断所要执行的动画，是否全部到了设定值=> flag，全部执行完再停止定时器再执行回调函数 4.javascript的数据 阅读全文
posted @ 2016-06-24 17:15
羯瑞
阅读(2809)
评论(0)
推荐(2)
摘要：
拖拽效果 效果： 代码： 主要注意几点： 1.event，IE兼容问题 2.点击鼠标时要先判断鼠标与面板之间的距离 3.要判断弹窗与浏览器整个区域的距离，不能让弹窗跑出浏览器外的区域 4.松开鼠标要解除事件绑定，不然会有bug 简单的抽奖（可用键盘） 效果： 代码： 注意点： 1.随机数，取数组的其 阅读全文
posted @ 2016-06-22 22:00
羯瑞
阅读(662)
评论(0)
推荐(0)
摘要：
操作符之间的优先级（高到低）：算术操作符 》比较操作符 》逻辑操作符 》"="赋值符号 算术运算符 比较运算符 逻辑运算符 数组 1.创建的新数组是空数组，没有值，如输出，则显示undefined。 2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存 阅读全文
posted @ 2016-06-22 16:09
羯瑞
阅读(530)
评论(0)
推荐(1)
摘要：
写在前面 都是自己看别人的架构，自己积累下来的一些东西，这里只是阐述自己的一些观念。借此希望同行交流交流下看法，共勉。 不同架构的CSS 业务流程不同，团队配员不同。会有各种各样的CSS架构。 有的会分为：header.css，body.css，footer.css 有的会分为：reset.css， 阅读全文
posted @ 2016-04-29 14:57
羯瑞
阅读(5896)
评论(16)
推荐(17)
摘要：
碰到的坑 小伙伴你们是否有碰到以下的情况，排行榜前3名的样式不一样，你们是怎么处理的么？ 本来我也是直接每个文字，单独定样式的，感觉这样好累。赶紧搜搜有啥好方法实现，最开始想到的是ol列表，但是没办法控制样式，遂放弃，继续深入。着实让我找到了好方法——CSS计数器 CSS计数器 先看个简单的例子： 阅读全文
posted @ 2016-04-28 11:23
羯瑞
阅读(1362)
评论(3)
推荐(1)
摘要：
前言 这段时间工作没那么繁杂，索性就想说来套系统的学习，之前去面试的时候，有被问及些基础的知识，居然回答不上来，也不能说是回答不上吧，回答的不全面。前端群上问了那个机构比较好，选择了慕课网。看了一段时间还是觉得不错的。 HTML 语义化标签 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出 阅读全文
posted @ 2016-04-20 22:38
羯瑞
阅读(532)
评论(0)
推荐(0)
摘要：
安装 官方下载地址：http://www.sublimetext.com Sublime Text 3 一大优势就是跨平台（Windows、Linux、OS X 都有）；portable version 是便携版，免安装版的意思~ 安装很方便直接下一步下一步就可以了... 中文补丁 补丁下载地址：h 阅读全文
posted @ 2016-04-19 20:47
羯瑞
阅读(535)
评论(1)
推荐(1)
摘要：
痛点 在做一个移动端H5页面，手机要调试访问，不方便。就想说能不能手机连接电脑的php项目，进行调试修改。 需要 手机要跟电脑同处在同个局域网中，公司的话一般是局域网，实在没有的话花个20块买个随身WIFI。我自己就是买的360WIFI 安装PHP集成环境 php菜鸟一个，所有我这边安装的是phpS 阅读全文
posted @ 2016-04-19 20:46
羯瑞
阅读(1883)
评论(0)
推荐(0)
摘要：
最近想着跳槽，但面试的邀约不多，内心有点烦躁。梳理梳理心情，跳槽季竞争也大，努力做好自己... 21.请设计一套方案，用于确保页面中js加载完全。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>alert标 阅读全文
posted @ 2016-03-03 11:44
羯瑞
阅读(10685)
评论(6)
推荐(4)
摘要：
前几天去面试了一家公司，整下改公司的面试题。 1.新的 HTML5 文档类型和字符集是？ HTML5 文档类型很简单： <!doctype html> HTML5 使用 UTF-8 编码示例： <meta charset="UTF-8"> 2.HTML5 中如何嵌入音频？ 当前，audio 元素支持 阅读全文
posted @ 2016-02-23 16:56
羯瑞
阅读(10412)
评论(3)
推荐(9)
浙公网安备 33010602011771号