自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(160)
  • 资源 (1)
  • 收藏
  • 关注

原创 跨端开发框架深度横评之2020版 - taro/uni-app/kbone对比

又是一年四月天,距离上次发布跨端开发框架深度横评已过去整整一年。这一年,小程序在用户规模及商业化方面都取得了极大的成功。微信小程序日活超过3亿,支付宝、百度、字节跳动小程序的月活也纷纷超过3亿。对应小程序开发领域,这一年也发生了巨大变化。开发框架从单纯的微信小程序开发,过渡到多端框架成为标配,进一步提升开发效率成为开发者的强烈需求。这一年 mpvue 停止更新,Taro开始探索 taro n...

2020-04-10 12:27:38 5520 4

原创 vue3和vite双向加持,uni-app性能再次提升

uni-app全平台支持vite编译及vue3运行,编译性能、运行性能、语法支持均有大幅改进,快来看看详细评测数据。

2022-01-06 14:11:01 2439

原创 uni-app提供开箱即用的SSR支持

SSR(服务端渲染)可以给SPA站点带来两大核心优势: 更好的SEO 更快的首屏渲染 很多uni-app开发者都在积极尝试SSR,但大多没入门就放弃了,原因在于SSR颇高的技术门槛。vue.js 官网在介绍 SSR 章节时的描述如下:本指南将会非常深入,并且假设你已经熟悉 Vue.js 本身,并且具有 Node.js 和 webpack 的相当不错的应用经验。故很多uni-app开发者在社区中呼吁DCloud官方提供更为简洁、开箱即用的uni-app SSR方案。u.

2021-09-29 21:09:03 793

原创 如何设置nginx:只允许域名访问,不允许IP访问

在nginx的所有server配置之前,增加:server { listen 80 default_server; listen 443 ssl default_server; server_name _; return 403;}检查配置,重启即可:nginx -tnginx -s reload原文链接:http://www.keep-running.cn/?p=143

2020-12-16 11:34:16 692

原创 node.js 如何读取json文件内容

