文章库ARTICLE COLUMN

  • 半个小时教你写一个装(bi)逼(she)之地图搜租房

    半个小时教你写一个装(bi)逼(she)之地图搜租房

    摘要:半个小时教你写一个毕设之地图搜租房其他其他半个小时教你写一个毕设之地图搜租房首先需要一个环境怎么准备我就不多说了实在不会的出门右转看一下廖雪峰老师的博客部分代码来自高德解决租房问题简单改了下加载数据部分代码路径毕业生租房 layout: pos...

    iliyakuiliyaku 评论0 收藏0
  • HTML 3-列表、表单、语义化

    HTML 3-列表、表单、语义化

    摘要:有序列表无序列表自定义列表在语义上的区别有序列表列表有顺序编号默认列表前加,,,编号,适用于有逻辑顺序的排列项目,而且次序不能乱。另外,在类型中,一致时代表选项为一组。提交是表单的提交按钮,将表单中的数据发送给后台服务器 有序列表、无...

    XufcXufc 评论0 收藏0
  • 前端每日实战:25# 视频演示如何用纯 CSS 创作一个慧星拖尾效果的 loader 动画

    前端每日实战:25# 视频演示如何用纯 CSS 创作一个慧星拖尾效果的 loader 动画

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

    ZoomQuietZoomQuiet 评论0 收藏0
  • TP5整合阿里云OSS上传文件第二节,异步上传头像(下)

    TP5整合阿里云OSS上传文件第二节,异步上传头像(下)

    摘要:找到头像下面的添加一个的样式类将内容改变成上传成功并且显示上传成功文件上传失败,同样是添加找到头像下面的添加一个的样式类将内容改变成上传失败并且显示上传失败完成上传完了,成功或者失败,先删除进度条。 是这个功能的最后一步了,新增插件:la...

    Dongjie_LiuDongjie_Liu 评论0 收藏0
  • 前端每日实战:26# 视频演示如何用不到 50 行 CSS 代码,创作按钮被从纸上掀起的立体效果

    前端每日实战:26# 视频演示如何用不到 50 行 CSS 代码,创作按钮被从纸上掀起的立体效果

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

    lwx12525lwx12525 评论0 收藏0
  • JavaScript之作用域和闭包

    JavaScript之作用域和闭包

    摘要:依然持有对该作用域的引用,而这个引用就叫作闭包。循环和闭包正常情况下,我们对这段代码行为的预期是分别输出数字,每秒一次,每次一个。 一、作用域 作用域共有两种主要的工作模型:第一种是最为普遍的,被大多数编程语言所采用的词法作用域,另外...

    CNZPHCNZPH 评论0 收藏0
  • Java 学习路线之四个阶段

    Java 学习路线之四个阶段

    摘要:写这篇总结,主要是记录下自己的学习经历,算是自己对知识的一个回顾。这个阶段学习的时候,要学会使用开发工具,比如或者来学习。这个阶段需要自己对自己有很强的自律去学习,不要看了一半就放弃了。 showImg("https://segmentfault.com/img/bVbaNtw?...

    zeyuzeyu 评论0 收藏0
  • TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    摘要:阿里云上传文件第三节实现淘宝上传商品图片首先我们来看看淘宝的功能和样式之后看看制作完成的演示由于全部功能弄成有点大限制上传大小好像在之内压缩之后也有所以分为两个演示图片后端代码基于第三个文章不变去掉上传进度条去掉上传提示重写重写前端代...

    SQCSQC 评论0 收藏0
  • 前端每日实战:27# 视频演示如何用纯 CSS 创作一个精彩的彩虹 loading 特效

    前端每日实战:27# 视频演示如何用纯 CSS 创作一个精彩的彩虹 loading 特效

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义居中显示定义彩虹的尺寸定义彩虹内拱形的尺寸定义彩虹内所有拱形共有的特性分别设置每个拱形的个性变量定义动画效果最后,隐藏掉容器之外的内容大功告成 showImg("https://segmentfault.co...

    weizxweizx 评论0 收藏0
  • Git Commit Log的小型团队最佳实践

    Git Commit Log的小型团队最佳实践

    摘要:随着团队的变大,最近在开发过程中,越来越感觉到的重要性。注意年月日,阮一峰老师写了一篇和编写指南,本文主要来源于这篇文章,只是针对我们的团队,进行了一些改造和简化,以及对一些阮老师没有提及的细小之处进行了指出。 随着团队的变大,最近在...

    hlcchlcc 评论0 收藏0
  • 用 :focus-within 实现纯 CSS 下拉框组件

    用 :focus-within 实现纯 CSS 下拉框组件

    摘要:借用的例子当点击表单中的文本框时需高亮整个表单元素。但是表单内部的文本框获得焦点并不代表表单元素本身有焦点,所以使用并不能生效,这时就可以使用当然这也是的其中一个典型用法。 :focus-within 伪类:当本节点或其子节点获得焦点时被激活。 借...

    focusjfocusj 评论0 收藏0
  • 前端每日实战:28# 视频演示如何用纯 CSS 绘制一个世界上不存在的彭罗斯三角形

    前端每日实战:28# 视频演示如何用纯 CSS 绘制一个世界上不存在的彭罗斯三角形

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,一个容器中包含个居中显示定义容器尺寸画出包含条边的容器为条边所属的容器上色用遮罩切出每一条边,组成彭罗斯三角形定义旋转动画效果最后,增加旋转时变色的效果大功告成 showImg("htt...

    shuiboshuibo 评论0 收藏0
  • HTML 1-样式引入、路径、尺寸单位

    HTML 1-样式引入、路径、尺寸单位

    摘要:样式的引入方式样式的引入有三种方式内联式,可直接写在标签内,一般不建议这种写法。调试介绍主要用于对程序调试,相比于,仅在控制台中打印相关信息,不会阻断程序的执行。 CSS样式的引入方式 css样式的引入有三种方式:1.css内联式,可直接写在html...

    laoLiueizolaoLiueizo 评论0 收藏0
  • HTML 2-行高、a标签

    HTML 2-行高、a标签

    摘要:行高是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。等于包裹文字的元素本身的高度时,文字垂直居中。仅在属性存在时使用。但标签字体大小属性受父元素影响。 line-height line-height设置文本的行高,行高即文本行基线之前的距离,行高...

    MobServiceMobService 评论0 收藏0
  • 关于BFC的总结

    关于BFC的总结

    摘要:虽然工作这么多年了,但是如果让我直接解释一下什么是的时候,还是感觉有点不知道怎么准确的表达,下面就翻翻文档,总结一下,加深一下认识吧。两个兄弟盒之间的垂直距离由属性决定。最常见的有简称和简称。 虽然工作这么多年了,但是如果让我直接解释...

    oneasponeasp 评论0 收藏0
  • Angular网络请求的封装

    Angular网络请求的封装

    摘要:的网络请求这里是自己的网络请求。是一个网络请求返回数据的类,用来方便处理数据,可以适当根据自己的数据返回类型进行自定义封装。 很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别...

    weijweij 评论0 收藏0
  • 常用的unicode编码图形

    常用的unicode编码图形

    摘要:常见的编码图形代码如下常用的图形对勾不对称细对勾不对称粗叉号不对称细叉号不对称粗叉号对称叉号对称 unicode常见的编码图形,代码如下: Unicode常用的图形 .dui1::after { content: "2713" ...

    AmosAmos 评论0 收藏0
  • 前端开发测试题(一)

    前端开发测试题(一)

    摘要:创建对象的模式。之前的项目中使用了什么前端方法对页面性能进行优化随记分享是快乐的。年三月份,因为工作的变动,我陆续的面试了几家公司。上面的这份不是我的面试题目,是面试的时候随带附件给我的。 一选择题(共25分,每题5分)1.CSS样式的几种链...

    nanfeiyannanfeiyan 评论0 收藏0
  • 前端每日实战:23# 视频演示如何用纯 CSS 创作一个菜单反色填充特效

    前端每日实战:23# 视频演示如何用纯 CSS 创作一个菜单反色填充特效

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

    chaosx110chaosx110 评论0 收藏0
  • JS对象之封装(二)

    JS对象之封装(二)

    摘要:对象封装的常用方式常规封装升级版较常见的执行原理解释说明通过构造一个空对象将构造函数的原型属性赋值给的原型对象在执行这句话的时候,对象就可以在其原型对象中查找方法。 JS 对象封装的常用方式 1.常规封装 function Person (name,age){ ...

    codergardencodergarden 评论0 收藏0
  • 开箱即用的多页面webpack脚手架

    开箱即用的多页面webpack脚手架

    摘要:开箱即用的多页面脚手架最近接手一个新项目,公司官网,官网为了对爬虫友好,不合适做单页面,更不大适合用,这样的框架。痛不欲生,即使写完了,以后的迭代维护同样痛苦。还不如创建一个脚手架,以后遇到这种官网多页面的需求的时候拿来即用,岂不美哉...

    atinosunatinosun 评论0 收藏0
  • 使用Node,Vue和ElasticSearch构建实时搜索引擎

    使用Node,Vue和ElasticSearch构建实时搜索引擎

    摘要:建立在之上,它是一个高性能的文本搜索引擎库。目录在今天的课程中,您将学习如何使用,和构建实时搜索引擎。接下来,您需要安装实时搜索引擎所需的库。这是的官方库,它是实时搜索的引擎。主要的搜索查询包含在查询对象中。但是,可以从客户端进行搜索...

    JerryCJerryC 评论0 收藏0
  • 网络篇—浏览器缓存(一)

    网络篇—浏览器缓存(一)

    摘要:当值设为时,则代表在这个请求正确返回时间浏览器也会记录下来的分钟内再次加载资源,就会命中强缓存。 网络篇—浏览器缓存(一) 一、缓存类型 有两种,强缓存和协商缓存 强缓存 不会向服务器发送请求,直接从缓存中读取资源; 协商缓存 向服务器...

    rollbackrollback 评论0 收藏0
  • css布局的各种FC简单介绍:BFC,IFC,GFC,FFC

    css布局的各种FC简单介绍:BFC,IFC,GFC,FFC

    摘要:完整的说法是属于同一个的俩个相邻的的会发生重叠,与方向无关。元素会位于与与之间,使得宽度缩短。简单的说,有了之后,布局不再局限于单个维度了。 什么是FC? Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定...

    付永刚付永刚 评论0 收藏0
  • JS基础入门篇(七)—运算符

    JS基础入门篇(七)—运算符

    摘要:关系运算符关系运算符。注意返回的值都是布尔值。如果左边为假,返回右边的值否把后面的数转成布尔值然后取反执行了不执行执行不执行三目运算符三目运算符判断条件语句语句判断条件成立执行语句不成立执行语句数组的存储数组赋值的时候,传递的是数组的...

    jzmanjzman 评论0 收藏0

热门文章

<