文章库ARTICLE COLUMN

  • 侧边栏的固定与自适应原来是这样实现的(持续更新)

    侧边栏的固定与自适应原来是这样实现的(持续更新)

    摘要:规范文档,行内非替换元素背景高度由字体和字体大小决定的,默认处理和行高没关系,不过这只是浏览器现在的处理方法摘自参考。不过实际上这个对样式的影响不是很大或者设置。的值除了也是可以为数值的。的区域不会与重叠。 摘要 刚看了一个关于前端面...

    张金宝张金宝 评论0 收藏0
  • 一行代码实现一个简单的模板字符串替换

    一行代码实现一个简单的模板字符串替换

    摘要:需求描述实现一个方法,将中的占位符用填充。通过文档里面写的,我们可以发现方法可以传入回调函数,一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果。所以这行代码的意思就很清楚,正则匹配到,分组获取,然后把替换成。...

    NikoManiacNikoManiac 评论0 收藏0
  • 理解BFC以及BFC相关布局问题解决

    理解BFC以及BFC相关布局问题解决

    写页面时会遇到: 子元素float父元素的高度不会撑开; 在布局时,box1and box2,其中box1 float:left,这是box2会在box1下面,(如果文字过多就会形成文字环绕效果),但我就是想要box2在box1的右侧; 又或是上下两个box的margin重叠。 这些问题除了其他一些...

    atinosunatinosun 评论0 收藏0
  • 阿里云ECS开放批量创建实例接口,实现弹性资源的创建

    阿里云ECS开放批量创建实例接口,实现弹性资源的创建

    摘要:摘要为了更方便的实现弹性的资源创建,方便用户一次运行多台按量实例来完成应用的开发和部署,阿里云开放了的批量创建实例接口,可以单次最多创建台实例,避免重复调用和创建。批量创建实例创建的实例,填入相关需要的参数即可。 摘要: 为了更方便的...

    gplanegplane 评论0 收藏0
  • JS中的undefined、null、0、false、[]、{},' ' 的区别

    JS中的undefined、null、0、false、[]、{},' ' 的区别

    摘要:返回的类型一共种容易弄糊涂的是有五种基本数据类型,和一种复杂基本类型。图片描述类型错误在不考虑类型的时候,,,都相等可以用来区别可以用来区别 typeof showImg("https://segmentfault.com/img/bV4XlJ?w=437&h=228"); typeof 0 // number typeo...

    ACb0yACb0y 评论0 收藏0
  • 常见https,SSH协议和MD5加密方式分析

    常见https,SSH协议和MD5加密方式分析

    摘要:前言协议和加密是前端可能会接触到的加密所以我就将他们进行了一个归纳原理就是在加入层是安全的基础协议是在基础上加了协议使用端口是端口由网景公司开发并内置在浏览器中作用建立一个信息安全通道来保证数据传输的安全确认网站的真实性可以查看网站认...

    AlfredAlfred 评论0 收藏0
  • css命名和书写规范

    css命名和书写规范

    摘要:前言在项目开发中对于名字的命名和书写老是感觉很混乱,这对于代码的可读性以及维护提出了挑战,所以在闲暇之余看了一些这方面的内容,现总结如下命名规则说明所有的命名最好都小写属性的值一定要用双引号括起来,且一定要有值如每个标签都要有开始和结...

    王笑朝王笑朝 评论0 收藏0
  • 前后端分离下的跨域CAS请求

    前后端分离下的跨域CAS请求

    摘要:最重要的两点请求跨域的时候,默认不会携带。通常是这样的前端发起,后端接受请求并执行,前端接受相应并发起,请求重定向后的页面,其中不存在跨域问题。 最重要的两点: ajax请求跨域的时候,默认不会携带cookie。 请求分为普通请求(HttpRequest)...

    CoffeXCoffeX 评论0 收藏0
  • js事件委托详解

    js事件委托详解

    摘要:先说事件流的事件流分为个阶段捕获目标冒泡。如果是每个都去多带带绑定事件明显不科学,毕竟去拿列表也是毕竟消耗性能的,同时每个事件绑定的回调函数也会占用大量的内存。那如果有动态插入的元素呢于是委托就可以用上了。 先说事件流 js的事件流分为3...

    SleepySleepy 评论0 收藏0
  • 实现随着滚动条滚动,导航会自动切换的效果

    实现随着滚动条滚动,导航会自动切换的效果

    摘要:通过监听的滚动事件,通过滚动高度来判断那个内容区在当前视口,从而操作对应的导航菜单里的状态的转换。 实现导航栏 跟随滚动, 点击导航 页面滚动到相应指定位置?第一次写博客,还望指正不足:wo..菜鸟+1简单的思路是:导航菜单里, 通过给元素指定...

    WinerWiner 评论0 收藏0
  • 前端简洁并实用的工具类

    前端简洁并实用的工具类

    摘要:前言本文主要从日期数组对象和字符判断这几个方面讲工作中常用的一些函数进行了封装确实可以在项目中直接引用提高开发效率日期日期在后台管理系统还是用的很多的一般是作为数据存贮和管理的一个维度所以就会涉及到很多对日期的处理转化为日期选择器默认...

    crossoverJiecrossoverJie 评论0 收藏0
  • React拖拽组件Dragact V0.1.7:教你优化React组件性能与手感

    React拖拽组件Dragact V0.1.7:教你优化React组件性能与手感

    摘要:但是强迫症犯了,为了使得性能达到极致,再次进行了深度的优化。把移动中心设置在物体的重力中心,最为舒适。你可以狠狠的点击预览地址到此,组件,无论从性能,还是手感上来说,都已经相当的符合我们的需求了。 仓库地址:Dragact手感丝滑的拖拽布局...

    fizzfizz 评论0 收藏0
  • css3小动画:鼠标hover后text-decoration的动画

    css3小动画:鼠标hover后text-decoration的动画

    摘要:实现效果具体实现利用或者伪元素实现。代码无法通过地址访问解决方案代码 实现效果 showImg("https://segmentfault.com/img/bV4A7u?w=621&h=54"); 具体实现 利用css3 ::after或者::before伪元素实现。html代码 webpack无法通过 IP 地址访问 loc...

    韩冰韩冰 评论0 收藏0
  • js中Array方法归类解析

    js中Array方法归类解析

    摘要:为什么要对方法进行归类解析因为它常用,而且面试必问改变原数组的方法删除并返回数组最后一个元素从末尾给数组添加元素,返回新数组值颠倒数组元素,返回颠倒后的数组删除并返回第一个元素值数组排序删除指定位置开始指定长度的元素,返回被删除的项目...

    li21li21 评论0 收藏0
  • H5localStorage的简单储存和删除

    H5localStorage的简单储存和删除

    H5的storage //localStorage存值永久有效 function setItems(){ var user = {}; user.name = "Adam Li"; user.age = 25; user.home = "China"; localStorage.setItem("...

    JellyBoolJellyBool 评论0 收藏0
  • 自定义input上传图片组件

    自定义input上传图片组件

    自定义input上传图片组件,美化样式 前段时间因为项目需求,做过一个上传图片组件,这里分享下大致思路,希望对有需要的人有所帮助~~~ 功能需求:1.上传图片限制大小、分辨率、类型 2.上传图片支持自由裁剪 3.图片上传后支持预览和删除 ...

    lemanlilemanli 评论0 收藏0
  • 解决swiper.js中无缝轮播的问题。

    解决swiper.js中无缝轮播的问题。

    摘要:根据公司需求需要对让轮播无间隙播放,类似这种效果。通过查看代码,发现这个类中有个属性修改中的源码,将这个属性的值改为即可实现无缝隙轮播,就是这么简单。轮播有它的好处是纯打造的滑动特效插件,面向手机平板电脑等移动终端。 根据公司需求需要...

    cniocnio 评论0 收藏0
  • css 命名规范 BEM

    css 命名规范 BEM

    摘要:针对块的类名会加一些前缀,这些前缀在中有类似命名空间的作用。每一个块名应该有一个命名空间前缀每一条规则必须属于一个块。为了避免创建三个不同的块,最好是在块上加修饰符。的源码当中充分实现了这种命名方式在使用的情况下 在项目的开发过程当中...

    AbnerMingAbnerMing 评论0 收藏0
  • 自动轮播切换tab

    自动轮播切换tab

    摘要:一个项目中需要用到类似的功能,自己手写一个轮播切换,不足之处见谅。代码如下内容内容内容内容内容样式什么的自己修改即可 一个项目中需要用到类似的功能,自己手写一个轮播切换,不足之处见谅。代码如下 Document ...

    fuchenxuanfuchenxuan 评论0 收藏0
  • vue 实现 裁切图片 同时有放大、缩小、旋转功能

    vue 实现 裁切图片 同时有放大、缩小、旋转功能

    摘要:当用户鼠标左键在按下时挂载对对象事件获取鼠标移动距离从而操作里的图像的位置移动。挂载对对象事件,清除事件的绑定。同时该事件触发后会被删除剩下的放大缩小旋转是对对象的操作坐标体系的操作。 实现效果: 裁切指定区域内的图片 旋转图片 放大图...

    DobbyKimDobbyKim 评论0 收藏0
  • phpStudy环境下composer的安装

    phpStudy环境下composer的安装

    摘要:前言原来是做开发的,现在转行前端工程师,因为很久没有接触了,可能会有其他问题,这里简单记录一下,后期遇到什么问题再进行更新话说下载特别慢所以这里给个网盘链接密码设置点击版本切换查看版本信息运行文件选择对应版本下面就直接下一步下一步就行...

    cheng10cheng10 评论0 收藏0
  • 关于Sprites的一些理解

    关于Sprites的一些理解

    摘要:今天做测试,遇到一道选择题。通过查找资料得知,也叫雪碧图,将网页中的多个小图标,集合到一整张图中。的优点有减少网页的请求,大大提高网页的性能。将多张图片拼成一张,可减少字节。命名方便,一次命名多次使用。的缺点有开发繁琐。 今天做测试,...

    Martin91Martin91 评论0 收藏0
  • vue php实战项目开发(一)

    vue php实战项目开发(一)

    摘要:说在前面项目开发过程中一直在学习,所以记录的过程可能比较乱,打算前台使用,后台使用开发手机端的项目,这里记录遇到的问题和学习的过程环境下搭建虚拟域名,并开启重写打开这里注意是文件夹下的里配置我从网上查的是要配置的打开文件夹下的添加访问...

    red_bricksred_bricks 评论0 收藏0
  • chorme浏览器记住密码后input黄色背景处理方法总结(三种)

    chorme浏览器记住密码后input黄色背景处理方法总结(三种)

    摘要:问题分析正常情况记住密码后访问解决方法方法阴影覆盖注由于是设置颜色覆盖,所以只对非透明的纯色背景有效方法修改浏览器渲染黄色背景的时间推荐注此方法适用于上图那种背景为透明色的输入框方法方式去除停止轮询注此方法来自网上 问题分析 正常情况...

    masturbatormasturbator 评论0 收藏0
  • vue 中echart折线自适应

    vue 中echart折线自适应

    摘要:前端时间做一个的项目,是按需引入的如下引入主模块引入折线图引入提示框和图例组件然后发现在缩放浏览器窗口时折线图并不会自适应,费了好一会才解决,记录下来给需要的小伙伴,解决方法是在里面调用如下方法折线图宽高自适应 前端时间做一个vue的项...

    jaycejayce 评论0 收藏0

热门文章

<