文章库ARTICLE COLUMN

  • 视频全屏弹幕实现

    视频全屏弹幕实现

    摘要:该文章短小精悍问视频全屏后如何加弹幕答了解一下如果你没有领会我的意思,我可以手摸手带你撸一遍视频全屏遇到的问题最近在搞给视频加个花边的东西用的在全屏的时候浏览器会把视频层级提高也有同样的问题,重点是并不草理你的,大家玩玩就懂我的意思了...

    mumumumumumu 评论0 收藏0
  • HTML 之 a 标签伪协议

    HTML 之 a 标签伪协议

    实现点击 a 标签后什么都不做的功能 do nothing

    dreambeidreambei 评论0 收藏0
  • vue.js实现一个会动的简历(包含底部导航功能,编辑功能,添加了用户自定义写字速度功能)

    vue.js实现一个会动的简历(包含底部导航功能,编辑功能,添加了用户自定义写字速度功能)

    摘要:好了,让我们来实现一个简单的这样打字的效果,如下你可以狠狠点击此处具体示例查看效果。接下来分析如何暂停动画和继续动画,很简单,就是清除定时器,然后重新调用即可。如何让编辑的代码生效呢,这就需要用到自定义事件事件修饰符,自行查看官网。 ...

    luffyZhluffyZh 评论0 收藏0
  • 微信小程序开发中遇到的问题及解决办法:微信小程序ad自适应布局(二)

    微信小程序开发中遇到的问题及解决办法:微信小程序ad自适应布局(二)

    摘要:问题添加微信广告的小程序在正式上线并且通过审查后,如果有除了纯展示的其他需求,比如需要点击观看广告秒才能领取奖励。 场景:微信小程序中添加广告,可以是微信广告和自定义广告的自适应布局; 问题:微信广告在小屏(比如:320)手机上或是设置a...

    FreemanFreeman 评论0 收藏0
  • Redux 源码拾遗

    Redux 源码拾遗

    摘要:循环还没有结束,其中的某个对进行了添加或者删除,都会影响到此次循环的进行,带来不可预期的错误。 首先来一段 redux 结合 中间件 thunk、logger 的使用demo 了解一下应该如何使用 const redux = require("redux") const { createStore, combin...

    CloudwiseAPMCloudwiseAPM 评论0 收藏0
  • 我的前端规范系列-前端专属的目录结构[解决项目中的钉子户]

    我的前端规范系列-前端专属的目录结构[解决项目中的钉子户]

    摘要:但是前端目录结构笔者认为应该对于页面和组件继续细分。举个列子当项目较大时目录里存在将会非常之多。所以,后端这种按职能划分的目录结构虽好,但用于前端也不是最合适的方案。 为什么需要前端专属的项目结构 这里说到目录结构,想必不少程序员会想...

    NoseeNosee 评论0 收藏0
  • 每日 30 秒 ⏱ 千里姻缘一线牵

    每日 30 秒 ⏱ 千里姻缘一线牵

    简介 SEO、链接、a 标签、HTTP 状态码、link 标签、alternate、canonical 唐朝有个小伙叫韦固喜欢在河边玩,一天遇到一个老伯伯在月光下把两块石头系在一起。小伙看到很好奇便问道系石头做什么呢?老伯伯说我在给当婚人牵线,这对石头是一对夫妻。...

    ArnoArno 评论0 收藏0
  • 前端小姿势

    前端小姿势

    摘要:文章包含学习中遇到的问题小白水平可能会包含一些错误或者还没写完或者非最佳实践仅供参考父子组件的参考官方文档点我父级不需要操作额外代码子代操作方法一这个的官方会有介绍子代操作方法二通过这个实现的看了不少文章,这种比较多以为例子先简单介绍...

    JeOamJeOam 评论0 收藏0
  • 用 CSS3 动画功能,做一个有逼格的加载动画

    用 CSS3 动画功能,做一个有逼格的加载动画

    摘要:主要用到的知识点参阅菜鸟教程动画延时实现说明用于区别四个不同点,里放通用样式重点如果了解,看这个更清晰些,如果不懂,看下面生成的定死容器的高度,不然会上下浮动横向排列子元素纵向排列子元素去掉最后一个 showImg("https://segmentfault.com/...

    546669204546669204 评论0 收藏0
  • 内联元素的盒模型 display和visibility overflow 文档流

    内联元素的盒模型 display和visibility overflow 文档流

    摘要:笔记从尚硅谷的第讲开始的内联元素的盒模型,此套视频是第二遍看,为了以后不再看第三遍,把重要的知识做个总结。其实我们的元素天生就有这种效果。是元素的默认值,也是设置元素为隐藏,但是它隐藏后还会占用页面的布局。以上只是在正常的文档流中 笔...

    bovensonbovenson 评论0 收藏0
  • react学习日记第一记-webpack配置

    react学习日记第一记-webpack配置

    摘要:对于前端开发者来说,无论使用还是还是,打包工具的配置永远都是一个必须的过程,因为这决定了打包出来项目的大小,资源占用,以及运行速度。所以自己就动手尝试配置一下。 对于前端开发者来说,无论使用vue 还是react还是angular,打包工具的配置永远...

    ShonimShonim 评论0 收藏0
  • 前端LRC歌词解析播放插件

    前端LRC歌词解析播放插件

    摘要:前端歌词解析播放插件写音乐播放器的时候,做了显示歌词的功能,而歌词内容为格式。为了显示歌词,就参考其他库根据自己的想法实现了一个基于的文件解析库。使用方法歌词播放时的回调是当前播放行是当前播放的歌词监听歌词设置事件。 前端LRC歌词解析...

    monw3cmonw3c 评论0 收藏0
  • 前端开发面试题链接

    前端开发面试题链接

    摘要:手册网超级有用的前端基础技术面试问题收集前端面试题目及答案汇总史上最全前端面试题含答案常见前端面试题及答案经典面试题及答案精选总结前端面试过程中最容易出现的问题前端面试题整理腾讯前端面试经验前端基础面试题部分最新前端面试题攻略前端面试...

    h9911h9911 评论0 收藏0
  • 图片懒加载

    图片懒加载

    摘要:检查是否在可视区域获得对象距离页面顶端的距离 lazyLoad * { margin: 0; padding: 0; } #wapper { width: 520px; margin: 30px auto; border: 1px solid red; overflow: hidden; } li { ...

    TamicTamic 评论0 收藏0
  • 每日 30 秒 ⏱ SEO初体验

    每日 30 秒 ⏱ SEO初体验

    showImg("https://segmentfault.com/img/remote/1460000018760855?w=900&h=500"); 简介 SEO、Meta、搜索引擎优化、简单教程 细心的同学可能发现了开头出现了关键字,这是为什么呢?阅读完本文后大家就会明白了。 同学们有没有想过互联网上用户、网站 有多少...

    fai1017fai1017 评论0 收藏0
  • 我的前端规范系列-高清屏适配[按标准来就行]

    我的前端规范系列-高清屏适配[按标准来就行]

    摘要:因为只有用到位图的地方才会出现像素缺失和像素丢失的状况其他的元素都是系统绘制的矢量图形不受是否是高清屏幕的影响。解决方案图标准还是按照上方的标准。比如大小为的按钮按上面标准换算成为这就蛋疼了,你无法直观看出这个按钮多大修改起来更是蛋疼...

    CarbsCarbs 评论0 收藏0
  • 0基础学编程,学前端-请先看完这个

    0基础学编程,学前端-请先看完这个

    摘要:也有很多想学前端的同学希望能有基础学前端的这方面的资料。其实基础刚开始不只是对前端的陌生,而是对计算机的陌生,对编程这个行业的陌生。所以计算机基础科学是一个不可或缺的理论知识。 背景 现在网上有很多文章以及一些培训课程打的标题是0基础学...

    ZoomZoom 评论0 收藏0
  • HTML 之自定义数据属性用法

    HTML 之自定义数据属性用法

    自定义属性 通过 data-xx 在标签中设置的属性可用 dataset.xx 获取 例如 A var a = document.querySelector(".a") var n = a.dataset.name console.log(n) showImg...

    wushuiyongwushuiyong 评论0 收藏0
  • HTML 之 form 表单提交数据

    HTML 之 form 表单提交数据

    form 表单内必须有 才能提交数据 UserName PassWord showImg("https://segmentfault.com/img/bVbqTjG?w=721&h=493"); showImg("https...

    hizengzenghizengzeng 评论0 收藏0
  • HTML 之提交多选框数据

    HTML 之提交多选框数据

    apple banana showImg("https://segmentfault.com/img/bVbqTjw?w=673&h=395"); showImg("https://segmentfault...

    wenduxwendux 评论0 收藏0
  • HTML 之 table 标签用法

    HTML 之 table 标签用法

    table { text-align: center; border-collapse: collapse; } itemnameclassscore ...

    archieyangarchieyang 评论0 收藏0
  • 移动端页面小bug

    移动端页面小bug

    摘要:滑动时页面警告解决方法不支持的解决办法姓名身份证号码重点在于给设置高度和伪元素微信去掉底部返回横条问题框自动填充内容背景颜色为黄色设置文字不居中设置间距和等值即可 滑动时页面警告 [Intervention] Unable to preventDefault inside passive ...

    winterdawnwinterdawn 评论0 收藏0
  • 如何让子元素在父元素中水平垂直居中七种方法?

    如何让子元素在父元素中水平垂直居中七种方法?

    摘要:第一种定位注意兼容性较好,缺点不支持以下的浏览器第二种定位注意兼容性好缺点必须知道元素的宽高第三种定位注意这是里的样式缺点兼容性不好,只支持的浏览器第四种弹性盒子移动端首选第五种移动端首选第六种形成子元素设置 html: green...

    darkbugdarkbug 评论0 收藏0
  • 初识wkhtmltopdf

    初识wkhtmltopdf

    摘要:背景最近接到一个客户需求,要求将学生的考试结果分析表格和图表导出到。本着最好不要额外安装软件的原则,搜索过后分别尝试了等等。但是实现效果都与预期差距较大。它们是开源命令行工具,使用渲染引擎将呈现为和各种图像格式。它们不需要显示或显示服...

    TowersTowers 评论0 收藏0
  • wkhtmltopdf chartjs

    wkhtmltopdf chartjs

    摘要:背景前文提到了项目中引用了,几经尝试一度以为它们互不兼容。终于还是找到了它们配合的点。如果影响页面显示,建议给导出多带带做一个页面。表格过宽导致显示被截断,是由于设置了样式,将其调整为默认即可。所以就没有继续解决。 背景 前文 提到了项...

    opengpsopengps 评论0 收藏0

热门文章

<