最简单的方式:const config = require('./config.json')console.log("name",config.name)console.log("age",config.age)require方法的缺点:内容会被缓存,不适合动态变更的json文件仅支持后缀为json的文件稍微复杂的方法:const fs = require('fs');try { const data = fs.readFileSync('./config.json',

2020-12-16 10:36:57 6499 1

原创 Node.js中操作dom – cheerio

cheerio 可以简单理解为node.js服务器端的jquery官网:https://cheerio.js.org安装:npm i cheerio代码示例:const cheerio = require('cheerio')const $ = cheerio.load('<html><head><title></title></head><body></body></html>').

2020-12-10 08:07:38 180

原创 Node.js中操作DOM - jsdom

> jsdom可以在node.js库中,使用类似dom原生API的方式,操作html内容。官网:https://github.com/jsdom/jsdom安装:```npm i jsdom```使用示例:```const jsdom = require("jsdom");const { JSDOM} = jsdom;const dom = new JSDOM(`<html><head></head><body>&lt...

2020-12-10 07:22:15 2886

原创 图文讲解uni-app支持PC宽屏

天下苦平台碎片化已久。在移动互联网以前,开发者只需幸福的面对web。进入移动互联网时代,iOS、Android、H5以及各种小程序快应用层出不穷,开发者再也幸福不起来。学习n个技术开发n个版本各版迭代混乱,无法拉齐,用户茫然、内部痛苦开发测试成本n倍暴涨结果就是工程师不停加班到头秃,但产品的需求仍然做不完、老板的预算一直压不下去,全都痛苦。uni-app之前已经实现了手机端全覆盖,支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、36

2020-10-22 12:12:01 4426 5

原创 uni-app 支持PC版的 360 小程序

uni-app 是一个遵循 Vue.js 语法的跨端框架,开发者编写一套代码,可发布到App、H5、小程序(微信/阿里/百度/字节跳动)及快应用。近期,uni-app新增支持发行到360小程序平台,目前hello uni-app 已上线360小程序,可以在360浏览器中点击链接打开体验:so.mp.360.cn如下是简易体验教程,Enjoy~通过 HBuilderX 可视化界面下载HBuilderX,官方地址创建uni-app项目在HBuilderX开发者工具中,点击文件 ->

2020-07-07 19:28:51 2848

原创 uni-app支持快应用(Light版),欢迎体验

快应用是基于手机硬件平台的新型应用形态,标准由国内主流手机厂商联合制定。快应用可以认为是手机硬件厂商的小程序,但和微信、支付宝等小程序又有较大不同:微信、支付宝、百度、字节跳动等各家小程序架构设计接近,开发规范接近,都是基于webview渲染,布局方式一致,开发者开发不同小程序时,学习成本较低,且可借助跨端框架或转换器快速实现多平台发行。快应用是单独的架构设计,单独的开发规范,基于 Nat...

2020-04-20 11:41:51 2230

原创 uni-app黑魔法:小程序自定义组件运行到H5平台

引言移动互联网的初期,囿于设备硬件性能限制,流量以原生App为主,iOS、Android是当时两大平台。随着硬件及OS的更新换代,H5可承载的体验逐步完善,为提高开发效率、节约资源(复用代码)以及热更新等目的,Hybrid模式成为主流;以及轻应用、服务号等平台的助推,H5网页流量暴涨,成为第三大平台。2017年1月9日,微信发布小程序,历经3年发展,在今年主题为”未完成 Always Bet...

2020-03-23 12:18:53 1529

原创 使用uni-app开发小程序,比直接原生开发小程序好在哪里

小程序原生开发有不少槽点:原生wxml开发对Node、预编译器、webpack支持不好,影响开发效率和工程构建流程。所以大公司都会用框架开发微信定义的这套语法,wxml、wxs,以及wx:if等语法,私有化太强。不如正经学vue,学会了全端通用,而不是只为微信小程序vue生态里有太多周边工具,可以提高开发效率,比如ide、校验器、三方库。。。而微信的开发者工具和专业编辑器相比实在不好用,个...

2019-10-28 16:19:00 17386 4

原创 谜之wxs,uni-app如何用它大幅提升性能

小程序里有几个谜一样的存在,微信的WXS、支付宝的SJS、百度的Filter。很多开发者都不明白为什么要造这种语言脚本的轮子出来,甚至很多开发者根本不知道它们的存在。其实几大小程序平台创造它们,都是为了解决性能问题,但不得不吐槽下,设计的实在是很难用,文档也语焉不详。uni-app支持将WXS、SJS、Filter编译到这3家小程序平台,同时还在App和H5实现了WXS的解析。为什么做这些事...

2019-09-27 17:13:35 2926

原创 uni-app 2.2发布,大幅优化H5端性能体验

背景uni-app发布以来,已经服务了几十万开发者。让我们意外,或者说惊喜的是,有大量开发者用uni-app只编写H5版,并没有多端发布(可参考案例)。这其实也符合uni-app的初衷,uni-app的定位并不是需要多端发布时才用uni-app。uni-app是一个使用vue.js开发所有前端应用的统一框架。对于一个前端工程师来说,使用uni-app做多端效率更高,做单一端也没问题,并在各端有...

2019-08-17 14:22:08 1572

原创 原生 VS 三方框架(wepy/mpvue/uni-app/taro),怎样开发小程序更香?

自 2017-1-9微信小程序诞生以来,历经2年多的迭代升级,已有数百万小程序上线,成为继Web、iOS、Android之后,第四大主流开发技术。与之相随,小程序的开发生态也在蓬勃发展,从最初的微信原生开发,到wepy、mpvue、taro、uni-app等框架依次出现,从刀耕火种演进为现代化开发,生态越来越丰富。选择多了,问题也就来了,开发小程序,该用原生还是选择三方框架?首先,微信原生开...

2019-06-10 11:56:22 3487 1

原创 小程序原生和wepy、mpvue、uni-app、taro等主流开发框架,哪个好?这里是深度横评对比

上周,Taro 团队发布了一篇《小程序多端框架全面测评》,让开发者对业界主流的跨端框架,有了初步认识。感谢 Taro 团队的付出。不过横评这件事,要想做完善,其实非常花费时间。不是只看文档就行,它需要:真实的动手写多个平台的测试demo,比较各个平台的功能、性能,它们的实际情况到底是不是如文档宣传的那样?真实的学习每个框架,了解它们的学习曲线,在实际开发中遇到问题时,感受它们的文档、教程、...

2019-04-01 13:01:56 23742 10

原创 全新重构,uni-app实现微信端性能翻倍

多次论证、数月研发,我们重写部分Vue底层、重构uni-app框架,实现了微信端性能翻倍及更多Vue语法支持。背景uni-app在初期借鉴了mpvue,实现了微信小程序端的快速兼容,感谢美团点评团队对于开源社区的贡献!随着使用uni-app的开发者愈来愈多,业务复杂度不断增加,不少开发者抱怨uni-app支持的vue语法少,某些场景性能有问题(特别是页面存在复杂组件的情况),这些问题其实是由...

2019-03-20 10:37:03 1871 1

原创 uni-app 1.4 发布,一套代码,发行小程序(微信/支付宝/百度)、H5、App多个平台

在2019新年到来之际,uni-app 1.4版本正式发布,新增支持百度、支付宝小程序,开放插件市场,同时注入更多优秀特性,为开发者送上了一份新年大礼!支持更多小程序平台uni-app 1.4 版本新增支持百度、支付宝小程序,从此一次开发,可发布小程序(微信/支付宝/百度)、H5、App(iOS/Android)6大平台!uni-app 在HBuilderX开发工具中有非常友好高效的支持,...

2019-01-03 17:17:41 4250

原创 Vue项目快速输出到小程序、H5

uni-app是基于Vue的前端框架,开发者遵循Vue语法规范,编写一套代码,可同时编译发行到小程序、H5等多个平台;相比其他框架,优势在于直接发行,开发者无需在编译后代码上做二次开发或补充,可直接上传发布到服务端,这“可能”是社区里支持小程序、H5跨端最彻底的框架。背景随着微信小程序的火爆及百度、头条小程序的持续推进,跨端开发的需求愈发迫切,业界随之出现了一系列的跨端框架,但对于H5平台跨...

2018-12-21 12:10:31 13740

原创 uni-app 1.2发布,iOS、Android、小程序、H5主流四端全覆盖

多端泛滥、精力有限,是很多前端开发者每日的梦魇。uni-app遵循Vue.js语法规范,一套代码,多端发行,切实解决了众多开发者的痛点;故自8月份发布以来,已有上万名开发人员拥抱uni-app,目前已累计创建了数万个应用,活跃的开发者们每天在QQ群中产生数万条交流记录。奔跑的脚步不会停止,历时一个多月的打磨,uni-app 1.2版本正式发布,支持发行到H5平台。至此,uni-app实现了...

2018-11-27 19:36:07 1358

原创 DCloud社区回馈抽奖活动来了!礼品多,速来!

uni-app是个好东西,但很多人还不知道它。社交平台分享推荐uni-app,让更多人知道这个开发利器,还能参与活动抽大奖!既然是抽奖活动,咱们先说奖品!奖项设置:1、普通奖:每周抽奖,极客T恤、uni-app马克杯、极客超大鼠标垫共200个。共5期1000份礼品。2、周大奖:第一次至第四次抽奖活动 每周一个固态硬盘/机械键盘 (任选其一)价值600元。共4期4份礼品。3、活...

2018-11-12 12:24:47 483

原创 诚邀优秀前端加盟,一起打造uni-app框架

微信小程序火了支付宝、百度、今日头条等厂家随之发布各自的小程序规范加上之前的iOS、Android、H5平台前端工程师即将淹没在多平台的适配工作中拿什么拯救前端工程师?那就是uni-app!uni-app被定义为终极跨平台开发框架真正实现“一套代码、多端发行”想改变世界的你,还犹豫什么?赶快投递简历,加入我们,一起完善uni-app!任职资格:强烈的创业激情,优秀的团队协同...

2018-11-08 19:39:25 2024

原创 uni-app:基于Vue的跨端框架(闪电演讲内容整理) | 掘金开发者大会

感谢掘金提供机会,跟大家闪电分享一下uni-app ^_^一句话介绍uni-app :一款基于vue的跨平台前端框架;多说两句就是:开发者通过编写 Vue.js 代码,uni-app 将其编译到iOS、Android、微信小程序等多个平台,保证其正确运行并达到优秀体验。随着微信小程序的成熟火爆,支付宝、百度、手机厂商等阵营也逐步推出自己的小程序/快应用规范,除了之前的iOS、Andr...

2018-09-19 18:30:22 7652

原创 入门快应用的另一种姿势

3月20日,北京朝阳区中国大饭店,小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加,共十家手机厂商联合宣布成立快应用联盟,推出快应用。接下来,引发无数开发者关注,入门教程网上也出了不少,但大多都是将快应用官网的文档简单复制一遍,流程基本都是:install hap-toolkit ==&gt; hap init project ==&gt;run build ==&gt; 真机...

2018-03-29 00:15:24 1282 1

原创 HBuilderX - 高效极客技巧

惯常来讲,IDE和编辑器是2个产品类别。IDE侧重于某种语言的语法分析、提示、转到定义、调试。而编辑器则是对通用文本处理,但提供更高效的通用文本处理能力。上一代HBuilder是一个典型的IDE,语言处理非常强大,但在字处理方面客观讲不如优秀的编辑器。而新的HBuilderX,定位是IDE和编辑器的完美结合,那么HBuilderX就会提供世界顶级的高效字处理能力。看完这些,你一定会惊叹,原来极客是...

2018-03-27 20:59:39 41119 7

原创 想快速开发快应用?你需要知道这5大神器

快应用,是包括华为、小米、OPPO、VIVO等10家中国手机厂商共同推出的新一代应用生态。去年微信小程序日活从0增长到1.7亿,抓住这拨红利的创业者都拿到了各种高估值融资。除了微信和9家联盟,包括百度在内的所有巨头今年都会推出自己的动态App平台,整体动态App市场的日活预计增长到4亿。在红利匮乏的移动互联网,动态App的红利再不把握,移动互联网下半场就跟你没关系了。而前端开发者,也会迎来自己的春...

2018-03-21 22:39:50 10264 5

原创 HBuilderX支持九大手机厂商即将发布的快应用开发

明天九大手机厂商联合推出的快应用发布,我们在开发工具层面推出了HBuilderX,支持快应用开发、调试,并支持将微信小程序转化为快应用,官网抢先版(quickapp.dcloud.io),软件下载地址及更多文档敬请期待 ​​​​。...

2018-03-19 10:02:30 1494

原创 将H5网站转换成原生体验的App

H5网站转换成App,关键是达到原生App的功能和体验

2017-11-22 20:22:27 28284 3

原创 mui开发注意事项

mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验;这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文

2014-12-25 23:48:00 80334 3

原创 开关控件在主流前端框架中的使用方法

主流web前端框架都通过不同方式模拟了switch控件,本文仅介绍使用方法,具体实现原理后续介绍;

2014-07-30 23:48:33 10804 1

原创 Firefox os初体验

前几天Mozilla发布了基于Firefox os的开发者预览版智能手机(如下图)今天花了点时间做了下了解,特做简单记录。Firefox OS,由谋智公司(Mozilla Corporation)主导研发的开放源代码移动操作系统,采用Linux核心,应用于智能手机。这个计划于2011年7月25日对外公开,采用开放网络(open Web)技术,它是一种网络作业环境,以Gecko浏览器

2013-01-28 22:24:45 2276

原创 Uncaught Error:SECURITY_ERR:DOM Excption 18

今天写一个web workers的小demo,代码比较简单,如下: function test(){ if(typeof(Worker)!=="undefined"){ var work = new Worker("webwork.js"); worker.onmessage =function(event){

2013-01-06 22:44:33 4691 4

原创 HTML5本地存储之Database Storage篇

在上一篇《HTML5本地存储之Web Storage篇》中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLite数据库比较熟悉。HTML

2013-01-05 23:17:04 22937 15

原创 HTML5本地存储之Web Storage篇

Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。Web Storage又分为两种:sessionStoragelocalStorage从字面意思就可以很清楚的看出来,sessionStora

2013-01-05 00:41:00 33087 14

原创 HTML5实现网页元素的拖放操作

HTML5之前,要实现网页元素的拖放操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现;HTML5中引入了直接支持拖放操作的API,大大简化了网页元素的拖放操作编程难度,并且这些API除了支持浏览器内部元素的拖放外,同时支持浏览器和其它应用程序之间的数据互相拖动。本文通过一个简单示例,演示HTML5中拖放API的使用方法。场景:如下图

2013-01-01 22:19:48 10232 2

原创 通过JS自动隐藏手机浏览器的地址栏

大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝网的首页,要不是因为底下的浏览器工具栏,还真像Native App。实际上它是有地址的,向下拖动就会看到地址栏,如下右侧图片。如何才能实现将浏览器地址栏隐藏呢?百度一下,

2012-12-20 17:22:51 47630 4

原创 HTML5自定义data属性

可能大家在使用jquery mobile时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果: 我是标题通过手机浏览,效果如下:为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢?本文提供一种最简单的实现办法,让大家对这些用法有个直观的了解。我们写一个html页面,自

2012-12-11 14:59:31 5080 2

原创 NFS在HA情况下,无法umount的问题

OS:SLES 11业务场景:server1(主机)、server2(备机)都安装NFS,并配置heartbeat做HA,给server1和server2配置虚IP,盘阵mount到server1上,其它业务服务器(server3、server4、server5、server6等)都mount到虚IP上。问题描述:时间长了,发现server1无法登录,强制切换主、备机时,发现业务服务器(serve...

2011-12-22 04:48:18 310

原创 解决windows7服务器上weblogic启动失败异常

解决/Java/jre6/lib/ext/QTJava.zip was unexpected at this time.异常

2011-02-12 12:00:00 5422 1

原创 解决Linux操作系统下AES解密失败的问题

SecureRandom 实现完全隨操作系统本身的內部狀態,除非調用方在調用 getInstance 方法之後又調用了 setSeed 方法;该实现在 windows 上每次生成的 key 都相同,但是在 solaris 或部分 linux 系统上则不同。

2010-07-21 16:42:00 15206 9

mui高性能框架介绍

性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。 mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。

2014-10-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除