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