文章库ARTICLE COLUMN

  • CSS布局--圣杯布局和双飞翼布局以及使用Flex实现圣杯布局

    CSS布局--圣杯布局和双飞翼布局以及使用Flex实现圣杯布局

    摘要:圣杯布局双飞翼布局所谓圣杯布局和双飞翼布局其实解决的问题是相同的,都是解决左右两栏固定宽度,中间部分自适应,其中某部分内容比其他内容高的时候,保证三者元素等高。双飞翼用在外层多加了一个然后改用。 前言 我曾一度觉得总写css的前端很low,...

    zqhxuyuanzqhxuyuan 评论0 收藏0
  • 让多个元素贴边平分布局

    让多个元素贴边平分布局

    摘要:怎样让多个元素贴边平分为什么会有这个疑问呢首先说明一下,接触前端有一年的时间了,自认为对静态布局不在话下,果然,自负的人最容易被打脸呐,刚换了一份工作,公司对前端要求比较严格。 怎样让多个元素贴边平分?         为什么会有这个...

    ForelaxForelax 评论0 收藏0
  • Array、Set、Map、Object学习总结

    Array、Set、Map、Object学习总结

    摘要:和对比都是一个存储多值的容器,两者可以互相转换,但是在使用场景上有区别。可以理解为的方法集合实例属性继承自操作方法遍历方法和数组的转换要求双成员数组值得注意的是的键是跟内存绑定的参考文档和和阮一峰教程 Array和Set对比 都是一个存储多值...

    Miracle_lihbMiracle_lihb 评论0 收藏0
  • 前端面试资源整理(一)

    前端面试资源整理(一)

    摘要:是上一次加载资源时,服务器返回的,是对该资源的一种唯一标识,只要资源有变化,就会重新生成。同源限制如果非同源以下三种行为将受到限制和无法读取。Js相关执行环节和作用域执行环节定义了函数或者变量可以访问的其它数据,决定了他们各自的行为。每...

    phoenixskyphoenixsky 评论0 收藏0
  • 【前端工程师手册】30分钟搞清楚选择器和权重

    【前端工程师手册】30分钟搞清楚选择器和权重

    有哪些选择器 基本选择器 通配选择器(*) ID选择器(#ID) 类选择器(.className) 元素选择器(tagName) 后代选择器(a b) 子元素选择器(a>b) 相邻后面兄弟元素选择器(a + b) 通用后面兄弟选择器(a 〜 b) 群组选择器(selector1,selector2,...) 这...

    boredreamboredream 评论0 收藏0
  • 用CSS实现Tab页切换效果

    用CSS实现Tab页切换效果

    摘要:绑定和这个不用说和属性绑定隐藏按钮这个方法有很多充分发挥你们的想象力就可以了,我见过的方法有设置隐藏的设置绝对定位,将设置为很大的负值,移动到页面外达到隐藏效果设置绝对定位使元素脱离文档流,然后设置为透明来达到隐藏效果。 用CSS实现Tab...

    dayday_updayday_up 评论0 收藏0
  • 跨站脚本攻击XSS

    跨站脚本攻击XSS

    摘要:简介跨站脚本攻击英文全称是本来缩写是但是为了和层叠样式表有所区别所以在安全领域叫做攻击通常是指黑客通过注入篡改了网页插入了恶意的脚本从而在用户浏览网页时控制用户浏览器的一种攻击在一开始这种攻击的演示案例是跨域的所以叫做跨站脚本但是发展...

    hellowoodyhellowoody 评论0 收藏0
  • html初体验#2

    html初体验#2

    摘要:但在后端代码中容易识别成注释,慎用忘记加分号啦执行为协议,这里意思为不执行任何命令忘记加分号啦执行为协议,这里意思为不执行任何命令标签也用于跳转页面,但必须有按钮或者点击才能跳转完整样式网址同标签提交必须写属性才能被提交。 碎碎念 ...

    CobubCobub 评论0 收藏0
  • 云控后台系统 经验总结(表单和文件上传等)

    云控后台系统 经验总结(表单和文件上传等)

    1. qq emoji替换 接收到这样的字符串,通过正则匹配到每组方括号然后进行替换 var _str = i.content.replace(/[.{1,3}]/g, (str) => { //i.content为遍历出来的消息记录 var index; Object.keys(faceCode).forEach((key, _index) => { ...

    MkkHouMkkHou 评论0 收藏0
  • JavaScript 设置CSS与注意事项

    JavaScript 设置CSS与注意事项

    摘要:设置的几种方法及注意事项设置样式直设置内联属性设置内联样式替换内联追加设置内联样式第三个参数可以省略以上中方法都是基于内联样式,用他们来获取元素的样式是同样只能获取到内联样式。 JavaScript设置CSS的几种方法及注意事项 JS设置CSS样式 直...

    vincent_xybvincent_xyb 评论0 收藏0
  • Echarts4.0 使用系列——折线图,这里可能有你需要的

    Echarts4.0 使用系列——折线图,这里可能有你需要的

    摘要:常用的类型为,需要定义对呀的类目数据,这个例子中的类目数据为日期组成的数据。在使用之前觉得这个插件内容很多,但是去看了一遍折线图的后发现有很多都是类似的,例如轴与轴的设置。 前言:项目中经常会使用到Echarts,有的需求差不多复用性高,由于...

    mmy123456mmy123456 评论0 收藏0
  • 前端面试题-渐进增强和优雅降级

    前端面试题-渐进增强和优雅降级

    摘要:一背景介绍渐进增强和优雅降级这两个概念是在出现之后火起来的。二概念理解渐进增强渐进增强一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果交互追加功能达到更好的体验。 一、背景介绍 渐进增强和优雅降级这两...

    HollisChuangHollisChuang 评论0 收藏0
  • 前端笔试题面试题记录(上)

    前端笔试题面试题记录(上)

    摘要:后续前端笔试题面试题记录下小结我想说的是在找工作期间,肯定有自己发挥不好,或者不会的问题,一定要在晚上的时候自己再学习总结一下,在一个问题上面尽量不要栽倒两次,学到了的才是自己的。 前言 过完元宵,就到上海找了波工作,现在已经入职好了...

    wind3110991wind3110991 评论0 收藏0
  • 2017、2018面试分享(js面试题记录)记得点赞分享哦;让更多的人看到~~

    2017、2018面试分享(js面试题记录)记得点赞分享哦;让更多的人看到~~

    摘要:为了解决这些问题,就可以使用定时器对函数进行节流。当第二次调用该函数时,它会清除前一次的定时器并设置另一个。如果前一个定时器已经执行过了,这个操作就没有任何意义。然而,如果前一个定时器尚未执行,其实就是将其替换为一个新的定时器。 2017...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • 前端iPhone X适配总结

    前端iPhone X适配总结

    摘要:页面主体内容限定在安全区域内元素的适配如果元素是定位且,那么除了设置的还不够,还需要给它自身添加,因为它是相对于屏幕最底部定位的。 屏幕尺寸 垂直方向上,iPhone X的显示宽度与iPhone 6,iPhone 7 和 iPhone 8 的 4.7 英寸一样,但是比4.7英寸...

    ZoomZoom 评论0 收藏0
  • transform导致字体模糊的bug

    transform导致字体模糊的bug

    摘要:我在给一个定位元素垂直居中的时候惯性的设置了设置完成后没有发现问题,后来无论时美工还是测试都反应这个元素字体模糊。后来经过反复排除认定了时的锅。经过查资料时应为要移动的元素的高度时奇数的。动画在渲染非整数的时就会出现字体模糊。 我在给...

    weakishweakish 评论0 收藏0
  • Nicon-支持私有部署的开源字体图标管理平台!

    Nicon-支持私有部署的开源字体图标管理平台!

    摘要:静态资源的访问通过配置代理实现页面的访问,跟服务端工程毫无关系,服务端只负责提供异步接口。集中管理异步接口配置的模块 Nicon 一言不合,先上平台Nicon。该平台接入github登录,采用七牛CDN存储,欢迎大家试用。 Nicon 是一个集图标上传、展示、...

    trigkit4trigkit4 评论0 收藏0
  • CSS水平居中和垂直居中

    CSS水平居中和垂直居中

    摘要:不定宽块状元素水平居中垂直居中利用属性垂直居中垂直居中利用布局不定高不定宽垂直居中垂直居中设置或另外设置为垂直居中或上下居中左右居中居中 CSS水平居中和垂直居中 行内元素居中 水平居中 1.给父元素设置text-align:center 行内元素span居...

    silenceboysilenceboy 评论0 收藏0
  • 面试刷题总结

    面试刷题总结

    摘要:写一个事件侦听器函数相当于封装一个兼容主流浏览器和根据情况分别使用方式来添加事件根据情况分别获取或者中的事件对象,事件目标,阻止事件的默认行为根据情况分别使用方式来删除事件根据情况分别取消或者中事件冒泡如何书写高性能代码怎样用实现千位...

    zhoutaozhoutao 评论0 收藏0
  • 听说你还不理解JavaScript闭包

    听说你还不理解JavaScript闭包

    摘要:原因在于,分配给事件的函数是闭包,他们由函数定义构成,从函数的函数作用域获取。三个闭包由循环所创建,每个闭包具有同一个词法环境,环境中包含一个变量当的回调执行时,的值也随之确定,循环已经执行完毕,对象已经指向了列表的最后一项。 闭包(C...

    everflyeverfly 评论0 收藏0
  • H5 分层屏幕适配

    H5 分层屏幕适配

    摘要:单屏适配有或,多屏常见是依宽。整层适配为确保各层元素同步缩放,不走样,每层的适配区应当等于设计稿大小。直接的实现就是构造和适配区一样尺寸的容器,整层适配。值为时对应适配。这下妈妈再也不用担心我还原问题屏幕适配问题了。 转载请注明出处:...

    ArnoArno 评论0 收藏0
  • PHP商城的搜索功能

    PHP商城的搜索功能

    摘要:大家好今天分享一个商城的搜索功能建立在上一篇文章的基础上实现的搜索功能简单的说就是通过语句在数据库中实现模糊查找连接数据库实现分页功能可以参考上一篇文章定义一个变量接收传过来的搜索框的值定义语句去数据库模糊查询查询数据库中数据截图如下...

    fuchenxuanfuchenxuan 评论0 收藏0
  • 前端面试题-伪类和伪元素

    前端面试题-伪类和伪元素

    摘要:四伪类列举状态伪类状态伪类是基于元素当前状态进行选择的。目前,只有火狐浏览器支持伪类,并在火狐浏览器中使用时需要添加前缀试验阶段。 一、伪类和伪元素的引入 1. 规范说明 CSS introduces the concepts of pseudo-elements and pseudo-classes ...

    CristicCristic 评论0 收藏0
  • 如何愉悦地写 React 样式

    如何愉悦地写 React 样式

    摘要:样式化组件巧妙地利用标签模板把和组件结合在一起,使得组件跟样式之间的界限变得模糊。由于和都是组件,因此我们可以跟其他任何组件一样使用它们,最终的效果如下使用样式化组件来写样式跟普通的写法是一模一样的。 showImg("https://segmentfault.co...

    zhigoozhigoo 评论0 收藏0
  • 前端面试题-伪元素的应用

    前端面试题-伪元素的应用

    摘要:一伪元素的应用清除浮动父元素中有子元素,并且父元素没有设置高度,子元素在父元素中浮动,结果必然是父元素的高度为,这也就导致了父元素高度塌陷,我们就需要清除浮动。伪元素不会自然继承自父元素如的样式。 一、伪元素的应用 1. 清除浮动 父元素...

    tolerioustolerious 评论0 收藏0

热门文章

<