文章库ARTICLE COLUMN

  • 禁止IOS系统中的H5页面长按a标签时的弹框

    禁止IOS系统中的H5页面长按a标签时的弹框

    摘要:使用场景网页开发过程中,经常使用这种方式来阻止标签链接的跳转行为,但是在系统里,长按标签后会弹出提示框。此时给标签加上即可解决此功能是非标准的,不是任何规范的一部分。当在上触摸并保持目标时,会显示有关链接的标注信息。该属性允许禁用该行...

    DC_erDC_er 评论0 收藏0
  • 50行javaScript代码实现简单版的 call , apply ,bind   【中级前端面试

    50行javaScript代码实现简单版的 call , apply ,bind 【中级前端面试

    摘要:自己实现在函数原型上定义自己的方法实现自己的临时属性同理,只是传递的第二个参数是数组,这里我们只需要在调用时,将参数用把数组展开即可自己实现跟的本质区别,不会改变原函数的指向,只会返回一个新的函数我们想要的那个指向,并且不会调用。 sh...

    neuSnailneuSnail 评论0 收藏0
  • 前端面试每日3+1——第118天

    前端面试每日3+1——第118天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.12) —— 第1...

    MagicerMagicer 评论0 收藏0
  • 一个后端开发者的前端语言基础:HTML5 & CSS

    一个后端开发者的前端语言基础:HTML5 & CSS

    摘要:每个标签可有一个独立的号。该标签是一个内联元素,与块级元素相反,内联元素不会自动在前后自动放置换行符,因此内联元素会默认在同一行显示。 前端语言基础:HTML5 & CSS (一) HTML5:超文本标记语言 (1) 基本概念 是由一系列成对出现的元素标签(...

    DevWikiDevWiki 评论0 收藏0
  • 浏览器显示及交互背后的原理

    浏览器显示及交互背后的原理

    摘要:浏览器显示及交互背后的原理引子因为笔者爱编程的光头强近期在写一本关于小程序入门的书籍。不基于浏览器背后的运行原理,是很难说清楚虚拟被引入的真正原因和最大好处的。它是浏览器的核心部分。 浏览器显示及交互背后的原理 引子 因为笔者(爱编程的...

    hatlonelyhatlonely 评论0 收藏0
  • 从零自己编写一个React框架    【中高级前端杀手锏级别技能】

    从零自己编写一个React框架 【中高级前端杀手锏级别技能】

    摘要:想要自己实现一个简易版框架,并不是非常难。为了防止出现这种情况,我们需要改变整体的策略。上面这段话,说的就是版本和架构的区别。 showImg("https://segmentfault.com/img/bVbwfRh"); 想要自己实现一个React简易版框架,并不是非常难。但是你需要...

    hot_pot_Leohot_pot_Leo 评论0 收藏0
  • 前端面试每日3+1(周汇总2019.08.11)

    前端面试每日3+1(周汇总2019.08.11)

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量项目地址推荐欢迎跟一起折腾前端,系统整理前端知识,目前正在折腾,打算打通算法与数据结构的任督二脉。 《论语》,曾子曰:吾日三省吾身...

    BaoyuanBaoyuan 评论0 收藏0
  • 2019js基础面试题整理复习

    2019js基础面试题整理复习

    摘要:复习整理有什么新特性新增语义化标签等新增用于绘画的元素用于媒介回放的和元素本地缓存有更好支持和是什么,文档是什么是用来描述网页的一种超文本标记语言,文档也被成为网页,它包含标签和纯文本是什么它不是标签,它为浏览器提供一种信息声明,告诉...

    silencezwmsilencezwm 评论0 收藏0
  • css动画实现呼吸圆

    css动画实现呼吸圆

    摘要:圆动画关键所在,只能设置百分比,不能指定数值,内圆相同 圆动画 .content{ width: 300px; height: 400px; background-color: #333; margin: 0 auto; } div{ box-sizing: border-bo...

    leoperfectleoperfect 评论0 收藏0
  • flex布局遇到white-space:nowrap怎么超出一行显示省略号

    flex布局遇到white-space:nowrap怎么超出一行显示省略号

    摘要:后两个属性可选,该属性有两个快捷值和。属性定义了项目的缩小压缩比例,默认为,即如果空间不足,该项目将缩小。属性定义了在分配多余空间之前,项目占据的主轴空间。当我们设置,项目控件由于不能计算多余的空间导致无法收缩了。 写在最前:当flex...

    tylintylin 评论0 收藏0
  • 你可能不知道的css骚操作 — 表单验证

    你可能不知道的css骚操作 — 表单验证

    摘要:效果图原理表单元素中,有一个属性,可以自定义正则表达式如手机号邮箱身份证伪类,可以匹配通过验证的元素伪类则相反,可以匹配未通过验证的元素于是就可以随便搞啦,上面的效果图只是做一些简单的效果,更多效果以及限制大家就发挥自己的想象力咯布局...

    andotandot 评论0 收藏0
  • 前端硬核面试专题之 CSS 55 问

    前端硬核面试专题之 CSS 55 问

    摘要:前言本文讲解道前端面试的的内容。文章原文地址前端硬核面试专题之问。前端硬核面试专题的完整版在此前端硬核面试专题,包含数据结构与算法。 showImg("https://segmentfault.com/img/bVbv2GE?w=900&h=400"); 前言 本文讲解 55 道前端面试的 CSS 的内...

    崔晓明崔晓明 评论0 收藏0
  • 第十集: 从零开始实现一套pc端vue的ui组件库( 计数器组件 )

    第十集: 从零开始实现一套pc端vue的ui组件库( 计数器组件 )

    摘要:第十集从零开始实现计数器组件本集定位听到计数器这个名字很多人是不是一瞬间没有什么印象毕竟这个组件用的比较少就是那种左边一个右边一个控制某些数量的时候才会用到比如我之前做的商城小程序只有下单页面的规格弹出框里面才有他的身影如果是涉及到处...

    SanchiSanchi 评论0 收藏0
  • flex布局若干问题

    flex布局若干问题

    摘要:使用布局的使用方法很简单,只需要将其属性设置为就可以,也可以设置行内的,记得内核的浏览器,必须加上前缀。注意,设为布局以后,子元素的和属性将失效。超出父容器子容器的排列样式。 使用 flex 布局 flex 的使用方法很简单,只需要将其 display ...

    chunquedongchunquedong 评论0 收藏0
  • 一次性理解清楚动态rem

    一次性理解清楚动态rem

    摘要:特别注意的是,浏览器默认浏览器默认最小字号为所以一般情况下,的不要小于动态动态其实是为移动端适配而诞生的。动态思路动态采用整体缩放的思想,在页面渲染之前,使用获取设备宽度并设置,之后的布局单位全部使用来实现整体缩放。 前言 总是看到em...

    苏丹苏丹 评论0 收藏0
  • css页面布局技巧

    css页面布局技巧

    摘要:一居中布局居中布局水平居中宽度自适应变成行内块元素,让元素宽度自适应,不继承父元素宽度变成元素,可以让元素宽度自适应,不继承父元素宽度定位,可以让元素宽度自适应,不继承父元素宽度或者垂直居中高度自适应变成类似元素定位, 一、居中布局 ...

    刘明刘明 评论0 收藏0
  • 微信小程序开发时的常见问题

    微信小程序开发时的常见问题

    摘要:微信小程序开发常见问题一项目结构微信小程序项目结构主要有四个文件类型如下是框架设计的一套标签语言,结合基础组件事件系统,可以构建出页面的结构。 微信小程序开发常见问题? showImg("https://segmentfault.com/img/bVbwbou?w=720&h=450");一:...

    tianyutianyu 评论0 收藏0
  • css掩人耳目式海浪动效

    css掩人耳目式海浪动效

    摘要:花里胡哨的实现太过于繁琐,这就是本文存在的意义效果图拆解首先画一个简单的盒子利用与画两个圆角值不同的不规则圆形父元素设置最后加上动画让两个不规则圆形旋转起来即可 showImg("https://segmentfault.com/img/bVbwcAf?w=900&h=383"); 花里胡哨的c...

    malakashimalakashi 评论0 收藏0
  • 前端面试每日3+1——第115天

    前端面试每日3+1——第115天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.09) —— 第1...

    PAMPANGPAMPANG 评论0 收藏0
  • 盘点前端开发中那些用得少却很实用的功能

    盘点前端开发中那些用得少却很实用的功能

    摘要:浏览者点击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器,用来发送,等验证信息时不会有浏览器不支持,和用户禁用的烦恼。 盘点一些用得不多却非常有用的前端知识,靠个人收集,如有缺漏,请同学们一起补充 一、DocumentFragment文档碎...

    lcodecorexlcodecorex 评论0 收藏0
  • 通过css3动画和opacity透明度实现呼吸灯效果

    通过css3动画和opacity透明度实现呼吸灯效果

    摘要:呼吸灯也可以通过加层罩,通过设置层罩透明度来实现亮度动画 呼吸灯 /*也可以通过加层罩,通过设置层罩透明度来实现亮度动画*/ body{ background-color: black; } div{ margin: 0 auto; margin-top: 200px; ...

    CristalvenCristalven 评论0 收藏0
  • 用backgroundImage解决图片轮播切换

    用backgroundImage解决图片轮播切换

    摘要:单节点实现轮播利用可以添加多张图片,以及位置偏移实现轮播效果创建一个并用给附图片利用调节位置利用调节过渡即可替代简单的图片切换播放图片源代码 单dom节点实现轮播 利用backgroundImage可以添加多张图片,以及位置偏移实现轮播效果 showImg("htt...

    isLishudeisLishude 评论0 收藏0
  • ( 开篇 )仿写'Vue生态'系列___'你webpack溜么?�

    ( 开篇 )仿写'Vue生态'系列___'你webpack溜么?�

    摘要:开篇仿写生态系列你溜么关于这个系列作者离职深造也有一个月了前端相关的视频与资料学了非常多自己感觉到现在的知识之间只是呈现出一种相互之间的弱联系也就是还不成体系每一个知识点我都学过我都会用但是统一起来就有些地方不是很明朗了相信很多前端仔...

    betacatbetacat 评论0 收藏0
  • html5与css3阶段复习题

    html5与css3阶段复习题

    摘要:将超出对象尺寸的内容进行裁剪,不会出现滚动条。过渡效果使用动画使用需要触发一个事件才会随着时间改变其属性在不需要触发任何事件的情况下,也可以显式的随时间变化来改变元素属性,达到一种动画的效果动画不需要事件触发,过渡需要。 1.请列出核心...

    techstaytechstay 评论0 收藏0
  • 用键盘8个键演奏一首蒲公英的约定送给996的自己或者一首月亮代表我的心给七夕的她

    用键盘8个键演奏一首蒲公英的约定送给996的自己或者一首月亮代表我的心给七夕的她

    摘要:体验地址项目地址用键盘个键演奏一首蒲公英的约定送给的自己或月亮代表我的心给七夕的她,非常简单这个项目仅仅用了几个简单的前端技术实现,献给每一位挚爱音乐的代码家 showImg("https://segmentfault.com/img/bVbv3kr?w=600&h=366"); 体验地址: ht...

    callmewhycallmewhy 评论0 收藏0

热门文章

<