文章库ARTICLE COLUMN

  • 【快速入门系列】CSS盒模型基础

    【快速入门系列】CSS盒模型基础

    摘要:引言盒模型是页面布局中经常会使用到的一种思维模型,将等概念运用日常生活中的盒子来形容,因此称之为盒模型。一什么是盒模型我们首先来看一下在中盒模型的样子我们可以清楚的看出,盒模型由内容内边距边框外边距组成。 引言 CSS盒模型是页面布局中经...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 写在Flutter 1.0之前

    写在Flutter 1.0之前

    摘要:作为一个前端,如何去面对这年头似乎前端真的可以干很多事情,后台有,移动端有和,客户端有,所以会真的可以说是为所欲为。结束这是一篇软文。 开始 大概有半年没有写东西了,感觉时间过得飞快,18年也过一小半,趁着谷歌大会再为Flutter这个耀眼的新...

    gougoujianggougoujiang 评论0 收藏0
  • 前端每日实战:13# 视频演示如何用纯 CSS 创作一个冒着热气的咖啡杯

    前端每日实战:13# 视频演示如何用纯 CSS 创作一个冒着热气的咖啡杯

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

    dingding199389dingding199389 评论0 收藏0
  • node项目实战-用node-koa2-mysql-bootstrap搭建一个前端论坛

    node项目实战-用node-koa2-mysql-bootstrap搭建一个前端论坛

    摘要:项目初始化此时已经创建好了文件了。接下来向添加数据库操作语句,建表增删改查。。。前端页面开发项目基本结构搭建好后,就可以进行前端页面的编写了。 前言 在学习了koa2和express并写了一些demo后,打算自己写一个项目练练手,由于是在校生,没什么...

    RobinQuRobinQu 评论0 收藏0
  • 关于外部样式表也许你不知道的事

    关于外部样式表也许你不知道的事

    摘要:如下图所示,外部样式表是否会阻塞解析先不要看答案,可以自己思考和实验一下通过如上图所示,并没有阻塞解析,因为时间线在之后。并且都支持事件回调处理,用于一些初始化工作。为了尽早地触发事件,因为会延迟事件触发。 singsong: 文章中 demo 猛戳...

    wwq0327wwq0327 评论0 收藏0
  • html5调用摄像头功能

    html5调用摄像头功能

    摘要:前言前些天,线上笔试的时候,发现需要浏览器同意开启摄像头,感觉像是调用的,由于当时笔试,也就没想到这么多 前言 前些天,线上笔试的时候,发现需要浏览器同意开启摄像头,感觉像是 js 调用的,由于当时笔试,也就没想到这么多...

    edagarliedagarli 评论0 收藏0
  • js中Array方法重写(一):myPush(),myPop(),myUnshift(),myShi

    js中Array方法重写(一):myPush(),myPop(),myUnshift(),myShi

    摘要:一数组入栈二数组出栈三数组入队四数组出队纯手写,如有不善,请指正 一、myPush() //myPush() 数组入栈 Array.prototype.myPush = function(){ var L = this.length; for(var i = L ; i < L + arguments.length ; i++){ this[i] ...

    helloworldcodinghelloworldcoding 评论0 收藏0
  • Javascript 性能优化

    Javascript 性能优化

    摘要:简化终止条件上述情况,我们也可以不使用减值迭代,即像上文提到过的,在初始化时即将迭代长度赋值给一个局部变量。优化操作操作是最拖累性能的一方面,优化操作可以显著提高性能。 Javascript最初是解释型语言,现在,主流浏览器内置的Javascript引擎...

    sanyangsanyang 评论0 收藏0
  • HTML5 Canvas(基础知识)

    HTML5 Canvas(基础知识)

    摘要:比如弧线或圆形从到绘制一条以为圆心,为半径的弧线,其中和用弧度表示,为时,顺时针画弧线,反之,逆时针画弧线。 最近笔者在学习HTML5的新元素,会分享一些基础知识以及小例子,最终使用实现一个绘制简单图表(条形图、线图或者饼图)的js库,会更...

    2json2json 评论0 收藏0
  • 前端每日实战:14# 视频演示如何用纯 CSS 创作一种侧立图书的特效

    前端每日实战:14# 视频演示如何用纯 CSS 创作一种侧立图书的特效

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

    whatsnswhatsns 评论0 收藏0
  • FE.CSS-Sultana后记:纯css也能写col,select,datepicker,caro

    FE.CSS-Sultana后记:纯css也能写col,select,datepicker,caro

    摘要:接着只要在中使用就能搞定自适应。代码如下标题标题标题标题标题在上述点功能中,可以用变量解决,比如实现了宽度,高度圆点大小直径的控件。 未完待续 背景 如今css3越来越发达,focus-within等属性也已经开始在Chrome得到支持。如果有出色的css功底...

    张金宝张金宝 评论0 收藏0
  • FCC 成都社区·前端周刊 第 11 期

    FCC 成都社区·前端周刊 第 11 期

    摘要:正式发布已正式发布,新版本重点关注工具链以及工具链在中的运行速度问题。文章内容包括什么是内存,内存生命周期,中的内存分配,内存释放,垃圾收集,种常见的内存泄漏以及如何处理内存泄漏的技巧。 1. Angular 6 正式发布 Angular 6.0.0 已正式发布...

    betacatbetacat 评论0 收藏0
  • DOM3中的自定义事件

    DOM3中的自定义事件

    摘要:级还定义了自定义事件,自定义事件不是由原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由返回的对象有一个方法接收如下四个参数。 DOM3级还定义了自定义事件,自定义事件不是由DOM原生触发的,它的目的是让开发人员创建自...

    PascalXiePascalXie 评论0 收藏0
  • vue开发使用vue-particles如何兼容IE11?

    vue开发使用vue-particles如何兼容IE11?

    摘要:最近开发项目,项目有一个粒子特效使用。项目用构建,打包完毕,丢到服务器,访问完美,测试和也正常。遗憾的是,在显示一片空白。开始逐步排查,找到是的问题,修改后访问正常。原代码如下不支持这种写法,故修改如下 最近开发vue项目,项目有一个粒...

    SleepySleepy 评论0 收藏0
  • 高并发红包整体设计方案

    高并发红包整体设计方案

    摘要:记录下整体的设计思路以及运营过程中的各种问题。如果钱是负数了,还得从已生成的小红包中抽取回来将红包放入队列之中创建红包失败,请检查参数生产和之间的随机数,但是概率不是平均的,从到方向概率逐渐加大。 公司前段时间根据业务方需求需要做一个...

    FreemanFreeman 评论0 收藏0
  • 37个JavaScript基本面试问题和解答

    37个JavaScript基本面试问题和解答

    摘要:在严格模式下,尝试这样做会引发错误。问题是在解析数字之前将其第一个参数强制转换为字符串。当处理程序完成时,将检查队列并处理该事件例如,执行脚本。当值为零作为的第二个参数传递时,它将尝试尽快执行指定的函数。 1、使用typeof bar ===objec...

    hedzrhedzr 评论0 收藏0
  • HTML查漏补缺

    HTML查漏补缺

    摘要:规定了标记语言的规则,这样浏览器才能正确地呈现内容不基于,所以不需要引用标签都用来做什么的提供有关页面的元信息,常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器如何布局或重载页面,搜索引擎和其它网络...

    daydreamdaydream 评论0 收藏0
  • TCP/IP基础总结性学习(8)

    TCP/IP基础总结性学习(8)

    摘要:步骤接收到状态码的客户端为了通过认证,需要将用户及密码发送给服务器。所谓双因素认证就是指,认证过程中不仅需要密码这一个因素,还需要申请认证者提供其他持有信息,从而作为另一个因素,与其组合使用的认证方式。 确认访问用户身份的认证 某些 We...

    韩冰韩冰 评论0 收藏0
  • New Relic性能监控(三)浏览器端监控

    New Relic性能监控(三)浏览器端监控

    摘要:性能概览下图为一个监控的的性能概览页面该页面主要包含下面几个部分的内容页面加载时间曲线得分图各浏览器的吞吐量会话追踪,错误,以及响应时间。吞吐量吞吐量是按浏览器的类型绘制的,单位是每分钟浏览量。 New Relic性能监控(三)浏览器端监控 20...

    yanestyanest 评论0 收藏0
  • 分享前端开发常用代码片段-值得收藏

    分享前端开发常用代码片段-值得收藏

    摘要:一预加载图像二检查图像是否加载三自动修复破坏的图像四悬停切换五淡入淡出显示隐藏隐藏显示六鼠标滚轮七鼠标坐标实现实现获取鼠标在图片上的坐标获取元素相对于页面的坐标八禁止移动端浏览器页面滚动实现实现九阻止默认行为十阻止冒泡十 一、预加载图...

    ChazChaz 评论0 收藏0
  • 前端每日实战:11# 视频演示如何用纯 CSS 创作一个荧光脉冲 loader 特效

    前端每日实战:11# 视频演示如何用纯 CSS 创作一个荧光脉冲 loader 特效

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

    cnTomatocnTomato 评论0 收藏0
  • 前端面试中经常问到的问题:如何提高网站性能 总结

    前端面试中经常问到的问题:如何提高网站性能 总结

    摘要:在某些情况下,延迟能减少一秒钟。在某些浏览器中这个预读取的行为将会与页面实际内容并行发生而不是串行。在某些图片较多的页面中,在发起图片加载请求之前预先把域名解析好将会有至少的图片加载速度提升。 1. 使用dns预解析 DNS 请求需要的带宽非常...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • html+js(swiper.js)+css左右滑动切换页面效果,适配移动端

    html+js(swiper.js)+css左右滑动切换页面效果,适配移动端

    摘要:截图结构文件夹文件夹移动端左右滑动进度条微信内禁止上下拉上面加入了禁止微信下拉的,适合不会产生滚动条的页面,如果你的页面会有滚动条,请把禁止微信下拉的去掉,否则滚动条就被卡住不能往下拉了。和文件下载链接密码 demo: showImg("https://se...

    yachengyacheng 评论0 收藏0
  • 前端每日实战:12# 视频演示如何用纯 CSS 创作一种文字断开的交互特效

    前端每日实战:12# 视频演示如何用纯 CSS 创作一种文字断开的交互特效

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

    HwgHwg 评论0 收藏0
  • 1.前端自动化测试 之 视觉测试

    1.前端自动化测试 之 视觉测试

    摘要:视觉感知测试视觉回归测试为了解决上面提到的各种问题,视觉感知测试孕育而生。第三种方式,无法进行视觉感知测试结果只能进行视觉回归测试和上一版的继续比较差异。 前端自动化测试 之 视觉测试 showImg("https://segmentfault.com/img/remote/146000...

    张春雷张春雷 评论0 收藏0

热门文章

<