文章库ARTICLE COLUMN

  • 前端必备基础

    前端必备基础

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

    jkyinjkyin 评论0 收藏0
  • 献礼618,1700+集前端教程免费看

    献礼618,1700+集前端教程免费看

    showImg("https://segmentfault.com/img/bVbtLkg?w=900&h=383");一年一度618,岁岁年年狂剁手。随着网购时代的到来,越来越多的剁手节让大家谜一样的沉浸其中,无法自拔,什么618、双十一、双十二、双旦等等年前定下的攒钱目标还没开始就要宣告结束这就...

    yy736044583yy736044583 评论0 收藏0
  • 常用的布局方式之 Flex 布局

    常用的布局方式之 Flex 布局

    摘要:常用的布局方式之布局一布局介绍人们已经慢慢放弃了低版本浏览器,所以布局是现在首选的布局方式。使用了属性的标签,我们称之为容器,它的所有子元素自动成为容器成员,我们称之为项目。属性用来控制项目在侧轴的对齐方式。是和的简写形式。 常用的布...

    MertensMertens 评论0 收藏0
  • css 基础 - nth-of-type

    css 基础 - nth-of-type

    摘要:看如下代码,如果你知道哪些内容会以红色输出,说明你应该有不错的基础,反正我是相当晕菜的实事求是 看如下代码, 如果你知道哪些内容会以 红色 输出, 说明你应该有不错的基础, 反正我是相当晕菜的(实事求是 ...

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

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

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

    arashicagearashicage 评论0 收藏0
  • 利用canvas实现环形进度条

    利用canvas实现环形进度条

    摘要:前提有时候在项目中会有用到进度条的情况,使用也可以实现,但是对于性能不好的设备,或者网络不好的情况下,卡顿现象非常明显,避免出现不流畅的尴尬情况,所以记录一下,使用来实现的方法。 前提:有时候在项目中会有用到进度条的情况,使用css3也可...

    zombiedazombieda 评论0 收藏0
  • 实现平滑过渡的拖拽排序

    实现平滑过渡的拖拽排序

    摘要:将元素由拖拽开始的地方移到拖拽结束地方,这期间,目标元素和目标元素周围的元素要怎么平滑过渡到新的位置。 最近重读Vue官方文档,在列表的排序过渡这一小节,文档提到, 组件有一个特殊的地方,不仅可以实现进入和离开动画,还可以改变定位,官网示...

    chengjianhuachengjianhua 评论0 收藏0
  • vw+rem移动端自适应布局

    vw+rem移动端自适应布局

    摘要:本文同步发布于我的个人博客上移动端自适应布局不管是面试还是工作过程中,移动端的布局都比较常见,而移动端适配方法也是多种多样。表示当前视口宽度的百分之一。同时在移动端,的兼容性还不错,完全可以直接使用。这样完成了一个简单好用的移动端布局...

    Little_XMLittle_XM 评论0 收藏0
  • css3中的变形(transform)

    css3中的变形(transform)

    摘要:字面上的意思就是使改变外观改变形态在中主要包括以下几种旋转倾斜缩放移动下面我们就一起来看看的具体如何实现。负值是允许的,这样是元素逆时针旋转。如果您有更好的建议,不如留言一起讨论,共同进步再次感谢您耐心的读完本篇文章。 transform 字面...

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

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

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

    李增田李增田 评论0 收藏0
  • 过渡和动画

    过渡和动画

    摘要:是一个简写属性,用于设置四个过渡属性过渡时间延迟时间属性速度下面的表格列出了所有的转换属性实例在一个例子中使用所有过渡属性二动画规则如需在中创建动画,您需要学习规则。在中规定某项样式,就能创建由当前样式逐渐改为新样式的动画效果。 一、...

    NoraXieNoraXie 评论0 收藏0
  • transform 变形

    transform 变形

    摘要:变形通过变换,我们能够对元素进行移动缩放转动拉长或拉伸。对元素进行变形。对元素某个属性或多个属性的变化,进行控制时间等,类似的补间动画。但只有两个关键贞。负值是允许的,这样是元素逆时针旋转。 transform 变形 通过 CSS3 变换,我们能够对...

    FourierrFourierr 评论0 收藏0
  • 最近正在重构之前开发过的记账本

    最近正在重构之前开发过的记账本

    最近正在重构之前开发过的记账本,之前做得太烂了,现在想重新使用重构一般移动端的记账本,加入了新的功能,主要技术站为 webapp vue.js 后端php,可能原生写。 也可能使用框架写。 也可能使用 node.js写。 也可能使用go语言写...

    Code4AppCode4App 评论0 收藏0
  • CSS3变形的理解

    CSS3变形的理解

    摘要:是对元素进行变形转换属性向元素应用或转换。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。用来实现文字或图像的缩放处理,在参数中指定缩放倍率。用来移动文字或图像,在参数中分别指定水平方向上的移动距离与垂直方向上的移动距...

    BDEEFEBDEEFE 评论0 收藏0
  • 【译】如何,以及何时使用CSS多列布局

    【译】如何,以及何时使用CSS多列布局

    摘要:示例链接核心代码要知道,目前的规范,的取值只有或者。最近,片段模块规范定义了如何为各种片段模块上下文设计的碎片化的属性,规范包括,和处于停滞状态的区域样式区域也会支持展示被分解碎片化连续的内容。 原文:When And How To Use CSS Multi-Co...

    fancyLuofancyLuo 评论0 收藏0
  • 自适应和响应式

    自适应和响应式

    摘要:响应式无论响应式还是自适应,都是针对每一个元素进行宽度的变化和布局的变化。自适应自适应是,程序代码已经为不同的宽度配备了不同的样式代码大小和布局。参考资料布局自适应自适应和响应式区别技术方案选择 背景     随着移动设备和前端技术的...

    densondenson 评论0 收藏0
  • CSS欺骗

    CSS欺骗

    摘要:下面就介绍几种情况,仅供参考持续更新位置欺骗图片占位场景从后端拉取一张图片,然后显示在前端,图片宽高各为,或者宽高比为实现在端一般是没问题的,因为固定宽度和高度。 为什么叫这个题目呢? 其实,自己刚开始接触前端的时候,以为界面就是和正...

    DrummorDrummor 评论0 收藏0
  • CSS揭秘之多重边框

    CSS揭秘之多重边框

    摘要:多重边框的两种实现方案以由逗号分隔的列表来描述一个或多个阴影效果。轮廓与边框在以下几个方面存在不同轮廓不占据空间,它们被描绘于内容之上轮廓可以是非矩形的。是元素的轮廓,悬浮在元素边框之上。也就是说,它们之间的颜色会继承父元素的背景色。...

    liuyixliuyix 评论0 收藏0
  • Node.js运行原理、高并发性能测试对比及生态圈汇总

    Node.js运行原理、高并发性能测试对比及生态圈汇总

    摘要:模式,单实例多进程,常用于多语言混编,比如等,不支持端口复用,需要自己做应用的端口分配和负载均衡的子进程业务代码。就是我们需要一个调度者,保证所有后端服务器都将性能充分发挥,从而保持服务器集群的整体性能最优,这就是负载均衡。 showImg(...

    kamushin233kamushin233 评论0 收藏0
  • CSS Injection

    CSS Injection

    摘要:通过这种方式,攻击者可以进行逐字猜解并最终获取到完整的敏感数值。总结作为前端开发者,我们与用户最近,也是网络安全防护的第一道线,要时刻关注来自各方面的网络攻击,保障用户信息的安全。 什么是CSS注入 大家对XSS攻击都非常熟悉了,可能很少关...

    zhkaizhkai 评论0 收藏0
  • 使用html2canvas.js实现功能中遇到的一些问题

    使用html2canvas.js实现功能中遇到的一些问题

    摘要:这个功能在我的浏览器和谷歌浏览器时可以实现功能的。但是发现华为自带的浏览器不支持。 [1]我要实现的功能是用户填写完表单后,点击提交按钮,截图。截图放在一个弹层里面,给一句提示"长按图片保存至手机"。 showImg("https://segmentfault.com/img/...

    AlliotAlliot 评论0 收藏0
  • 【demo】奶茶小程序源码小福利

    【demo】奶茶小程序源码小福利

    摘要:奶茶店点餐小程序功能亮点多门店功能优惠券自助点单扫码点餐功能等等营销方式。领取优惠券奶茶店点餐小程序还有优惠券活动,商家发出优惠券,消费者可以领取,然后在消费时智能核销,增加消费者回头率与粘性。扫码预览小程序源码下载地址链接提取码 奶...

    microelecmicroelec 评论0 收藏0
  • Mac中nginx的安装、配置、访问静态文件、配置反向代理

    Mac中nginx的安装、配置、访问静态文件、配置反向代理

    摘要:前言在开发过程经常有要访问静态文件的场景,但是用开发不能直接访问,所以需要配置访问静态文件,或者配置域名之类的,今天就说一下配置相关由于笔者用到的场景不多,本文主要是用来记录简单的使用。 前言 在开发过程经常有要访问静态文件的场景,但...

    孙吉亮孙吉亮 评论0 收藏0
  • 微信小程序开发中遇到的问题及解决办法(三)

    微信小程序开发中遇到的问题及解决办法(三)

    摘要:资料整理关于配置微信小程序页面附关于微信搜索小程序内页面的功能,只能在线上环境有用,而且没有提供测试的渠道。二微信小程序激励视频广告接入微信视频广告指引截图具体使用注意激励视频广告组件是一个原生组件,层级比普通组件高。 大纲:根据近期...

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

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

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

    cpuprocpupro 评论0 收藏0

热门文章

<