文章库ARTICLE COLUMN

  • 从零自己编写一个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
  • 更快助你弄懂React-高阶组件

    更快助你弄懂React-高阶组件

    摘要:等价于是一个返回函数的函数就是个高阶函数返回的函数就是一个高阶组件,该高阶组件返回一个与关联起来的新组件的也是一样的总结一下高阶组件是对代码进行更高层次重构的好方法,如果你想精简你的和生命周期方法,那么高阶组件可以帮助你提取出可重用的...

    xushaojieaaaxushaojieaaa 评论0 收藏0
  • 把富文本的 ↵ 转为</br>标签

    把富文本的 ↵ 转为</br>标签

    例如:"我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助,↵合作竞争,学习更加有动力!↵从简单的单词到句型和场景对话,↵孩子越来越敢于开口说英语啦![耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨~" 需要转为才能被html识别,并且换行。可以...

    ZoomZoom 评论0 收藏0
  • H3BPM-关于钉钉免登失败的处理

    H3BPM-关于钉钉免登失败的处理

    摘要:企业钉钉的免登陆验证失败处理方案钉钉后台配置首先创建应用配置信息应用设置白名单出口服务端出口后台配置后台管理参数设置钉钉同步可以同步用户到钉钉组织机构常见问题失效错误码确认白名单是否正确需要重启引擎签名校验失败请检查等参数是否正确检查...

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

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

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

    masturbatormasturbator 评论0 收藏0
  • css/day08

    css/day08

    摘要:定位布局静态默认非定位元素定位元素相对定位参照点原先所在的位置特性不脱离文档流宽度默认为为,原来在文档流的位置不会被抢占,但是可以覆盖在其他元素上定位元素绝对定位参照点距离它最近的父定位元素,如果没有,参照视口特性脱离文档流宽度由内容...

    wujl596wujl596 评论0 收藏0

热门文章

<