![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 56
野生技术猫
本渣渣不专注技术,只专注使用技术,不是一个资深的coder,是一个不折不扣的copier。
展开
-
论Web App、Hybrid App、Native App三类主流APP设计差异
目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App。一、介绍Web APPWeb App 指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用,基本上可以说是触屏版的网页应用。Hybrid App Hybrid APP指的是半原生半Web的混合类App。需要下载安装,看上去类似Native App,但只有很少的UI Web View,访问的内容是 Web 。 3. Native App Native A原创 2021-08-28 22:25:30 · 547 阅读 · 1 评论 -
时间戳转化为常用日期格式—问题分析
封装一个转换函数function formatDate(date, fmt) {//1.获取年份//y+ 表示一个或者多个y//y* 0个或者多个y//y? 0个或者1个y//2019//yy -19//yyyy -2019//y -9//yyy -019 if (/(y+)/.test(fmt)) {//4位的年份不同于其他//正则表达式+替换函数+隐式转换+截取//RegExp.$1:匹配组 ,如‘yyyy’(RegExp是js中的一个内置对象,原创 2021-08-20 18:27:57 · 211 阅读 · 0 评论 -
掌握flex布局
flex的相关属性应用在flex container上的CSS属性flex布局(Flexible布局,弹性布局)display:flex/flexibe开启flex布局;flex——flex container以block-level(块级元素)存在;inline-flex——flex container以block-level(行内元素)形式存在flex conntainer的直接子元素叫做flex itemsflex-flow 决定了flex container是单行还是多行now原创 2021-06-03 09:27:24 · 133 阅读 · 0 评论 -
一个盒子如何在另一个盒子中居中
写页面会碰到不少的居中问题,而有些情况下不能用margin:0 auto来实现水平方向的居中。如下:<style> #outer{ background-color: #00a1ff; width:100px; height:100px; margin:200px auto; text-align:center; position:relative;} #inner{原创 2020-06-30 21:42:28 · 3321 阅读 · 0 评论 -
关于JavaScript闭包、立即执行函数、两个圆括号
例1.先看一个函数:<script> var name="The window"; var object={ name:"My object", getNameFun:function(){ return function(){ return this.name; }; } }; alert(object.getNameFun()());//"The window"(非严格原创 2020-06-24 22:10:49 · 968 阅读 · 0 评论 -
Sort()排序原理
在默认情况下(没有参数),sort()方法会按升序排序,会调用每个数组项的toString()的转型方法,在比较所得的字符串实现排序。(按照字符Unicode码编码排序)如下var a=[1,5,4,2]; var b=[1,5,14,2]; a.sort(); b.sort(); console.log("数组a:"+a); console.log("数组b:"+b);会发现数据排序有问题。解决方案:加函数方法:sort()函数中接收一个比较函数作为参数,以便指定哪个值在哪个值的原创 2020-05-30 16:05:09 · 3627 阅读 · 1 评论 -
document.writeln()什么不能换行?write()和writeln()到底有什么区别?
今天看代码看到了document.writeln()的输出方式,虽然此方法用的比较少,我还是进一步了解了一下。首先write()和writeln()的区别:两者都是JavaScript向客户端输出的方法,对比可知写法上的差别是一个ln–line的简写,相当于在write输出后加上一个换行符,换言之,writeln 方法是以行输出的——输出后会自动换行。接下来,敲个代码试试,那么问题来了:<script> for(var i=0;i<5;i++){ document.writ原创 2020-05-25 15:44:50 · 1579 阅读 · 0 评论 -
属性中的驼峰式命名法
JavaScript一般采用驼峰命名法。驼峰命名法(Camel-Case): 当变量名或函式名是由一个或多个单字连结在一起,而构成的唯一识别字时,首字母以小写开头,每个单词首字母大写(第一个单词除外)。由此得,某些属性也可以采用驼峰命名法,如font-size、font-weight等,可以写成fontSize、fontWeight。注意上面展示代码片段中,可以写成style.fontSize 、style[‘font-size’] 、style[‘fontSize’] ,而写成sty原创 2020-05-25 00:19:31 · 453 阅读 · 0 评论 -
ECMAScript 函数参数与按值传递
ECMAScript中所有函数的参数都是按值传参。使用数值等基本类型值来说明按值传递参数比较简单,现在看看对象的按值传递参数。运行结果是,虽然在setName()函数内部修改了参数的值,但原来的引用还是保持未变。在函数内部加入一个弹出警示框则是函数内部修改后的参数。实际上,当函数内部重写obj时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。...原创 2020-05-24 22:21:46 · 178 阅读 · 0 评论 -
前端css绘制三角形
网页中会看到这样的图:到底是如何用css设计的右下角的三角形的呢?我们接下来用边框来实现三角形的绘制,熟悉边框的构成发现边框的奇妙,如图:先简单写个边框的代码,再将里面的内容设置为0,效果图:代码:看了效果图之后,大家应该都有想法了吧~接下来开始吧效果图:代码:效果图:代码:顺便做成个这样:关于这个css布局的设计,我这个用的层定位position:fixed来实现;起初用position:absolute;bottom:0;right:0;存在即使页面滚动该图形依旧原创 2020-05-23 22:45:00 · 293 阅读 · 0 评论