文章库ARTICLE COLUMN

  • FE.TEST-前端测试初探

    FE.TEST-前端测试初探

    摘要:使用可以快速生成一个项目,其中包含了和以及覆盖率统计的配置参考一个创建测试脚本的快速方法其他参考资料前端自动化测试概览测试之使用对项目进行单元测试 showImg("https://segmentfault.com/img/bVbjfXr?w=600&h=317"); 前言 测试可以提供快速反馈...

    张率功张率功 评论0 收藏0
  • 从头开始学习vue-router

    从头开始学习vue-router

    摘要:路由模块的本质就是建立起和页面之间的映射关系。这时候我们可以直接利用传值了使用来匹配路由,然后通过来传递参数跳转对应路由配置于是我们可以获取参数六配置子路由二级路由实际生活中的应用界面,通常由多层嵌套的组件组合而成。 一、前言 要学习v...

    frontoldmanfrontoldman 评论0 收藏0
  • css-浮动

    css-浮动

    摘要:然而,接着浮动盒创建的当前及后续行盒会进行必要的缩短,为了给浮动盒的让出空间。 一,浮动的定义 一个浮动盒会向左或向右移动,直到其外边(outer edge)挨到包含块边沿或者另一个浮动盒的外边。如果存在行盒,浮动盒的外top(边)会与当前行盒的to...

    1treeS1treeS 评论0 收藏0
  • ie下带滚动条容器background属性和border属性的bug

    ie下带滚动条容器background属性和border属性的bug

    摘要:经测试现象消失。总结问题虽然解决了但还是花费了很多时间的问题出现的根本原因还是不清楚目前只能归结于浏览器的了因为我自己的下是好的只在测试机上的不行愿以后不再兼容 现象封装的angularjs hikSelect指令在个别ie11浏览器下下拉选项在滚动是会出...

    TonnyTonny 评论0 收藏0
  • outline和他娘亲border两三事

    outline和他娘亲border两三事

    摘要:是啥顾英文名思义就是元素的轮廓,其实一般我们很少去设置元素的样式,因此很多人对他不太了解。浏览器默认给很多特定元素的某些行为加上了样式,比如标签输入框等。 outline是啥? outline顾英文名思义就是元素的轮廓,其实一般我们很少去设置元素的o...

    DesGeminiDesGemini 评论0 收藏0
  • 微信小程序性能优化入门指南

    微信小程序性能优化入门指南

    摘要:希望大家看完这篇文章能对小程序性能优化有一定的认识,如果有错误或不严谨的地方,欢迎批评指正,如果喜欢,欢迎点赞收藏。 小程序从发布到现在也已经有将近两年的时间,越来越来多的公司开始重视小程序生态带来的流量,今年也由于小程序平台对外能力...

    heartFollowerheartFollower 评论0 收藏0
  • 前端实现文字跑马灯的三种方式

    前端实现文字跑马灯的三种方式

    摘要:前言最近写了一个文字跑马灯的项目需求,刚开始用写,能够完成需求。代码部分预览实现文字跑马灯小结的方式能够完美的满足子需求点和自需求点。 前言 最近写了一个文字跑马灯的项目需求,刚开始用js写,能够完成需求。后面想着换种方式(分别是html和cs...

    godlong_Xgodlong_X 评论0 收藏0
  • 怎样才能重新热爱工作呢?

    怎样才能重新热爱工作呢?

    摘要:简评很多人都会有工作懈怠期,开始不喜欢,甚至讨厌自己曾经热爱的工作。想一想,你的预期是否过高至少以目前的职位来看,然后降低自己对这项工作的预期。我们讨论的是让人们找回自己当初热爱工作的理由,这或许需要重新定义他们的工作内容和工作方式。...

    pingan8787pingan8787 评论0 收藏0
  • 关于响应式布局,你必须要知道的

    关于响应式布局,你必须要知道的

    摘要:本文主要介绍一些响应式布局容易忽略但又很重要的知识点。单位不仅仅可以用来设置字号,还可以设置任何盒模型的属性,比如有一点优势就是可以和媒体查询配合,实现响应式布局运用场景如果我们做的页面只在移动端访问,这是因为不兼容低版本的浏览器。 ...

    nevermindnevermind 评论0 收藏0
  • H5视频直播原理

    H5视频直播原理

    摘要:相关文章安装直播服务器搭建直播原理目前各主流浏览器支持的视频格式直播协议协议静态列表全量列表表示点播,表示结束协议协议直播原理总结基础认识准备工作环境下命令行操作安装依赖安装启动进入目录下从远程仓库克隆进入仓库文件夹创建用打开属 相关...

    leap_frogleap_frog 评论0 收藏0
  • Echarts轻松入门,内附踩坑秘籍

    Echarts轻松入门,内附踩坑秘籍

    摘要:中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。注内容摘自官网,原文地址 首先介绍一下我们的主角ECharts ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8...

    TonyTony 评论0 收藏0
  • 《第40天 : JQuery - 手风琴列表》

    《第40天 : JQuery - 手风琴列表》

    摘要:源码下载地址链接提取码如果有赞就很幸福了今天要和你们分享的是我看了库的手风琴列表样式。该方法检查被选元素的可见状态。 showImg("https://segmentfault.com/img/bVbjavP?w=387&h=408"); 源码下载地址:链接:https://pan.baidu.com/s/1x9c1... 提...

    zhiweizhiwei 评论0 收藏0
  • [译]HTML&CSS Lesson8: 列表

    [译]HTML&CSS Lesson8: 列表

    摘要:使用了值及其以下的所有列表项的数字标记将会按照值重新计数。嵌套列表的一个目的是便于识别列表的起始位置以及每个列表和列表项。嵌套列表完成后,闭合包裹的列表项并继续在原列表项中操作。从正方形和十进制数一直到亚美尼亚编号都属可用值范围。 列...

    csRyancsRyan 评论0 收藏0
  • 构建工具是如何用 node 操作 html/js/css/md 文件的

    构建工具是如何用 node 操作 html/js/css/md 文件的

    摘要:构建工具是如何用操作文件的从本质上来说,源代码文件都是文本文件,文本文件的内容都是字符串,对文本文件的操作其实就是对字符串的操作。在第二种方式中,一般也是将文本解析成一棵抽象语法树,然后进行操作。 构建工具是如何用 node 操作 html/js/c...

    PingCAPPingCAP 评论0 收藏0
  • css之选择器

    css之选择器

    摘要:同时匹配元素和元素后代选择器,用空格分割。选择元素所有的直接子元素中满足条件的元素直接相邻选择器,用分割。选择元素之后相邻的下一个兄弟元素,但要处于同一个父元素内普通相邻选择器弟弟选择器。 CSS(Cascading层叠 Style样式 sheets表),是...

    tinysun1234tinysun1234 评论0 收藏0
  • 在一个元素上:hover,改变另一个元素的css属性

    在一个元素上:hover,改变另一个元素的css属性

    摘要:如果二者是父子关系,可以写成这种如果是兄弟关系如果是兄弟的儿子是用的选择器来实现的。 如果二者是父子关系,可以写成这种: .face:hover .eye-bottom { margin-top: 30px; } 如果是兄弟关系: .face:hover+...

    pakolagijpakolagij 评论0 收藏0
  • 前端面试题:CSS中的选择器权重

    前端面试题:CSS中的选择器权重

    摘要:第二等代表选择器,如,权值为。第三等代表类,伪类和属性选择器,如,权值为。第五等通配符子选择器相邻选择器等的。第六等继承的样式没有权值。 CSS中选择器优先级的权重计算 先看一段代码,如下: a{ color: red; } #box a{ ...

    cppprimercppprimer 评论0 收藏0
  • 《第41天:JQurey - 关灯效果》

    《第41天:JQurey - 关灯效果》

    摘要:源码下载地址链接提取码如果有赞就很幸福了今天要和你们分享的是我看了库的一款关灯效果,然后自已去实现它主要是鼠标移入移出它的状态发生改变开始讲解前,为大家做一些知识储备,在接下来的实操中会用到方法鼠标移入,会实现函数里的操作方法鼠标移出...

    BearyChatBearyChat 评论0 收藏0
  • 解决img(行级标签)下边距的问题

    解决img(行级标签)下边距的问题

    摘要:问题描述如下图,如果标签下跟一个块级标签,那么两者之间会出现一条缝隙。原因原因是行级标签具有自身的定位,图片默认的垂直对齐方式是基线解决方案如下图,将图片转成块级元素即可。解决方案如下图,更改图片的对齐方式为。 问题描述: 如下图,如...

    LabradorsLabradors 评论0 收藏0
  • css手写一个表头固定

    css手写一个表头固定

    摘要:等前端框架里面都对表头固定,表格滚动有实现,偏偏刚入职的公司选择了手动渲染表格,后期又觉得表格数据拉太长想要做表头固定。 Bootstrap,layui等前端框架里面都对表头固定,表格滚动有实现,偏偏刚入职的公司选择了手动渲染表格,后期又觉得表格数...

    SQCSQC 评论0 收藏0
  • 从Mixin到hooks,谈谈对React16.7.0-alpha中即将引入的hooks的理解

    从Mixin到hooks,谈谈对React16.7.0-alpha中即将引入的hooks的理解

    摘要:已经被废除,具体缺陷可以参考二为了解决的缺陷,第二种解决方案是高阶组件简称。我们定义了父组件,存在自身的,并且将自身的通过的方式传递给了子组件。返回一个标识该的变量,以及更新该的方法。   为了实现分离业务逻辑代码,实现组件内部相关...

    funnyZhangfunnyZhang 评论0 收藏0
  • 火狐使用阿里云OOS上传图片报错:“XML 解析错误:找不到根元素”

    火狐使用阿里云OOS上传图片报错:“XML 解析错误:找不到根元素”

    摘要:问题描述使用阿里云上传图片在火狐浏览器报错解析错误找不到根元素,但不影响功能的使用。如果其值未设置或者设置成一个非法值,返回一个空文档和状态码。 问题描述: 使用阿里云OOS上传图片在火狐浏览器报错 XML 解析错误:找不到根元素,但不影...

    guqiuguqiu 评论0 收藏0
  • 前端用户体验优化: JS & CSS 各类效果代码段

    前端用户体验优化: JS & CSS 各类效果代码段

    摘要:前言不定时更新在线预览在线预览的源码部分内容仅兼容内核,其他内核自行查询可控密度的虚线分隔线通过更改值控制密度展示通过各属性及方向转换实现横纵向不同的分隔线文字渐隐春眠不觉晓处处闻啼鸟夜来风雨声花落知多少引导用户下方 前言 不定时更新...

    mgckidmgckid 评论0 收藏0
  • :last-child的坑-CSS3选择器

    :last-child的坑-CSS3选择器

    摘要:选择器之真实经历最近开发项目的时候发现了一个这么多年忽略的问题,和大家分享一下。 CSS3选择器之:last-child - Eric 真实经历 最近开发项目的时候发现了一个这么多年忽略的问题,和大家分享一下。项目使用的是Antd组件库,有一个搜索框是这样的:s...

    1365165710113651657101 评论0 收藏0
  • CSS6:flex布局

    CSS6:flex布局

    摘要:主要用来做横向的布局。元素的布局学习我分成两个部分,第一个部分是元素布局。以下几个属性影响着元素的布局。详细还是看分钟彻底弄懂布局讲的非常明白。的时候,伸缩时需要考虑,按照进行等比例伸缩。布局套路学习布局教程实例篇 前言:这是我看过最...

    JiobyJioby 评论0 收藏0

热门文章

<