文章库ARTICLE COLUMN

  • 用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
  • 前端面试题-CSS选择器

    前端面试题-CSS选择器

    摘要:一选择器作用选择器用于定位我们想要给予样式的元素,但不只是在中,对的选择器也是支持的,比如。在选被元素后插入内容其用法和特性与相似。所有伪元素选择器在前端面试题伪类和伪元素扩展阅读前端面试题清除浮动前端面试题块格式化上下文 一、CSS选...

    leanoteleanote 评论0 收藏0
  • css布局中左侧固定右侧自适应

    css布局中左侧固定右侧自适应

    摘要:所以说第二种还是不错的,不少大家都会误解有时候在和定位都可以实现的时候,到底要采用哪种方式,我觉得那要看你想要兼容哪种浏览器,主流的非两种都很不错,但是中关于的太多 float 单一层浮动法左侧固定成100px; 则核心代码 左侧:width:100px;flo...

    DandJDandJ 评论0 收藏0
  • 前端面试题-CSS优先级

    前端面试题-CSS优先级

    摘要:优先级是基于不同种类选择器组成的匹配规则。但是,在内部声明的选择器是会影响优先级。当两条相互冲突的带有规则的声明被应用到相同的元素上时,拥有更大优先级的声明将会被采用。扩展阅读前端面试题选择器 一、选择器优先级 浏览器通过优先级来判断...

    余学文余学文 评论0 收藏0
  • 使用GitHub(一):添加SSHkey

    使用GitHub(一):添加SSHkey

    摘要:使用一添加本文简单介绍使用对代码进行版本控制,包括添加配置使用创建版本库并在上进行管理,主要目的是对学习内容进行总结以及方便日后查阅。 使用GitHub(一):添加SSHkey 本文简单介绍使用GitHub对代码进行版本控制,包括添加SSHkey、配置Git、...

    wh469012917wh469012917 评论0 收藏0
  • 使用GitHub(二):配置并使用Git创建版本库

    使用GitHub(二):配置并使用Git创建版本库

    摘要:使用二配置并使用创建版本库本文简单介绍使用对代码进行版本控制,包括添加配置使用创建版本库并在上进行管理,主要目的是对学习内容进行总结以及方便日后查阅。使用创建版本库使用有三种方式,请按照需求选择。 使用GitHub(二):配置并使用Git创建...

    wangymwangym 评论0 收藏0

热门文章

<