文章库ARTICLE COLUMN

  • 001-DOM事件

    001-DOM事件

    摘要:决定还是继续写博客,记录工作学习中遇到的问题,每天晚上对学习和遇到的问题进行总结。 决定还是继续写博客,记录工作学习中遇到的问题,每天晚上对学习和遇到的问题进行总结。 1.DOM事件 1.HTML事件处理程序2.DOM的0级事件(把一个函数函数赋值给一...

    孙吉亮孙吉亮 评论0 收藏0
  • 浮动影响

    浮动影响

    摘要:四包含关系的盒子,可能情况里面盒子浮动,包住它的盒子不浮动时,父盒子背景无显示原因由于元素浮动后脱离了文档流,所以父元素是无法根据元素来自适应的。 一、浮动元素自动变块级元素 非浮动元素占据浮动元素位置,浮动元素不能占据非浮动元素位置...

    zhaofeihaozhaofeihao 评论0 收藏0
  • 002-DOM事件实例-实现一个可以拖拽的登陆窗口

    002-DOM事件实例-实现一个可以拖拽的登陆窗口

    摘要:项目需求及基本的和相信大家都用过登陆框,它可以在页面中任意的拖拽,然后点击状态可以切换各种状态。 前言:这是跟着慕课网一个老师的视频做的,这几天在重新的梳理自己,写完这个例子要系统的学一下jQuery,我司现在用的还是比较多,毕竟用了它不用...

    SimonMaSimonMa 评论0 收藏0
  • vue 仿segmentfault App

    vue 仿segmentfault App

    摘要:本想着是自己写一个的服务的,但是写不粗来啊,怎么办嘞,希望下个轮子可以实现,奋斗项目部分截图安装依赖启动项目打包上传项目地址如果这个项目对你有帮助的话请给个鼓励一下,多谢啦 前言 这是一个基于vue-cli构建的前端项目,外观尽可能去还原app...

    hlcchlcc 评论0 收藏0
  • 移动端

    移动端

    摘要:纯,隐藏滚动条,保留鼠标滚动效果。中弹性拉伸的现象解决禁用那个层或者的事件的默认行为禁用音视频自动播放这个是苹果官方明确提出的,为了用户的利益。所以的浏览器依然是死角,不能做到自动播放。 只是一个文档总结,纯粹是喜欢SF的Markdown。 HT...

    chaosx110chaosx110 评论0 收藏0
  • 前端面试题2017(篇幅长,附答案)

    前端面试题2017(篇幅长,附答案)

    摘要:元素的位置通过以及属性进行规定。表明请求被正常处理了。服务器返回的响应报文包括协议版本状态码解释状态码的原因短语响应首部字段实体主体。浏览器接受响应,检查里的状态码,并做出不同的处理方式。关于返回的状态码的具体说明看上个问题。 说明:...

    eternalshalloweternalshallow 评论0 收藏0
  • iconfont实践小结

    iconfont实践小结

    摘要:所以实现小图标时雪碧图跟图标字体会在一个网站共存,自定义图标字体为什么比较耗时,且太复杂图标无法实现请往下看开发流程就了解了。参考资料细谈浅谈图标字体向下兼容优雅降级技术绘制小图标技巧雪碧图图标字体矢量小图标设计本文对应源码源码地址演...

    bitkylinbitkylin 评论0 收藏0
  • CSS Modules实践

    CSS Modules实践

    摘要:能最大化地结合现有生态预处理器后处理器等和模块化能力,几乎零学习成本。编码相关的所有样式上例中打印的结果是注意到是按照自动生成的名。实践手动引用渲染结果使用可以实现使用属性自动加载模块。 文章同步于Github Pines-Cheng/blog 随着前端这几...

    hankkinhankkin 评论0 收藏0
  • jQuery实现瀑布流效果

    jQuery实现瀑布流效果

    摘要:何为瀑布流瀑布流,又称瀑布流式布局。最早采用此布局的网站是,逐渐在国内流行开来。四是服装款式设计资讯平台如看潮网等等。 何为瀑布流:   瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚...

    pcChaopcChao 评论0 收藏0
  • html+css+js开发文本编辑器,有各种排版功能!

    html+css+js开发文本编辑器,有各种排版功能!

    摘要:当点击上面的按钮,例如添加图片,就会直接向文本框添加一段预设的图片标签。如果添加超链接,就会向文本框添加超链接标签,我们只需要把超链接和链接文字填上去即可。 当点击上面的按钮,例如添加图片,就会直接向textarea文本框添加一段预设的图片标...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • 来自前端菜鸟对css display属性的理解

    来自前端菜鸟对css display属性的理解

    摘要:对于一个刚起步的新手来说,搞定属性确实没有那么容易。现在我来说说我对几个属性值得理解。此属性是说不让元素显示。先上图是对于行内元素来说的,例如等。 对于一个刚起步的新手来说,搞定css属性确实没有那么容易。现在我来说说我对display几个属性...

    TZLLOGTZLLOG 评论0 收藏0
  • es5-Array

    es5-Array

    摘要:迭代方法显示显示显示显示只要有一个条件满足就返回显示必须所有条件都满足才返回,其它情况都返回方法显示打印从前往后找,找第一个打印从后边往前找,找最后一个缩小方法显示打印从左往右算,从右往左算,它俩结果是一样的判断方法打印判断一个变量是...

    kyanagkyanag 评论0 收藏0
  • es8(字符串,对象

    es8(字符串,对象

    摘要:字符串补白显示显示显示显示显示对象曹伟显示曹伟显示显示函数对象的定义调用时参数可以加入尾逗号 字符串补白: let str = "abc"; let a = str.padEnd(5); let b = str.padStart(5); let c = str.padEnd(5,"a"); let d = str....

    Anonymous1Anonymous1 评论0 收藏0
  • 阿里云前端周刊 - 第 17 期

    阿里云前端周刊 - 第 17 期

    摘要:接下来本清单还列举了对于接入过滤与防攻击使用合适的方法并且对用户输入进行有效校验避免关键资源外泄设置合理的响应头等等内容。该论文的主要论点是,没有任何一项技术或方法可以能让软件工程的生产力在十年内提高十倍。 推荐 1. Styled-Components ...

    gityuangityuan 评论0 收藏0
  • ANIMATION经典小车动画

    ANIMATION经典小车动画

    摘要:适用于多个活动场景点火生成一个延时对象改变对象的状态。将状态改为非同步操作成功是的只读版移动加速刹车停车事宜睡眠车将停留秒请游客下车点火车已启动车已经离开注里面的参数可以自行设置,如果是需要移动端请联系我,目前上传的是端所用到的图片 ...

    DangoSkyDangoSky 评论0 收藏0
  • 好文 - 收藏集 - 掘金

    好文 - 收藏集 - 掘金

    摘要:好吧,本文的主题可能还深入剖析的深复制前端掘金一年前我曾写过一篇中的一种深复制实现,当时写这篇文章的时候还比较稚嫩,有很多地方没有考虑仔细。 翻译 | 深入理解 CSS 时序函数 - 前端 - 掘金作者:Nicolas(沪江前端开发工程师) 本文原创,转载...

    fobnnfobnn 评论0 收藏0
  • Day06 - Fetch、filter、正则表达式实现快速古诗匹配

    Day06 - Fetch、filter、正则表达式实现快速古诗匹配

    摘要:正则表达式实现快速古诗匹配作者简介是推出的一个天挑战。数据匹配操作使用基础参考文档项目源码分析正则找出匹配的诗句替换高亮的标签构造值会返回带搜索关键字的新数组。执行对大小写不敏感的匹配。 Day06 - Fetch、filter、正则表达式实现快速古诗...

    CarlCarl 评论0 收藏0
  • 使用node爬虫,爬取指定排名网站的JS引用库

    使用node爬虫,爬取指定排名网站的JS引用库

    摘要:前期准备本爬虫将从网站爬取排名前几的网站,具体前几名可以具体设置,并分别爬取他们的主页,检查是否引用特定库。正则获取库由于获取页面库,首先需要获取到的属性,然后通过正则来实现字符串匹配。 前期准备 本爬虫将从网站爬取排名前几的网站,具...

    SleepySleepy 评论0 收藏0
  • 标准盒模型、怪异盒模型对比与应用

    标准盒模型、怪异盒模型对比与应用

    摘要:百度标准盒模型,所有的介绍都是在标准模式下,一个块的总宽度左右左右左右在怪异模式下,一个块的总宽度左右既已经包含了和值然后再介绍一下新属性那么,到底这两个公式里提到的总宽度是什么意思呢两种模式最终效果有什么差别呢话不多说,上代码先看标...

    keithxiaoykeithxiaoy 评论0 收藏0
  • React

    React

    let colorArr = ["red","yellow","blue","orange","pink","green","gray"]; class HelloWorld extends React.Component{ ...

    SourcelinkSourcelink 评论0 收藏0
  • 吃货福利get-今日美食food微信小程序

    吃货福利get-今日美食food微信小程序

    摘要:微信小程序仿今日美食初学微信小程序,嗯,还不错嘛,挺有趣的于是自己动手撸了一个。开发工具下载开发者工具微信小程序官网,下载好后就可以进行开发了哟。 wechat-todayFood 微信小程序仿今日美食food 初学微信小程序,嗯,还不错嘛,挺有趣的! 于...

    Jason_GengJason_Geng 评论0 收藏0
  • 修改输入框placeholder文字默认颜色-webkit-input-placeholder

    修改输入框placeholder文字默认颜色-webkit-input-placeholder

    摘要:修改字体颜色小方法故事内容我有酒,说出你的故事预览效果我有酒说出你的故事 修改placeholder字体颜色小方法 1.html 2.CSS #feedbackcontent::-webkit-input-placeholder{color:#000;} 3.预览效果 我有酒说出你的故事showImg("https://seg...

    betacatbetacat 评论0 收藏0
  • CSS入门指南-2:盒子模型、浮动和清除

    CSS入门指南-2:盒子模型、浮动和清除

    摘要:会在元素内容而不是元素后插入一个伪元素使用意味着中新增的子元素会被清除左右浮动元素。这一篇主要介绍了盒子模型,浮动和清除。 这是CSS设计指南的读书笔记,用于加深学习效果。 上一篇介绍了css 的工作原理,这一篇主要介绍盒子模型和浮动。 盒子...

    ConardLiConardLi 评论0 收藏0
  • CSS常用布局

    CSS常用布局

    摘要:头部主要内容左边栏右边栏尾部显示为头部主要内容左边栏右边栏尾部圣杯布局和双飞翼布局的原理这篇文章讲解得比较清楚,我就不再赘述。 ====== 样例代码不能显示,请看原文https://magicly.me/css-layout/ ====== 布局是CSS中一个很重要的部分,...

    aaronaaron 评论0 收藏0
  • 模仿京东楼层跳转效果,附注释

    模仿京东楼层跳转效果,附注释

    摘要:绑定滚动事件,并且获得滚动的距离用来绑定的事件可以使用取消,因为点击楼层的时候,会有附带的跑马灯效果。根据索引获取楼层顶部距离回调函数,因为取消了监听事件,所以在点击完之后,在次调用监听事件。 showImg("https://segmentfault.com/img/bV...

    tomatotomato 评论0 收藏0

热门文章

<