
前端
朱砂绛
be yourself
展开
-
【Flutter】安装时请避开那些 “坑” !
前言根据“官网”给出的安装教程,我使用了命令行对fluttersdk进行了安装,当git克隆完成、配置好环境变量以及用户变量后。想要利用“flutterdoctor”来检查还有什么没有完成时,却出现了以下报错:报错一 原因:该目录不是一个clone的git项目。但的确是克隆下载的。 拥有巨大智慧的网络朋友们给出了这样的解决方法:...原创 2020-02-09 19:26:43 · 350 阅读 · 0 评论 -
【JS】实现字符串逆向输出的4种方式
一、第一种方式(利用charAt()这个函数实现)代码如下:var str="你好世界!!!!";var str1="";//这里创建一个空字符串用来拼接后面的字符;function str_reverse1(a){ if(a.length>0){//判断传入的参数是否为空; for(var i=a.length-1;i>=0;i--){ str1+=...原创 2019-11-24 15:18:51 · 1660 阅读 · 0 评论 -
【H5】利用h5的地理定位功能,实现地图展示
本案例实现了基本调用和简单的中英文转换。原创 2019-09-23 20:48:08 · 2982 阅读 · 0 评论 -
【H5】拖拽并显示图片
将图片拖入指定区域,并在下方进行显示原创 2019-09-23 20:30:29 · 1245 阅读 · 0 评论 -
【H5】利用canvas制作一个DIY画板
如何利用canvas制作一个DIY画板原创 2019-09-15 17:11:43 · 1033 阅读 · 0 评论 -
【CSS】position属性
什么是position属性?absolute、relative、fixed属性有什么区别?position的三个属性应该如何使用呢?原创 2019-09-01 20:31:28 · 172 阅读 · 0 评论 -
【CSS】常见兼容性问题.持续更新
margin问题当给子元素设置margin值(上下)时,浏览器默认认为加在了父元素上。解决方法:给父元素加overflow:hidden。透明(opcity)问题IE浏览器写法:filter:alpha(opacity=value);取值范围1-100兼容其他浏览器写法:opacity:0.value;(value的取值范围0-1,0.1,0.2,0.3----0.9—1)...原创 2019-08-16 18:53:48 · 135 阅读 · 0 评论 -
【CSS】如何将导航栏固定在网页的顶部
问题描述设置一个当鼠标滑动时,导航栏不移动,但下方的内容进行移动解决方法首先,上方的导航板块不被移动,可以理解为“它被固定了在此处”。对于固定在于某个位置,我们可以用定位中的固定定位(fixed)来进行设置。第二步,第一步已经将他固定而不可动,但由于固定定位是脱离标准流的,因此,它所固定的位置会遮住了下方内容的一部分。解决方法:内容部分设置margin-top,具体的值为导航的高度。第...原创 2019-08-09 20:42:49 · 43084 阅读 · 6 评论 -
【CSS】如何将图片放值在容器中间,垂直居中
必须给容器(父元素)加上text-align:center;必须给当前元素转成行内块元素(display:inline-block;)再给当前元素加上vertical-align:middle;在当前元素的后面(没有回车)加上同级元素span;并对span进行 vertical-align:middle;width:0;height:100%;display:inline-block等设置...原创 2019-08-05 18:18:55 · 3632 阅读 · 0 评论 -
【CSS】哪些属性值可以为负值
text-indent 首行缩进margin定位中的left、right、top、bottom原创 2019-08-07 23:15:10 · 4432 阅读 · 0 评论 -
【CSS】三种元素类型的特点分别是什么
根据 CSS 显示分类,XHTML元素被分为三种类型:块状元素(block element)、内联元素(inline element)、行内块元素。1. 块状元素(block element)A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素:div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,h...原创 2019-08-05 12:10:57 · 909 阅读 · 0 评论 -
【CSS】如何设置文字在一排显示且有省略号
展示一下最后的效果图:献上全部文本:会议指出,上海要进一步“发挥龙头带动作用”,苏浙皖要“各扬所长”,以更加奋发有为的精神状态推动长三角一体化发展不断取得新成效、新突破,...共计300多字。如上图所示的情况,大多用于在新闻类网站排版,那么这是如何做到的呢?解决思路我们应该有一个基本框架:将所有文字排成一排、隐藏掉超出容器的文字、超出文字展示为省略号。框架翻译成代码:white-spa...原创 2019-08-04 19:46:33 · 2477 阅读 · 0 评论 -
【CSS】列表标签无法正确显示怎么办?
问题描述 在我们写列表的某些时候,比如是当我们为ul设置了margin 0 auto时。我们会发现,我们的列表符号无法在我们预定的区域内出现,或者未展示在我们的页面内容部分。解决方法 我们一般利用list-style-position属性进行设置,它还有两个值:inside、outsi...原创 2019-08-04 15:50:43 · 616 阅读 · 0 评论 -
【CSS】清除浮动的三种方式
有时候浮动会造成高度塌陷或元素的重叠,为了解决这些问题,提出了清除浮动的三种方式。首先 我们先看一个已经造成高度塌陷的例子(如下图)。展示的图片为:外部 div 未设置高度,高度由内部的 div 所撑开,但内部两个 div 设置了浮动,所以导致了高度塌...原创 2019-08-03 18:05:16 · 1248 阅读 · 0 评论 -
利用Mui底部导航栏实现跳转页面
mui底部导航栏几种页面跳转方式对比1 问题描述mui是一款最接近原生的框架,对于会使用的人来说十分的便捷易操作,但对于像笔者这样刚入门的小白可是十分的陌生和走了太多的弯路。对于那些不懂的前端的人,或者是一些刚入门html的人,他们可能会认为有了框架不就很快能完成一个框架了吗?其实不是这样的,一个框架他也有自己的一些东西需要去摸索和深层次的理解。也就在这几天遇到一个关于如何流畅的跳转页...原创 2018-12-16 14:18:12 · 21464 阅读 · 10 评论 -
分析js中基本类型与引用类型的区别
1 问题描述在最近的一段时间内,在学习web前端课程。课程老师讲述到js内容部分时,浅略提到,关于基本数据类型与引用类型的区别,并希望学生自己在课余时间进行了解。虽然该内容是一个基础知识,但容易混淆。2 问题分析Js变量有两种不同的数据类型:基本类型、引用类型。基本数据类型包括:undefined,boolean,number,string,null。引用类型包括:object、...原创 2018-12-16 14:23:54 · 345 阅读 · 0 评论 -
Node.js带你走进前后端分离的项目开发(一) ——HTTP介绍与node环境搭建
1 引言在真实的开发或学习的过程中,我们会发现其中每一部分都不是完全独立的。而这时,就会因为某一方面的种种原因(不会使用或太复杂的编写过程),去影响了整体项目的进度。众所周知,搭建网站时就会需要前后端不同的人去完成一个项目。如果不使用前后分离的方法去完成,那么合作起来十分麻烦;如果使用前后分离,那么在各自开发阶段的开发就会变得便捷,但测试要等到最后各自开发完成才进行合并吗?答案不...原创 2018-12-16 14:26:12 · 703 阅读 · 2 评论 -
Node.js带你走进前后端分离的项目开发(二) ——路由的搭建
1 引言在上一篇文章(HTTP介绍与node环境搭建)中已经搭建好了一个可以允许js运行的node环境。2 问题分析本文讲述路由的搭建:什么是路由:所谓路由就是web服务器会根据用户输入的不同url(实际是path不同, domain是相同的, 包括协议, host, port)返回不同的页面。有了路由之后,如果想要将自己的代码运行于服务器上时,也就简单一点了只需更改少数代码...原创 2018-12-16 14:30:58 · 578 阅读 · 0 评论