野生技术猫-CSDN博客

原创论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 535 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 191

原创掌握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 125

原创 ES6入门学习

带你入坑ES6一、入坑仪式二、三个特性——常量、箭头函数、解析构造（一） js中可以声明常量吗const声明一个只读的常量。一旦声明，常量的值就不能改变。一旦声明必须立即初始化，不能留到以后赋值。名称唯一var定义的变量在window下，区别const。var存在变量提升，区别const。先定义后使用。var不存在块级作用域，区别const。（二）const声明的常量真的不能改变吗特例2.原因3.用Object.freeze()可以实现冻结

2021-03-06 16:19:00 192 1

原创一个盒子如何在另一个盒子中居中

写页面会碰到不少的居中问题，而有些情况下不能用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 3309

原创关于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 924

原创 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 3585 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 1527

原创属性中的驼峰式命名法

JavaScript一般采用驼峰命名法。驼峰命名法（Camel-Case）: 当变量名或函式名是由一个或多个单字连结在一起，而构成的唯一识别字时，首字母以小写开头，每个单词首字母大写（第一个单词除外）。由此得，某些属性也可以采用驼峰命名法，如font-size、font-weight等，可以写成fontSize、fontWeight。注意上面展示代码片段中，可以写成style.fontSize 、style[‘font-size’] 、style[‘fontSize’] ，而写成sty

2020-05-25 00:19:31 427

原创 ECMAScript 函数参数与按值传递

ECMAScript中所有函数的参数都是按值传参。使用数值等基本类型值来说明按值传递参数比较简单，现在看看对象的按值传递参数。运行结果是，虽然在setName（）函数内部修改了参数的值，但原来的引用还是保持未变。在函数内部加入一个弹出警示框则是函数内部修改后的参数。实际上，当函数内部重写obj时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。...

2020-05-24 22:21:46 142

原创前端css绘制三角形

网页中会看到这样的图：到底是如何用css设计的右下角的三角形的呢？我们接下来用边框来实现三角形的绘制，熟悉边框的构成发现边框的奇妙，如图：先简单写个边框的代码，再将里面的内容设置为0，效果图：代码：看了效果图之后，大家应该都有想法了吧~接下来开始吧效果图：代码：效果图：代码：顺便做成个这样：关于这个css布局的设计,我这个用的层定位position:fixed来实现；起初用position:absolute;bottom:0;right:0;存在即使页面滚动该图形依旧

2020-05-23 22:45:00 268

qq_46053824的博客