文章库ARTICLE COLUMN

  • 一个让我很艹蛋的手机报表

    一个让我很艹蛋的手机报表

    摘要:需求如图用实现,代码如下,无注释。指定图表的配置项和数据总量是否平滑显示 需求如图:showImg("https://segmentfault.com/img/bVbtS5r?w=824&h=541"); 用echarts实现,代码如下,无注释。 var myChart = echarts.init(document.getElementById("...

    qujianqujian 评论0 收藏0
  • js内功修炼之九阳神功--原型链

    js内功修炼之九阳神功--原型链

    摘要:写在前面如果说是一本武学典籍,那么原型链就是九阳神功。那么,如何修炼好中的九阳神功呢真正的功法大成的技术是从底层上去理解,那种工程师和码农的区别就在于对底层的理解,当你写完一行代码,或者你遇见一个解决的速度取决于你对底层的理解。 写在...

    ProfeelProfeel 评论0 收藏0
  • 去除display:inline-block的间隙问题

    去除display:inline-block的间隙问题

    摘要:元素间间距方案方案方案该值与父级字体大小有关方案其他更多方案 inline-block元素间间距demo item1 item2 item3 item4 item5 ul{list-style: none;} li{display: inline-block;} 方案 1 ul:{ font-size:0; } 方案 2 item1i...

    AomineAomine 评论0 收藏0
  • CSS处理文本过长或超出部分(解说二)

    CSS处理文本过长或超出部分(解说二)

    摘要:原理两个盒子,文字内容放于盒子,固定盒子的高度及行高,超出的内容隐藏,在结尾处放置省略号,如下图,红线圈出部分用省略号覆盖。 解说一中的方法不兼容火狐、IE浏览器,所以解说二会给出通用的css写法。 原理:两个盒子a、b,文字内容放于盒子b,...

    xbynetxbynet 评论0 收藏0
  • 【Electron】酷家乐客户端开发实践分享 — 下载管理器

    【Electron】酷家乐客户端开发实践分享 — 下载管理器

    摘要:作者钟离,酷家乐客户端负责人原文地址酷家乐客户端下载地址文章背景在酷家乐客户端在改版成功后,我们积累了许多的宝贵的经验和最佳实践。 作者:钟离,酷家乐PC客户端负责人原文地址:https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-duan-kai...

    yuxueyuxue 评论0 收藏0
  • 使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

    使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

    摘要:上面只爬取了京东首页的图片内容,假设我的需求进一步扩大,需要爬取京东首页中的所有标签对应的跳转网页中的所有的文字内容,最后放到一个数组中。 showImg("https://segmentfault.com/img/bVbtVeV?w=3840&h=2160"); 本文适合无论是否有爬虫以及Node....

    xiaoxiaozixiaoxiaozi 评论0 收藏0
  • H5  input[type='date'] 优化 pc端和移动端的使用

    H5 input[type='date'] 优化 pc端和移动端的使用

    标签在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新属性。本篇记录在开发中使用date属性,遇到的一些问题,以及功能扩展: 获取当前日期,并显示在input[type="date"]上 html: ...

    wemallshopwemallshop 评论0 收藏0
  • webpack 配置多页面应用的一次尝试

    webpack 配置多页面应用的一次尝试

    摘要:最近有一个项目,考虑到要进行,所以要做成多页面应用。为了保证开发速度和开发效率,所以决定使用做一套模块化配置方案。 最近有一个项目,考虑到要进行 SEO,所以要做成多页面应用。为了保证开发速度和开发效率,所以决定使用 webpack 做一套模块化...

    lushanlushan 评论0 收藏0
  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 ...

    sutakingsutaking 评论0 收藏0
  • 限制 input 输入框只能输入xxx

    限制 input 输入框只能输入xxx

    摘要:限制输入框只能输入使用事件,有,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母使用事件,在输入内容后,只有丧失焦点时才会得到结果,并不能在输入时就做出响应使用事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。...

    AlphaGoooAlphaGooo 评论0 收藏0
  • 轮椅上的程序员--夜店传说

    轮椅上的程序员--夜店传说

    2019年6月9号,星期天,晴,33度 今天的bug格外的难解 对面商店的小姐姐,依然是我不敢奢求的梦 我是小蝌蚪,一名低级前端程序员搬砖六年,一事无成 经过这些年的努力拼搏,终于向那些曾经看不起我的人证明 ,他们是对的 今晚又加班到了十二点,身心俱疲公...

    SikeSike 评论0 收藏0
  • web跨域之jsonp, cors, proxy理解

    web跨域之jsonp, cors, proxy理解

    摘要:跨域跨域产生原因协议名不一样主机不一样端口不一样跨域有无问题请求会产生问题这是浏览器处理的结果通过统一资源定位获取的图片资源也是一种跨域但是不会产生问题处理跨域的方法只支持返回响应头允许跨域开发中使用服务器代理例如一服务器端设置响 we...

    wind5owind5o 评论0 收藏0
  • 使用CSS创建一个炫酷的球体动画效果

    使用CSS创建一个炫酷的球体动画效果

    摘要:我最近看到了一个纯实现的球体动画效果经过研究上面的效果实现起来大致可以分为五个步骤,下面就来一一介绍。使用和生成一个圆圈创建一个圆圈的第一步是生成所有组成圆圈的粒子。 我最近看到了一个纯CSS实现的球体动画效果: showImg("https://segment...

    jsdtjsdt 评论0 收藏0
  • SEER新网页钱包UI设计第一版开发完毕

    SEER新网页钱包UI设计第一版开发完毕

    摘要:目前,新网页钱包的设计工作已基本完成,目前已设计个页面,随后的几天将向社区征集建议。目前的设计,不包括正在同步开发的赛事众筹功能,等主网赛事众筹功能上线以后,将进行相应前端的开发。 目前,SEER新网页钱包的UI设计工作已基本完成,目前已设...

    kk_mileskk_miles 评论0 收藏0
  • 前端必备基础

    前端必备基础

    摘要:文档类型,它位于文档中最前面的位置,处于标签之前。如果你想制作符合标准的页面,一个必不可少的关键组成部分就是的声明。类似的,如果文档包含的是标记,但是声明指定是也是不恰当的。如何触发两种模式不存在或形式不正确会导致和文档以混杂模式呈现...

    PrototypeZPrototypeZ 评论0 收藏0
  • HTML DOM getElementsByClassName() 方法个人理解

    HTML DOM getElementsByClassName() 方法个人理解

    摘要:对象代表一个有顺序的节点列表。所以不能直接使用和等数组方法。该属性用于在元素中添加,移除及切换类。 该方法用于获取所有指定类名的元素:例如: let domArr = document.getElementsByClassName("el-form-item") 需要注意:该方法返回的是一个Nod...

    ormsformsf 评论0 收藏0
  • React Hooks入门

    React Hooks入门

    摘要:组件的职责增长并变得不可分割。是架构的重要组成部分。有许多好处,但它们为初学者创造了入门的障碍。方法使用状态钩子的最好方法是对其进行解构并设置原始值。第一个参数将用于存储状态,第二个参数用于更新状态。 学习目标 在本文结束时,您将能够...

    zhangke3016zhangke3016 评论0 收藏0
  • 青春+科技+24小时=无限可能!THE Hack 2019 初心不变,使命不改

    青春+科技+24小时=无限可能!THE Hack 2019 初心不变,使命不改

    摘要:创客马拉松是和的结合,是一项从美国高校引入的科技活动。同时,一场创客马拉松不仅仅考验开发水平,还考验参赛者的演讲合作沟通时间安排商业规划等等能力,因此也将锻炼和培养的各项综合能力。创客马拉松本质上确实是一场比赛,队伍之间竞争为数不多的...

    Martin91Martin91 评论0 收藏0
  • CSS :placeholder-shown伪类实现输入框浮动文字效果

    CSS :placeholder-shown伪类实现输入框浮动文字效果

    摘要:输入框的属性允许您指定没有输入内容时出现在元素内的文本。当输入框被激活并开始输入内容时,元素会浮动显示在输入框的上方。纯实现浮动的标签文字注册事件,判断是否输入有值,隐藏一个元素,并根据输入框是否有内容来决定是否显示这个元素。 在这篇...

    junbaorjunbaor 评论0 收藏0
  • webpack4大结局:加入腾讯IM配置策略,实现前端工程化环境极致优化

    webpack4大结局:加入腾讯IM配置策略,实现前端工程化环境极致优化

    摘要:或者的,都会对其进行分析。舒适的开发体验,有助于提高我们的开发效率,优化开发体验也至关重要组件热刷新热刷新自从推出热刷新后,前端开发者在开环境下体验大幅提高。实现热调试后,调试流程大幅缩短,和普通非直出模式调试体验保持一致。 showImg(...

    stdyingstdying 评论0 收藏0
  • 前端每日实战 169# 视频演示如何制作“数略词”交互动画(内含2个视频)

    前端每日实战 169# 视频演示如何制作“数略词”交互动画(内含2个视频)

    摘要:本项目将制作一个交互动画效果,令其在单词原词和数略词之间切换。二扩展应用到多个单词数略词有很多,为了能够一次展示多个单词,我们将对现有的程序进行扩展。 showImg("https://segmentfault.com/img/bVbtPjm?w=400&h=401"); 效果预览 按下右侧的...

    seansean 评论0 收藏0
  • CSS没有边界的裁剪路径 - Clip Paths

    CSS没有边界的裁剪路径 - Clip Paths

    摘要:裁剪路径可以将如或自由变化的应用于任何元素。元素中不在形状边界内的任何内容都将被裁剪删除掉。例如,我们可以从内容隐藏完全裁剪开始,并增大裁剪路径以显示其中的内容。 随着浏览器对shape-outside和clip-path等属性的支持增加,CSS Shapes越来越...

    klinsonklinson 评论0 收藏0
  • 隐藏火狐和谷歌浏览器滚动条

    隐藏火狐和谷歌浏览器滚动条

    摘要:有时候想要实现滚动条隐藏,但是还是可以滚动内容的效果怎么实现呢谷歌浏览器火狐浏览器 有时候想要实现滚动条隐藏,但是还是可以滚动内容的效果 怎么实现呢? 谷歌浏览器webkit &::-webkit-scrollbar { display: none; } 火狐浏览器 scrollbar-...

    JuvenJuven 评论0 收藏0
  • 【Electron】酷家乐客户端开发实践分享 — 入坑篇

    【Electron】酷家乐客户端开发实践分享 — 入坑篇

    摘要:系列文章酷家乐客户端开发实践分享入坑篇酷家乐客户端开发实践分享软件自动更新酷家乐客户端开发实践分享浏览器启动客户端酷家乐客户端开发实践分享进程通信酷家乐客户端开发实践分享下载管理器不定期更新本文的初衷所使用的技术栈和前端工程师完美契合...

    jay_tianjay_tian 评论0 收藏0
  • 【Electron】酷家乐客户端开发实践分享 — 软件自动更新

    【Electron】酷家乐客户端开发实践分享 — 软件自动更新

    摘要:作者钟离,酷家乐客户端负责人原文地址酷家乐客户端下载地址文章背景在酷家乐客户端在改版成功后,我们积累了许多的宝贵的经验和最佳实践。用户在电脑上安装客户端,实际上会将客户端代码文件持久储存到本机。通常我们会在软件启动时检查更新。 作者...

    phpmattphpmatt 评论0 收藏0

热门文章

<