关键字:前端
  • web前端入门到实战:常用的5个css代码(scss mixin)
    封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...
  • web前端入门到实战:css简单实现带箭头的边框
    实现一个普通边框 .border { width: 100px; height: 50px; border: 1px solid ...
  • web前端入门到实战:CSS3 简单的砸金蛋样式
    实现样式: 1、鼠标移入后,鼠标样式图标变为“锤子”。 2、用户砸金蛋,锤子简单的扬起效果。 3、砸碎金蛋,显示内容。 分析实现步骤: 1、在html中插入一颗金蛋 找一张静态图片或带一点效果的动态图,直接放入img标签即可。 2、鼠标移入 ...
  • web前端入门到实战:Tab切换以及缓存页面处理的几种方式
    相信tab切换对于大家来说都不算陌生,后台管理系统中多会用到。如果不知道的话,可以看一下浏览器上方的标签页切换,大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂(部分代码省略) //通过点击就可以实现两个组件来回切换 <bu ...
  • 小谈Node环境变量
    看了一篇外文,讲如何使用node环境变量的。这期我也结合自己的一些经验写写读后感吧。 概述 说来话长,我最早接触环境变量还是在学Java的时候。特地找了张比较复古的图片,记得当时照着书本配环境变量都折腾好了几天。我后来还写到了百度知道里,现 ...
  • 前端节流(throttle)和防抖动(debounce)
    节流(throttle)节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例:我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应 ...
  • 前端特效的似是而非
    让用户看起来是这样,而非实现起来一定是这样。 写特效时经常被逻辑思维所牵绊,A元素B元素分的太清了,反而麻烦。 最近在网上找了一些自己喜欢例子。 1. effect.gif html结构 ...
  • web前端入门到实战:用js屏蔽被http劫持的浮动广告实现方法
    网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告。 后来越来越多同事反映在家里不同浏览器也会出现广告。然后深入检查了下,发现网站竟然被劫持了。 然后百度了一大堆资料,什么http劫持、dns劫持、运营商劫持之类的,确定真的是 ...
  • web前端入门到实战:JS中禁止对象属性扩展、密封对象、冻结对象
    对象常量属性 概念:将属性的writable和configurable设置为false; //将属性的writable和configurable设置为false var damu={}; Object.defineProperty(damu ...
  • web前端入门到实战:CSS实现圆形进度条
    示例图 结构 首先一个父级div设置相对定位,内部含有四个半圆div和一个用于遮罩的小圆div 实现步骤 先写出基本html结构 <div clas ...

暂无数据