文章库ARTICLE COLUMN

  • 每天积累一点点,你会与别人不一样哦

    每天积累一点点,你会与别人不一样哦

    摘要:通过域名,最终得到该域名对应的地址的过程叫做域名解析或主机名解析。而是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。 跟大家分享一个小知识点,自...

    WorktileWorktile 评论0 收藏0
  • 前端每日实战:156# 视频演示如何用纯 CSS 创作一个飞机舷窗风格的 toggle 控件

    前端每日实战:156# 视频演示如何用纯 CSS 创作一个飞机舷窗风格的 toggle 控件

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbibIK?w=400&h=301"); 效果预览 按下右侧的点击预览...

    CoreDumpCoreDump 评论0 收藏0
  • 前端骨架屏方案小结

    前端骨架屏方案小结

    摘要:常用于文章列表动态列表页等相对比较规则的列表页面。很多项目中都有应用饿了么版本知乎等网站中都有应用。欢迎讨论,点个赞再走吧 骨架屏 最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多...

    TerryCaiTerryCai 评论0 收藏0
  • 授人以渔式解析原生JS写轮播图

    授人以渔式解析原生JS写轮播图

    摘要:鼠标放到轮播图的图片上时不再自动轮播并且左右箭头显示出来,鼠标移开时左右箭头隐藏掉并且自动轮播。核心原理清除定时器,绑定事件,重构下代码封装出往右往左轮播函数和自动轮播函数。 需求与分析 需求:循环无缝自动轮播五张图,按左右箭头可以手...

    SKYZACKSKYZACK 评论0 收藏0
  • css&html面试知识点

    css&html面试知识点

    摘要:第二等代表选择器,如,权值为。接收端收到后,回传一个带有标志的数据包以示传达确认信息。第四次挥手主动关闭方收到后,发送一个给被动关闭方,确认序号为收到序号,至此,完成四次挥手。 CSS优先级算法 参考:http://www.bslxx.com/a/miansh...http...

    JeOamJeOam 评论0 收藏0
  • CSS中clip-path属性的使用

    CSS中clip-path属性的使用

    摘要:的使用值为多个坐标点组成,坐标第一个值是方向,第二个值是方向。值为椭圆的轴半径,轴半径,定位椭圆的坐标三部分组成。 clip-path的使用 polygon 值为多个坐标点组成,坐标第一个值是x方向,第二个值是y方向。 左上角为原点,右下角是(100%,100%)...

    leviuslevius 评论0 收藏0
  • 前端进阶系列(三):HTML5新特性

    前端进阶系列(三):HTML5新特性

    摘要:是对标准的第五次修订。新特性语义特性赋予网页更好的意义和结构文件类型声明仅有一型。新的属性用于与用于用于。索引数据库从本质上说,允许用户在浏览器中保存大量的数据。 HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化,以便更...

    luffyZhluffyZh 评论0 收藏0
  • vue-infinite-loading简要教程

    vue-infinite-loading简要教程

    摘要:或需要累加载页面元素时。在组件中监听事件。事件触发的函数有一个特殊事件参数。表示已经加载成功,用于当次加载数据成功时。运行可以使用组件回到初始状态,此时组件会立即请求新数据。改变加载按钮的显示条件。 function 可以实现瀑布流式累加载。 ...

    xiaoqibTnxiaoqibTn 评论0 收藏0
  • 解决input 中placeholder的那些神坑

    解决input 中placeholder的那些神坑

    摘要:昨天后台小哥哥提到无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下inp...

    bigdevil_sbigdevil_s 评论0 收藏0
  • python大佬养成计划----HTML DOM

    python大佬养成计划----HTML DOM

    摘要:定义了所有元素的对象和属性,以及访问它们的方法。换言之,是关于如何获取修改添加或删除元素的标准。根据标准,中所有内容都是节点。好比我有两个下拉列表,第一列表是选择省份,那么我选择某一个省份,那么另一个列表也会对应显示该省份的城市。 什...

    leejan97leejan97 评论0 收藏0
  • 神奇的background——绘制图形

    神奇的background——绘制图形

    摘要:还可能有需要切一整张超大图的情况。作为一个优秀的前端,本着自己动手丰衣足食的理念,下面给大家介绍用来绘制这些特的图片。原理其实就是通过绘制每个图形设置位置和大小,最后就能得到想要图像。 相信大家在平时工作中少不了会被要求在某些元添加一...

    tainzhitainzhi 评论0 收藏0
  • vue中render函数的使用

    vue中render函数的使用

    摘要:函数通过来创建你的。什么情况下适合使用函数在一次封装一套通用按钮组件的工作中,按钮有四个样式。遇上类似这样的情况,使用函数可以说最优选择了。根据实际情况改写按钮组件首先函数生成的内容相当于的内容,故使用函数时,在文件中需要先把标签去掉...

    zhangqhzhangqh 评论0 收藏0
  • Canvas + WebSocket + Redis 实现一个视频弹幕

    Canvas + WebSocket + Redis 实现一个视频弹幕

    摘要:创建弹幕功能的类及基本参数处理布局时需要注意的默认宽为,高为,我们要保证完全覆盖整个视频,需要让与宽高相等。因为我们不确定每一个使用该功能的视频的宽高都是一样的,所以画布的宽高并没有通过来设置,而是通过在类创建实例初始化属性的时候动态...

    gekylingekylin 评论0 收藏0
  • 前端进阶系列(六):盒模型

    前端进阶系列(六):盒模型

    摘要:盒模型是界面布局需要掌握的基本功。盒模型基本概念盒模型四要素。 盒模型是界面布局需要掌握的基本功。 盒模型基本概念 盒模型四要素:margin、border、padding、content。showImg("https://segmentfault.com/img/remote/1460000016655325?w=400&h=30...

    OliviaOlivia 评论0 收藏0
  • JavaScript 高级程序设计(第三版)笔记

    JavaScript 高级程序设计(第三版)笔记

    摘要:以上是使用转换函数方法时会返回的值在用判断的时候,首先执行了,然后判断为真或假。对象的遍历返回一个数组,包括对象自身的不含继承的所有可枚举属性不含属性的键名。 tip:本文含部分Es6语法 1.if(a)的自动转换 数据类型    转换为true的值  ...

    leo108leo108 评论0 收藏0
  • 基于Vue的机器学习平台前端

    基于Vue的机器学习平台前端

    摘要:身为菜鸟的我还是很吃力的这句纯属废话前言系统代码比较凌乱,没有结果优化特别前端部分代码比较乱,其中不免包含一些极端的处理方法,请读者提取对自己有用的东西。问题四次贝塞尔曲线在每个节点中上下都会有个或多个输入输出端点,注意数据源没有输入...

    ChaoChao 评论0 收藏0
  • event loop 与 vue

    event loop 与 vue

    摘要:但是导致了很明显的性能问题。上述两个例子其实是在这个中找到的,第一个使用的版本是,这个版本的实现是采用了,而后因为的里的有,于是尤雨溪更改了实现,换成了,也就是后一个所使用的。后来尤雨溪了解到是将回调放入的队列。 结论 对于event loop ...

    springDevBirdspringDevBird 评论0 收藏0
  • 懒加载和预加载

    懒加载和预加载

    摘要:使用默认是对象,如果是是指使用标签,可以跨域,三懒加载和预加载的对比两者都是提高页面性能有效的办法,两者主要区别是一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力。 一、懒加载...

    ShonimShonim 评论0 收藏0
  • 前端每日实战:155# 视频演示如何用纯 CSS 创作一只热气球

    前端每日实战:155# 视频演示如何用纯 CSS 创作一只热气球

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中有个子元素,代表伞盖,代表吊篮居中显示定义容器的尺寸,子元素和纵向居中布局先画伞盖。 showImg("h...

    KavenFanKavenFan 评论0 收藏0
  • 用小程序做一个类似于苹果AssistiveTouch功能

    用小程序做一个类似于苹果AssistiveTouch功能

    摘要:二我们做这个功能,第二步就是要想思路思路就是,利用微信中的滑动事件,外加控制样式,来完成这个功能。三这是项目的图,废话不多说,直接撸代码。 一、首先我先介绍一下,我们要做一个什么样的项目功能 项目功能就是一个音频点击播放,当点击为播...

    fxpfxp 评论0 收藏0
  • canvas进阶——如何画出平滑的曲线?

    canvas进阶——如何画出平滑的曲线?

    摘要:,算法就是这样,那我们基于该算法再对现有代码进行一次升级改造设置线条颜色在原有的基础上,我们创建了一个变量用于保存之前事件中鼠标经过的点,根据该算法可知要绘制二次贝塞尔曲线起码需要个点以上,因此我们只有在中的点数大于时才开始绘制。 背...

    CobubCobub 评论0 收藏0
  • 前端分享

    前端分享

    摘要:根据网页主要有三部分组成结构表现和行为。要想制作符合标准的页面,一个必不可少的关键组成部分就是声明。行内元素行内元素又称内联元素。当前,大部分门户网站大部分企业的宣传站点都采用了这种布局方式。 1 前言 1-1 W3C标准 W3C标准,既一系...

    anquananquan 评论0 收藏0
  • chrome 开发者工具 - local overrides

    chrome 开发者工具 - local overrides

    摘要:比如为对应在目录下,新建文件,文件中的内容,与正常接口返回格式相同,对象或者数组类型,从而覆盖掉原接口请求。在中提及发布,增强用户体验,不过延期了, 使用chrome 作为本地网络服务 chrome 65+ 新功能, 使用我们自己的本地资源覆盖网页所使用...

    leo108leo108 评论0 收藏0
  • 【前端芝士树】从浏览器搜索框输入网址到网页呈现发生了什么?

    【前端芝士树】从浏览器搜索框输入网址到网页呈现发生了什么?

    摘要:动态映射利用来进行域名解析,在专门的服务器上配置主机到地址的映射。前两者都无效的情况下,向路由器发送查询的请求,或者直接向用户定义的服务地址发送域名解析的请求。 【前端芝士树】从浏览器搜索框输入网址到网页呈现发生了什么? 这个也是在前...

    longmonlongmon 评论0 收藏0
  • 使用web写UI, 使用js对接C++项目, 提高开发效率

    使用web写UI, 使用js对接C++项目, 提高开发效率

    showImg("https://segmentfault.com/img/remote/1460000016614872?w=1440&h=810");showImg("https://segmentfault.com/img/remote/1460000016614873?w=1440&h=810");showImg("http...

    LeoHsiunLeoHsiun 评论0 收藏0

热门文章

<