分类目录归档：前端

2022
02-01

Flutter、ReactNative、uniapp对比 NEW

前言最近对App开发比较感兴趣，因原生学习起来成本可能较大，就把目光转向了大前端的跨端开发技术。说到跨端开发，那么选择空间就是Flutter、RN、uniapp这几个了。flutter最近比较热闹，毕竟是谷歌出品。但我们不是炒作热点的媒体，也不是忽悠你交学费的培训机构，我们作为实际的跨平台开发者，冷静的分析下这个东东。flutter是Google为Fuchsia操作系统设计的应用开发方式。Fuchsia OS要兼容廉价物联网设备，要求对硬件的消耗降低，并且为了避免与oracl... Read More >
2021
09-15

编写email邮件的HTML页面原则小结 NEW

下面我列出一些编写原则：1、全局规则之一，不要写<style>标签、不要写class，所有CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。2、全局规则之二，少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。图片上务必加上alt。3、不要在style里面写float、position这些style，因为会被过滤。那么... Read More >
2021
09-14

css图片热点链接的设置 NEW

一、热点的原理图片通过usemap="#Map"属性将名称为"Map"的热点区域及连接映射到图片上。 一般来说，图片的usermap属性对应的是map热点的name的属性值。所以如果页面中如果有多个图片添加热点，那么每一个图片的usemap值跟对应的热点地图的name值一定要一样，且不同的热点区域name值不可以相同，如果相同，那么图片上的热点区域将会以相同名称的第一个热点区域为准。二、要设置图片的热点链接要用到三种标签：&l... Read More >
2021
09-12

利用CSS3中的clac()实现按照屏幕分辨率自适应宽度

1、简介　　calc()看其外表像个函数。平时在制作页面的时候，总会碰到有的元素是100%的宽度（例如body元素）。如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除IE怪异模式）。平时我们碰到这样的现... Read More >
2021
09-11

HTML5 sessionStorage会话存储

　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。目录1. 介绍　　1.1 说明　　1.2 特点　　1.3 浏览器最小版本支持　　1.4 适合场景2. 成员　　2.1 属性　　2.2 方法3. 示例　　3.1 存储数据　　3.2 读取数据　　3.3 存储Json对象 ... Read More >
2021
09-06

Nodejs进程管理模块forever详解

一、forever介绍forever是一个简单的命令式nodejs的守护进程，能够启动，停止，重启App应用。forever完全基于命令行操作，在forever进程之下，创建node的子进程，通过monitor监控node子进程的运行情况，一旦文件更新，或者进程挂掉，forever会自动重启node服务器，确保应用正常运行。二、 forever安装全局安装forevernpm install -g foreverD:\toolkit\nodejs\node_modu... Read More >
2021
09-03

详解 JavaScript的 call() 和 apply()

ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。这两个函数都是在特定的作用域中调用函数,能改变函数的作用域，实际上是改变函数体内 this 的值 。call 和 apply语法定义说明call(thisObj，Object)调用一个对象的一个方法，以另一个对象替换当前对象。call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从... Read More >
2021
09-01

HTML5 音频或视频实现倍速播放

在视频网站中我们常常会看到工具栏中有“倍速”或“倍速播放”等功能操作，进而满足部分群体需求。当然了，这种设计属于辅助性功能体验，我们可以将其进行辅助性设计添加。在HTML5中基于<audio>或<video>元素我们可以通过JavaScript控制playbackRate属性值对其实现功能操作。语法：audio|video.playbackRate=playbackspeed示例：// HTML 部分： <audio&nbs... Read More >
2021
08-31

前端构建工具gulpjs的详解

概念gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。1、gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：npm install -g gulp全局安装gulp后，还需要在每个要使用gulp的项目... Read More >
首页 1 最后