文章库ARTICLE COLUMN

  • Web页面中png jpg gif webp svg的区别和使用

    Web页面中png jpg gif webp svg的区别和使用

    PngPNG包括png-8和png-24 png-32 相对来说体积小;支持透明 24(160W)比8(256) 像素 色块 色彩 要多很多 8位保存的时候会有锯齿边缘 24位是透明边缘 24位PNG,支持160万种不同的像素颜色且支持Alpha透明效果,这就意味着,无论透明度设置为多少,PNG图...

    AprilApril 评论0 收藏0
  • JavaScript五十问——对比来说CSS的Grid与FlexBox(下篇)

    JavaScript五十问——对比来说CSS的Grid与FlexBox(下篇)

    摘要:语法如下是简写属性,也可以分别定义行间隔和列间隔。语法如下属性值得含义同这里不再过多说明,读者可以自行验证。 前言 在上篇——JavaScript五十问——对比来说CSS的Grid与FlexBox(上篇),我介绍了Flex的属性与使用,今天我们来总结一下Grid的具...

    MoxmiMoxmi 评论0 收藏0
  • 手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

    手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

    摘要:如何使用是的缩写,可以远程调试页面。安装配置获取本机开启本地监听服务器浏览器打开效果如下将这段脚本放在需要调试的手机页面中就可以远程调试了,加载好之后就可以在下找到需要调试的页面了,和类似,也可以查看元素和控制台等。 调试移动端页面,...

    ZhuxyZhuxy 评论0 收藏0
  • 表单密码自动填充hack

    表单密码自动填充hack

    摘要:甚至不分青红皂白,每个页面只要有类型的输入框,就会自动填充。请输入密码对于浏览器,如果页面上有两个以上的类型输入框,自动填充的时候只会填充第一个以及改输入框的上一个,分别填充账号和密码。 前言 写前端的,最讨厌的事有几个,其中一个就是...

    Little_XMLittle_XM 评论0 收藏0
  • 面试官常问——vue篇

    面试官常问——vue篇

    摘要:如果要相应状态改变,通常最好使用计算属性或取而代之。那解决问题的思路便是在改变的情况下,保证页面的不刷新。后面值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。 1.vue生命周期2.vue 双向绑定原理3.vue route...

    BlackMassBlackMass 评论0 收藏0
  • CSS选择器——伪元素选择器之处理父元素高度及外边距溢出

    CSS选择器——伪元素选择器之处理父元素高度及外边距溢出

    摘要:子元素浮动导致父元素高度不够问题描述最小高度为的父元素,嵌套一个高度的子元素,当子元素浮动时,父元素高度并不随之升高。 1. 子元素浮动导致父元素高度不够 问题描述:最小高度为100px的父元素,嵌套一个300px高度的子元素,当子元素浮动时,父元...

    Jason_GengJason_Geng 评论0 收藏0
  • 后装业务管理平台项目总结

    后装业务管理平台项目总结

    摘要:通过建立树形结构后台传输的数据,这里为了不影响阅读,删除掉了不必要的部分数据格式操作成功租户下所有部门部门部门部门名称部门,以及部门格式为,二级部门格式为,以此类推部门的上级部门,如果为表示该部门为顶级部门租户该部门下绑定车辆数部门租...

    nidayenidaye 评论0 收藏0
  • webstorm 不能热更新

    webstorm 不能热更新

    1.打开webstorm设置选项 ---- file --> settings showImg("https://segmentfault.com/img/bVboRhD?w=1920&h=1048"); 2.搜索或找到 System Setting showImg("https://segmentfault.com/img/bVboRii?w=104...

    Cc_2011Cc_2011 评论0 收藏0
  • Web前端开发技术综述

    Web前端开发技术综述

    摘要:概述起源年蒂姆伯纳斯李创造了世界上第一个万维网导航站点世界上第一个网站的特点易导航和图形化界面与平台无关分布式结构动态性交互性工作原理关于统一资源定位器可以理解为网址。 1.1Web概述 showImg("https://segmentfault.com/img/bVboQCP?w=862&h...

    sutakingsutaking 评论0 收藏0
  • html textarea文本域高度自适应

    html textarea文本域高度自适应

    摘要:解决因为文本域宽度,测试了下,每行能输入个汉字,长度为。所以我监听输入的长度,当大于时就追加文本域高度。菜鸟教程获取文本长度,一个汉字长度为先把中文替换成两个字节的英文,在计算长度文本域自适应 1、可直接在 菜鸟教程网站测试页面中测试 ...

    phodalphodal 评论0 收藏0
  • CSDN 文章自动显示全文

    CSDN 文章自动显示全文

    摘要:在查看博客文章的时候,如果文章比较长,下面的部分会被隐藏,必须要点击一下阅读更多才能全文。像这样下面来看一下如何实现自动显示全文。效果以后再打开博客就会直接显示全文了。 在查看CSDN博客文章的时候,如果文章比较长,下面的部分会被隐藏,必...

    tomatotomato 评论0 收藏0
  • 浏览器回流认识

    浏览器回流认识

    摘要:一什么是回流回流是会导致页面重新渲染的一些元素,从而影响性能。 一、什么是回流? 回流是会导致页面重新渲染的一些元素,从而影响性能。 二、哪些因素会导致回流? 1、调整窗口的大小; 2、改变字体,如果用rem 设置了根目录的字体大小,这样就减...

    djfmldjfml 评论0 收藏0
  • Element-UI中Upload上传文件前端缓存处理

    Element-UI中Upload上传文件前端缓存处理

    摘要:对于文件上传组件的功能点着重于文件传递到后台处理,所以要求为必填属性。但是如果需要读取本地文件并在前端直接处理,文件就没有必要传递到后台,比如在本地打开一个文件,利用文件在前端进行动态展示等等。 Element-UI对于文件上传组件的功能点着重...

    DonneDonne 评论0 收藏0
  • 利用 javascript 实现富文本编辑器

    利用 javascript 实现富文本编辑器

    摘要:考察了下现有的富文本编辑器,桌面端的很多,移动端的几乎没有。为此决定自研一个富文本编辑器。本文,主要介绍如何实现富文本编辑器,和解决一些不同浏览器和设备之间的。光标操作作为富文本编辑器,开发者需要有能力控制光标的各种状态信息,位置信息...

    cyixlqcyixlq 评论0 收藏0
  • JavaScript HTML DOM

    JavaScript HTML DOM

    摘要:能够改变页面中的所有元素能够改变页面中的所有属性能够改变页面中的所有样式能够对页面中的所有事件做出反应操作元素,有三种方法通过找到元素通过标签名找到元素通过类名找到元素允许改变元素的内容。在中,可用于直接向输出流写内容。 DOM树网页被...

    dongxiawudongxiawu 评论0 收藏0
  • web 移动端 ios 浏览器中 animation 动画异常

    web 移动端 ios 浏览器中 animation 动画异常

    摘要:关键字,,移动端,异常解决问题的办法页面加载完毕时延时给加上动画类名。即在的钩子中用定时器延时左右给需要动画的加上类名。我在项目中的动画,在中异常,动画效果紊乱且不明显。在的钩子中将变为然后就可以看到动画在中表现正常。 关键字:animat...

    sydMobilesydMobile 评论0 收藏0
  • 弹性布局(display:flex;)属性详解

    弹性布局(display:flex;)属性详解

    摘要:设为布局以后,子元素的和属性将失效。二基本概念采用布局的元素,称为容器,简称容器。它的所有子元素自动成为容器成员,称为项目,简称项目。如果项目只有一根轴线,该属性不起作用。四项目的属性注项目属性的全面理解较为复杂,可以参考文章 一、Fl...

    wangshijunwangshijun 评论0 收藏0
  • 实现一个平行四边形

    实现一个平行四边形

    摘要:无奈之下谷歌,网友们提供了两个实现方式,第一个是通过的方式,这个比较第二种方式很吸引人,原来变换中除了我上面提到的三种方式之外,还有一个,英文意思是歪曲,正是实现平行四边形的利器。 需求如题,想了下用普通的变换如旋转、缩放、位移都是无...

    JayChenJayChen 评论0 收藏0
  • JavaScript五十问——对比来说CSS的Grid与FlexBox(上篇)

    JavaScript五十问——对比来说CSS的Grid与FlexBox(上篇)

    摘要:前言春节假期有幸拜读了张鑫旭大大的关于与的两篇文章见参考文献,很有收获自己在开发的过程中,很多时候都会采用布局,而与这种方式已经很少使用了这次在春假期间学习了,深感的好用与便利。相对于,它多出来一个的属性,代表拉伸默认属性。 前言 春...

    xuhongxuhong 评论0 收藏0
  • CSS实用技巧

    CSS实用技巧

    摘要:浮动元素不换行做豆瓣的时候模仿豆瓣的正在热映的列表做的一个样式,效果及代码如下去掉滚动条最主要的就是要在在父元素设置来保证子元素强制不换行设置子元素与父元素等大小之前我们写这样的了能就是为子元素设置,其实也可以使用 浮动元素不换行 做...

    suemisuemi 评论0 收藏0
  • HTML5的离线存储

    HTML5的离线存储

    摘要:的离线存储使用以及工作原理解答使用方式在页面头部中加入一个的属性就可以的书写方式,如下表示需要离线存储的资源列表表示在中列出的资源只有在在线情况下才能访问,不会被离线存储,若和中都有这个资源则会离线存储,因为的优先级更高表示如果第一个...

    JoyvenJoyven 评论0 收藏0
  • 项目中引入特殊字体【小程序、h5】包括canvas画图

    项目中引入特殊字体【小程序、h5】包括canvas画图

    摘要:小程序和的页面展示特殊字体有一个网站,叫有字库。这就是直接再页面上显示文字的办法这个在和小程序上面都可以使用的,非常方便。接下来就是画图了。引入就是用小程序的引入字体方法啦。 请看清楚我虚线下面所有的话。横线上的废话随便你看不看。说实...

    gothamgotham 评论0 收藏0
  • 如何实现label长度固定,文字分散分布的效果

    如何实现label长度固定,文字分散分布的效果

    摘要:就像下面的效果解析这种效果主要通过属性来实现。属性对多行文本的最后一行文本无效。区别如下加了伪类之后,标签的文字之间必须要存在一个空格一个就行,不用太多,否则的话,没有效果。 我们经常会看到表单填写时前面的label,都是左右对齐的,即使字...

    peixnpeixn 评论0 收藏0
  • 如何只在IE上加载CSS样式表

    如何只在IE上加载CSS样式表

    摘要:如下所示,使用外部样式表。但是如果是以上时,这个办法就不是很适用了。由于是微软特有的并且只在中可用,所以只能在或更高版本中解析。微软可以使用的参考文章总结如果我们想只针对加载样式表,只需要设置条件注释和媒体查询即可。 前言:IE一直是特...

    AnthonyHanAnthonyHan 评论0 收藏0
  • JSON的作用

    JSON的作用

    摘要:必须被正确的嵌套,如则会报错必须被关闭标签名必须用小写字母文档必须被嵌套于根元素中作用用途设计结构。什么是指的是对象表示法是轻量级的文本数据交换格式独立于语言具有自我描述性,更易理解使用语法来描述数据对象,但是仍然独立于语言和平台。 ...

    JerryWangSAPJerryWangSAP 评论0 收藏0

热门文章

<