文章库ARTICLE COLUMN

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

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

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

    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
  • wepy 滑动删除功能

    wepy 滑动删除功能

    摘要:小程序框架,前段时间做的项目使用到滑动删除功能,然后自己写了个组件,话不多说,直接上代码删除获得角度根据起点终点返回方向向上向下向左向右未滑动如果滑动距离太短手指起始点位置与移动期间的差值 小程序wepy框架,前段时间做的项目使用到滑动删...

    iamyoung001iamyoung001 评论0 收藏0
  • Vue.js 渲染简写样式存在的问题

    Vue.js 渲染简写样式存在的问题

    摘要:首先将不存在于中的的样式设置为然后再设置与中样式值不相等的的样式看起来没什么问题,一切都很符合逻辑,那么是什么造成了上面的现象呢一切的罪魁祸首都在这个样式的简写属性上。 引出问题 首先我们来这么一个问题, 这里是完整的 jsfiddle demo or ...

    CoderStudyCoderStudy 评论0 收藏0
  • 详解css媒体查询

    详解css媒体查询

    摘要:媒体查询,添加自,允许内容的呈现针对一个特定范围的输出设备而进行裁剪,而不必改变内容本身。而且浏览器也不会根据媒体查询来动态的加载样式,它只是一股脑的将所有的样式引入。 简介 媒体查询(Media Queries)早在在css2时代就存在,经过css3的洗礼...

    ymyangymyang 评论0 收藏0
  • 微信二次分享

    微信二次分享

    摘要:接下来通过详细的步骤介绍如何接入微信二次分享操作。不要尝试在中使用异步请求修改本次分享的内容,因为客户端分享操作是一个同步操作,这时候使用的回包会还没有返回用户点击分享到朋友圈已分享已取消此时微信二次分享就已经大功告成了。 微信二次分...

    NusterCacheNusterCache 评论0 收藏0
  • Div层悬浮实现HTML5 Canvas背景动画

    Div层悬浮实现HTML5 Canvas背景动画

    摘要:在融合动画的过程中,我并不想让动画占用网页的版面,而是作为背景动画。作为背景层进行动画绘制,内容文字层悬浮在上面。简化的代码是这样浮动在上的文字内容官方截图到这里全背景动画问题已经顺利的解决了。 在日常的学习中我接触到一些HTML5 Canvas...

    GHOST_349178GHOST_349178 评论0 收藏0

热门文章

<