文章库ARTICLE COLUMN

  • 使用 nuxt+iview-admin+koa2 开发项目

    使用 nuxt+iview-admin+koa2 开发项目

    摘要:因此借机学习框架文档详细,更新快,反馈及时及比较优秀的一款,基本满足项目需求。 公司最近在做的一个项目,依然是采用熟悉的vue开发,数据平台因为其数据量大的特点,采用传统的spa模式,首页加载时间很长,而SSR这种方式对于首屏的加载时间优化显...

    CorwienCorwien 评论0 收藏0
  • SVG 新手入门

    SVG 新手入门

    摘要:创建开始建议添加一个空路径的元素创建一个俄罗斯方块一次添加一个命令,保存查看走向,这样会可以方便创建出来第一,我们移动到,开始,这个是图标的开始点。 svg 入门新认知 一、第一步创建设置svg 设置粗细 5px 的红色线条绘制,图标是无填充...

    BaaaanBaaaan 评论0 收藏0
  • 学习经典算法—JavaScript篇(一)排序算法

    学习经典算法—JavaScript篇(一)排序算法

    摘要:对每一对相邻元素作同样的工作,从开始第一对一直到结尾的最后一对,如此将最大的数放在后面。持续每次对元素重复上面的步骤,直到排序完成。排序步骤将第一待排序序列第一个元素看做一个有序序列,把第二个元素到最后一个元素当成是未排序序。 前端攻...

    RindiaRindia 评论0 收藏0
  • CSS4:icon全解

    CSS4:icon全解

    摘要:全解法如何在文件里扣出图层里的图标右键选中这个图层右击这个图层把这个图层放到新文件点击图片的按钮自动切图到最小再调整一下画布大小将图片设置为长宽一样导出即可在页面里图片会默认保持比例所以只要设置宽高的其中一种就可以了抠图的前端现在基本...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 前端每日实战:53# 视频演示如何用纯 CSS 创作一个文本淡入淡出的 loader 动画

    前端每日实战:53# 视频演示如何用纯 CSS 创作一个文本淡入淡出的 loader 动画

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

    JackwooJackwoo 评论0 收藏0
  • JS基础入门篇(二十七)—BOM

    JS基础入门篇(二十七)—BOM

    摘要:虽然上次写到基础篇二十四,这次直接写到二十七。是为了提醒自己中间有几篇没写。特此说明一下啊。使用标签呢,点击一下标签页面才会跳转,有时候我们需要做的操作是,我们不点击,页面就跳转了。虽然这种例子我还没想到,但是就是有。 虽然上次写到js...

    endaenda 评论0 收藏0
  • 原生js写一个无缝轮播图插件(支持vue)

    原生js写一个无缝轮播图插件(支持vue)

    摘要:轮播图插件前言写这个插件的原因前段时间准备用加上网易云的接口,模拟网易云音乐移动端。目前主要实现了无缝轮播,自动播放,端左右按钮点击切换,移动端手势滑动切换。 轮播图插件(Broadcast.js) 前言:写这个插件的原因 前段时间准备用vue加上网易...

    褰辩话褰辩话 评论0 收藏0
  • JavaScript 工作原理之十一-渲染引擎及性能优化小技巧

    JavaScript 工作原理之十一-渲染引擎及性能优化小技巧

    摘要:在中渲染树中的每个节点即是一个渲染器或者渲染器对象。计算的样式每个渲染器对象代表一个矩形区域通常是和一个节点的盒模型相对应。坐标系统是相对于根渲染器的。根渲染器的定位为和大小即为浏览器窗口的可视化部分比如。渲染器作废其在屏幕上的矩形区...

    RyanQRyanQ 评论0 收藏0
  • 前端每日实战:56# 视频演示如何用纯 CSS 描述程序员的生活

    前端每日实战:56# 视频演示如何用纯 CSS 描述程序员的生活

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个段落,每个段落行代码居中显示代码布局定义动画设置动画延时,描述单步执行的场景大功告成 showImg(...

    BlackHole1BlackHole1 评论0 收藏0
  • 【CSS练习】IT修真院--练习6-护工列表界面

    【CSS练习】IT修真院--练习6-护工列表界面

    摘要:任务六护工列表页完成的事情规划任务六完成基本界面编写计划的事情限制最小宽度使用雪碧图替换当前的多张图片引入完成模拟下拉框编写屏幕过窄时,列表项左边文字被截断出现省略号复习之前的代码规范,优化代码查看验收标准查看深度思考遇到的问题收获页...

    SleepySleepy 评论0 收藏0
  • 在Vue 项目 webpack 打包中关于 背景图片的路径问题

    在Vue 项目 webpack 打包中关于 背景图片的路径问题

    摘要:第一次发,记录一下关于最近生产环境,开发环境路径问题。开发环境下我们可以在中引入相对路径,但在生产环境,会默认为根目录,所以我们需要在目录下对象中设置为就可以了。对于在组件背景图片的引用问题。 第一次发segmentfault ,记录一下关于最近...

    yy13818512006yy13818512006 评论0 收藏0
  • 前端每日实战:55# 视频演示如何用纯 CSS 创作一个太阳、地球、月亮的运转模型

    前端每日实战:55# 视频演示如何用纯 CSS 创作一个太阳、地球、月亮的运转模型

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素居中显示定义容器尺寸画出太阳画出地球和月球的轨迹用伪元素画出地球和月球设置运转动画效果最后,隐藏可能会出现在容器外的部分大功告成 showImg("https://segmentfaul...

    沈建明沈建明 评论0 收藏0
  • CSS5:移动端页面(响应式)

    CSS5:移动端页面(响应式)

    摘要:接下来做端一般都写手机最大也就先隐藏手机菜单和按钮优先级问题解决方法直接使用用谷歌开发者工具查看优先级里面的垂直居中再把写成布局只要改成里面的子项目就变成一行了菜单导航导航导航导航导航到航导航导航导航导航方法切换元素的可见状态。 CSS5...

    superPershingsuperPershing 评论0 收藏0
  • 前端每日实战:54# 视频演示如何用纯 CSS 创作一副国际象棋

    前端每日实战:54# 视频演示如何用纯 CSS 创作一副国际象棋

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

    BLUEBLUE 评论0 收藏0
  • 用css控制元素高度:自底向上和自顶向下的方法

    用css控制元素高度:自底向上和自顶向下的方法

    摘要:高度的控制是自底向上的。因此,要解决这两个问题,就需要将高度的控制方向颠倒过来高度的控制是自顶向下的。元素的高度是通过自顶向下的方式确定的比如,元素的高度是根据自底向上的方式确定的。 从一个常见问题开始讨论:如何用css将一个元素的高度...

    KosmosKosmos 评论0 收藏0
  • JS基础入门篇(二十四)—DOM(上)

    JS基础入门篇(二十四)—DOM(上)

    摘要:常用的节点类型,,,。一句话这里是注释找到的父节点获取节点的一级的元素子节点,只获取元素,返回的是集合。 1.常用的节点类型,nodeType,attributes,childNodes。 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 ...

    SonglcySonglcy 评论0 收藏0
  • 面试之旅-深圳 遇到的问题和一些自己的拓展以及答案1

    面试之旅-深圳 遇到的问题和一些自己的拓展以及答案1

    摘要:比如如果不使用构造函数,则和是对象的方法,两个方法的作用是一样的谁谁,就把指向谁。,本题提到了冒泡算法,那么就认为不是要使用原生的方法,要自己封装一个类似功能的方法或称函数。就是通过中构造函数原型链继承的方式来实现的。 ❤,es6中的高...

    MertensMertens 评论0 收藏0
  • 【零基础入门】 css学习笔记(2) 盒模型

    【零基础入门】 css学习笔记(2) 盒模型

    摘要:盒模型,盒模型看待元素的一种方式,它将每个元素看作由一个盒子表示。盒子实际占用的大小是左左右右,属性细节一个块元素的默认宽度是,表示它会自动延伸占满可用的空间。表示元素之间的距离,在边框外部。不能对和指定颜色,添加任何装饰。 盒模型 1...

    mrcodemrcode 评论0 收藏0
  • 【零基础入门】 css学习笔记(1) 字体颜色样式等

    【零基础入门】 css学习笔记(1) 字体颜色样式等

    摘要:在元素中使用元素是一个元素,没有结束标记表示链入的是样式表,在中可省略不写。一般页面中,中文用宋体黑体微软雅黑,英文使用。英文字体要放在最前面,中文字体后面的备选字体用逗号隔开。表示方法可用像素指定或使用或百分数相对于字体大小指定。 ...

    fai1017fai1017 评论0 收藏0
  • flex布局实战

    flex布局实战

    摘要:布局实战容器的属性即设置在容器上属性是属性和属性的简写形式,默认值为。项目的属性即设置在容器的下一层级属性定义项目的排列顺序。数值越小,排列越靠前,默认为。 flex布局实战 容器的属性,即设置在容器上 flex-direction: row | row-reverse |...

    imcclimccl 评论0 收藏0
  • 基于Vue的点对点聊天项目

    基于Vue的点对点聊天项目

    摘要:前提一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。 前提 一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加...

    shiyang6017shiyang6017 评论0 收藏0
  • 前端每日实战:51# 视频演示如何用纯 CSS 创作一个雷达扫描动画

    前端每日实战:51# 视频演示如何用纯 CSS 创作一个雷达扫描动画

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

    YoungdzeYoungdze 评论0 收藏0
  • 前端面试题(总结)

    前端面试题(总结)

    摘要:为何只要写不基于标准通用标记语言,所以不需要引用,但需要来规范浏览器的行为使得浏览器知道应该以何种解析方式对文档进行解析基于,所以要引用才能告知浏览器文档所使用的文档类型讲讲行内元素块元素空元素有哪些行内元素,,,,,,,标记性元素块...

    lpjustdoitlpjustdoit 评论0 收藏0
  • content 内容生成技术2

    content 内容生成技术2

    摘要:计数器效果可是说是的重中之重此功能非常强大实用且不具有可替代性甚至可以实现连都不好实现的效果这个地方放慢节奏细细品味先来个例子体验一下计数器第一个第二个第三个所谓计数器效果指的是使用代码实现随着元素数目增多数值也跟着变大的效果图中红色...

    wow_worktilewow_worktile 评论0 收藏0
  • 模拟JD返回顶部功能

    模拟JD返回顶部功能

    摘要:模拟返回顶部功能,添加在一定高度内隐藏功能。涵盖的内容主要前端样式排版,展示效果动画,以及展示效果脚本的编写编写仿返回顶部留言客服顶部需要根据自己的背景图,修改背景位置。返回顶部添加显示隐藏功能,可根据需求更改显示隐藏效果。 模拟JD返...

    KevinYanKevinYan 评论0 收藏0

热门文章

<