文章库ARTICLE COLUMN

  • 前端开发测试题(一)

    前端开发测试题(一)

    摘要:创建对象的模式。之前的项目中使用了什么前端方法对页面性能进行优化随记分享是快乐的。年三月份,因为工作的变动,我陆续的面试了几家公司。上面的这份不是我的面试题目,是面试的时候随带附件给我的。 一选择题(共25分,每题5分)1.CSS样式的几种链...

    JinkeyJinkey 评论0 收藏0
  • 前端每日实战:23# 视频演示如何用纯 CSS 创作一个菜单反色填充特效

    前端每日实战:23# 视频演示如何用纯 CSS 创作一个菜单反色填充特效

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbcWJO?w=500&h=500"); 效果预览 按下右侧的点击预...

    nanfeiyannanfeiyan 评论0 收藏0
  • 深入清除浮动原理

    深入清除浮动原理

    摘要:如下图所示可以看到父元素的高度为为了解决这种状况就要清除浮动了。下面详细看一下这两大类清除浮动的方式及原理。所以,避免穿透啊,清除浮动什么的也好理解了。 关于浮动 设置为浮动的元素会脱离当前文档流,向左或向右移动直到边缘遇到另一个浮动...

    freewolffreewolf 评论0 收藏0
  • 【前端Talkking】CSS系列——CSS深入理解之relative定位

    【前端Talkking】CSS系列——CSS深入理解之relative定位

    摘要:前言在前面的两篇文章深入理解之浮动和深入理解之定位中,介绍了和的特性和使用方法,如果大家仔细阅读完了这两篇文章,相信你的打怪技能又提高的一大截,那么趁着自己最近状态不错,就多给大家分享点自己平时所学的技能。 1.前言 在前面的两篇文章:C...

    魏宪会魏宪会 评论0 收藏0
  • JS对象之封装(二)

    JS对象之封装(二)

    摘要:对象封装的常用方式常规封装升级版较常见的执行原理解释说明通过构造一个空对象将构造函数的原型属性赋值给的原型对象在执行这句话的时候,对象就可以在其原型对象中查找方法。 JS 对象封装的常用方式 1.常规封装 function Person (name,age){ ...

    jk_v1jk_v1 评论0 收藏0
  • 使用Node,Vue和ElasticSearch构建实时搜索引擎

    使用Node,Vue和ElasticSearch构建实时搜索引擎

    摘要:建立在之上,它是一个高性能的文本搜索引擎库。目录在今天的课程中,您将学习如何使用,和构建实时搜索引擎。接下来,您需要安装实时搜索引擎所需的库。这是的官方库,它是实时搜索的引擎。主要的搜索查询包含在查询对象中。但是,可以从客户端进行搜索...

    GHOST_349178GHOST_349178 评论0 收藏0
  • 网络篇—浏览器缓存(一)

    网络篇—浏览器缓存(一)

    摘要:当值设为时,则代表在这个请求正确返回时间浏览器也会记录下来的分钟内再次加载资源,就会命中强缓存。 网络篇—浏览器缓存(一) 一、缓存类型 有两种,强缓存和协商缓存 强缓存 不会向服务器发送请求,直接从缓存中读取资源; 协商缓存 向服务器...

    mdluomdluo 评论0 收藏0
  • css布局的各种FC简单介绍:BFC,IFC,GFC,FFC

    css布局的各种FC简单介绍:BFC,IFC,GFC,FFC

    摘要:完整的说法是属于同一个的俩个相邻的的会发生重叠,与方向无关。元素会位于与与之间,使得宽度缩短。简单的说,有了之后,布局不再局限于单个维度了。 什么是FC? Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定...

    mindwindmindwind 评论0 收藏0
  • JS基础入门篇(七)—运算符

    JS基础入门篇(七)—运算符

    摘要:关系运算符关系运算符。注意返回的值都是布尔值。如果左边为假,返回右边的值否把后面的数转成布尔值然后取反执行了不执行执行不执行三目运算符三目运算符判断条件语句语句判断条件成立执行语句不成立执行语句数组的存储数组赋值的时候,传递的是数组的...

    MycLambertMycLambert 评论0 收藏0
  • CSS——可视化格式模型

    CSS——可视化格式模型

    摘要:控制框块级元素和块框以及行内元素和行框相关的概念。规则在行内格式化上下文中,框一个接一个地水平排列,起点是包含块的顶部。 CSS的可视化格式模型 CSS中规定每一个元素都有自己的盒子模型(相当一规定了这个元素如何显示); 然后可视化格式模型...

    Lin_YTLin_YT 评论0 收藏0
  • 前端每日实战:24# 视频演示如何用纯 CSS 创作出平滑的层叠海浪特效

    前端每日实战:24# 视频演示如何用纯 CSS 创作出平滑的层叠海浪特效

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含一行文本和条做海浪特效的居中显示设置容器样式设置文字样式制作海浪动画效果加大海浪的波动幅度,增加颜色差异最后,隐藏容器外的内容大功告成 showImg("https://segmentfaul...

    ziluzilu 评论0 收藏0
  • 文字在线中间,CSS巧妙实现分隔线的几种方法

    文字在线中间,CSS巧妙实现分隔线的几种方法

    摘要:单个标签实现分隔线优点代码简洁巧用背景色实现分隔线优点代码简洁,可自适应宽度实现分隔线点此查看实例展示优点文字可多行浮动实现分隔线优点利用字符实现分隔线小小分隔线字符来实现优点代码简洁以上简单介绍了分隔线的 showImg("https://segmentfa...

    CODINGCODING 评论0 收藏0
  • webpack4 css打包压缩问题

    webpack4 css打包压缩问题

    摘要:这两天一直在练习这个发现有好多问题和坑,做开发嘛,一定要有喜欢出问题并喜欢解决问题,坚决踩个坑填个坑的不怕死小强精神在配置上其实是可以是想和的,会根据进行对打包,压缩,下面自动压缩,亲测没有问题但是从里面分离出来的怎么打包呢我找了一天...

    Pines_ChengPines_Cheng 评论0 收藏0
  • 用CSS画小猪佩奇,你就是下一个社会人!

    用CSS画小猪佩奇,你就是下一个社会人!

    摘要:所以一开始让我看小猪佩奇的时候我是拒绝的,因为你不能让我看,我就马上去看,第一我要试一下。其实这道题对于真正看了小猪佩奇的人来说是送分题,就看是不是真的看了。这里说的都是类,这也正是小猪佩奇的构图精髓,一种手绘风格,而不是标准刻板的线...

    SnailclimbSnailclimb 评论0 收藏0
  • 补习前端(css+html)基础-1:

    补习前端(css+html)基础-1:

    摘要:标签将表单内容的一部分打包,生成一组相关表单的字段。提示和注释注释元素是空元素,它仅包含属性。注释此元素只能存在于部分,不过它可出现任何次数。属性属性规定当前文档与被链接文档之间的关系。该标签用于组合表格的主体内容。 1.HTML 标签: 实...

    marekmarek 评论0 收藏0
  • 前端每日实战:21# 视频演示如何用纯 CSS 创作文本滑动特效的 UI 界面

    前端每日实战:21# 视频演示如何用纯 CSS 创作文本滑动特效的 UI 界面

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbcWJy?w=500&h=500"); 效果预览 按下右侧的点击预...

    joy968joy968 评论0 收藏0
  • Codepen 每周精选:不能错过的23个页面特效(2018-5-14)

    Codepen 每周精选:不能错过的23个页面特效(2018-5-14)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 像置身于龙卷风中的特效https://codepen.io/shubniggur... 2. 办公布局动画https://codepen.io...

    孙吉亮孙吉亮 评论0 收藏0
  • 关于input的一些问题解决方法分享

    关于input的一些问题解决方法分享

    摘要:输入框首尾清除空格在中监听键盘事件移动端底部被弹出的键盘遮挡输入框是通过一直放在页面底部,当点击进行输入的时候,就会出现如下图片情况有的机型会遮挡一些。 前言 input是我们接受来自用户的数据常用标签,在前端开发中,相信每个人都会用到这个...

    vibiuvibiu 评论0 收藏0
  • FCC 成都社区·技术周刊 第 12 期

    FCC 成都社区·技术周刊 第 12 期

    摘要:详情怎样规避地狱作者先介绍什么是地狱,以及在开发过程中怎样去规避地狱,一时爽性能问题火葬场。详情其他亮点汇总开发者大会已于北京时间月日凌晨在美国山景城正式启幕。 【前端】 1. JavaScript 的新数据类型:BigInt BigInt 是 JavaScript 中的一...

    zzbozzbo 评论0 收藏0
  • css预编译--sass基础篇

    css预编译--sass基础篇

    摘要:变量声明和调用这是的编程元素基础之一。如下在最外层声明的是全局变量,全局范围内可以调用,在中声明的是的局部变量,只在内部内进行调用。生成的如下上面的内容就是的基础篇,进阶篇的话会整理一下函数和方法规则相关的东西。 sass起源和简介 css ...

    keithyaukeithyau 评论0 收藏0
  • JS基础入门篇( 二 )—if , 字符串拼接,数组,图片循环切换

    JS基础入门篇( 二 )—if , 字符串拼接,数组,图片循环切换

    摘要:错误,因为取到的是字符串,相加会造成字符串拼接。强制转换,将字符串类型转成数字类型。以上代码结果为解释和获取到的是字符串,当字符串相加时,会直接拼接字符串。表示数组的线长度。重新定义数组长度,后面个数组的值都为图片切换两张图片切换。 ...

    yhaolpzyhaolpz 评论0 收藏0
  • [CSS]CSS Position 详解

    [CSS]CSS Position 详解

    摘要:三生成固定定位的元素,相对于浏览器窗口定位,即浏览器窗口滚动也不会影响元素位置,元素的位置与文档流无关,因此不占据空间,可能会和其他元素发生重叠。,元素脱离文档流,相对于以外的第一个父元素定位。 一. CSS position 属性介绍 CSS中positio...

    xiguadadaxiguadada 评论0 收藏0
  • JS基础入门篇(三)— for循环,取余,取整。

    JS基础入门篇(三)— for循环,取余,取整。

    摘要:取余这个运算符主要用来取到两数相除的余数。打印两数相除结果打印余数的重要使用总结规律后的结果,取余都会小于除数。结果为都小于,之后循环条件的判断有时候会需要。是向下取整,取到的数总比原始值小。 1.for循环 1.for的基本简介 作用: ...

    darryrzhongdarryrzhong 评论0 收藏0
  • JS基础入门篇(四)—this的使用,模拟单选框,选项卡和复选框

    JS基础入门篇(四)—this的使用,模拟单选框,选项卡和复选框

    摘要:建立索引,记录每一个节点值。选项卡模拟选项卡方法一大清洗,在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么,清除什么。 1.this的使用 this js中的关键字 js内部已经定义好了,可以...

    hot_pot_Leohot_pot_Leo 评论0 收藏0
  • 前端每日实战:22# 视频演示如何用纯 CSS 创作出美丽的彩虹条纹文字

    前端每日实战:22# 视频演示如何用纯 CSS 创作出美丽的彩虹条纹文字

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbbyt5?w=500&h=500"); 效果预览 按下右侧的点击预...

    JerryCJerryC 评论0 收藏0

热门文章

<