web前端
关注
分享
扫一扫
文章平均质量分 83
hbcui1984
跨平台开发老兵
展开
-
云对象 - 重新定义前后端交互
很多人都在讨论全栈。全栈就是使用一种语言js吗？不止。语言的统一是第一步，下一步是协作的改善。这样才能让语言统一发挥更大的价值。原创 2022-10-28 18:30:00 · 653 阅读 · 1 评论 -
vue3和vite双向加持，uni-app性能再次提升
uni-app全平台支持vite编译及vue3运行，编译性能、运行性能、语法支持均有大幅改进，快来看看详细评测数据。原创 2022-01-06 14:11:01 · 4858 阅读 · 0 评论 -
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 · 1350 阅读 · 0 评论 -
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><...原创 2020-12-10 07:22:15 · 5741 阅读 · 0 评论 -
mui开发注意事项
mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文原创 2014-12-25 23:48:00 · 80744 阅读 · 3 评论 -
想快速开发快应用？你需要知道这5大神器
快应用，是包括华为、小米、OPPO、VIVO等10家中国手机厂商共同推出的新一代应用生态。去年微信小程序日活从0增长到1.7亿，抓住这拨红利的创业者都拿到了各种高估值融资。除了微信和9家联盟，包括百度在内的所有巨头今年都会推出自己的动态App平台，整体动态App市场的日活预计增长到4亿。在红利匮乏的移动互联网，动态App的红利再不把握，移动互联网下半场就跟你没关系了。而前端开发者，也会迎来自己的春...原创 2018-03-21 22:39:50 · 10802 阅读 · 5 评论 -
HBuilderX - 高效极客技巧
惯常来讲，IDE和编辑器是2个产品类别。IDE侧重于某种语言的语法分析、提示、转到定义、调试。而编辑器则是对通用文本处理，但提供更高效的通用文本处理能力。上一代HBuilder是一个典型的IDE，语言处理非常强大，但在字处理方面客观讲不如优秀的编辑器。而新的HBuilderX，定位是IDE和编辑器的完美结合，那么HBuilderX就会提供世界顶级的高效字处理能力。看完这些，你一定会惊叹，原来极客是...原创 2018-03-27 20:59:39 · 42294 阅读 · 6 评论 -
uni-app：基于Vue的跨端框架（闪电演讲内容整理) | 掘金开发者大会
感谢掘金提供机会，跟大家闪电分享一下uni-app ^_^一句话介绍uni-app ：一款基于vue的跨平台前端框架；多说两句就是：开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。随着微信小程序的成熟火爆，支付宝、百度、手机厂商等阵营也逐步推出自己的小程序/快应用规范，除了之前的iOS、Andr...原创 2018-09-19 18:30:22 · 8207 阅读 · 0 评论 -
诚邀优秀前端加盟，一起打造uni-app框架
微信小程序火了支付宝、百度、今日头条等厂家随之发布各自的小程序规范加上之前的iOS、Android、H5平台前端工程师即将淹没在多平台的适配工作中拿什么拯救前端工程师？那就是uni-app!uni-app被定义为终极跨平台开发框架真正实现“一套代码、多端发行”想改变世界的你，还犹豫什么？赶快投递简历，加入我们，一起完善uni-app!任职资格：强烈的创业激情，优秀的团队协同...原创 2018-11-08 19:39:25 · 2122 阅读 · 0 评论 -
DCloud社区回馈抽奖活动来了！礼品多，速来！
uni-app是个好东西，但很多人还不知道它。社交平台分享推荐uni-app，让更多人知道这个开发利器，还能参与活动抽大奖！既然是抽奖活动，咱们先说奖品！奖项设置：1、普通奖：每周抽奖，极客T恤、uni-app马克杯、极客超大鼠标垫共200个。共5期1000份礼品。2、周大奖：第一次至第四次抽奖活动 每周一个固态硬盘/机械键盘 （任选其一）价值600元。共4期4份礼品。3、活...原创 2018-11-12 12:24:47 · 589 阅读 · 0 评论 -
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 · 1610 阅读 · 0 评论 -
Vue项目快速输出到小程序、H5
uni-app是基于Vue的前端框架，开发者遵循Vue语法规范，编写一套代码，可同时编译发行到小程序、H5等多个平台；相比其他框架，优势在于直接发行，开发者无需在编译后代码上做二次开发或补充，可直接上传发布到服务端，这“可能”是社区里支持小程序、H5跨端最彻底的框架。背景随着微信小程序的火爆及百度、头条小程序的持续推进，跨端开发的需求愈发迫切，业界随之出现了一系列的跨端框架，但对于H5平台跨...原创 2018-12-21 12:10:31 · 14301 阅读 · 0 评论 -
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 · 1969 阅读 · 0 评论 -
开关控件在主流前端框架中的使用方法
主流web前端框架都通过不同方式模拟了switch控件，本文仅介绍使用方法，具体实现原理后续介绍；原创 2014-07-30 23:48:33 · 11062 阅读 · 1 评论 -
HTML5本地存储之Database Storage篇
在上一篇《HTML5本地存储之Web Storage篇》中，简单介绍了如何利用localStorage实现本地存储；实际上，除了sessionStorage和localStorage外，HTML5还支持通过本地数据库进行本地数据存储，HTML5采用的是"SQLite"这种文件型数据库，该数据库多集中在嵌入式设备上，熟悉IOS/Android开发的同学，应该对SQLite数据库比较熟悉。HTML原创 2013-01-05 23:17:04 · 23316 阅读 · 15 评论 -
javascript总结--div
javascript总结--div 工作中，偶尔也会做做前台，每次都需要对一些简单的javascript和html标签进行重新学习，今天就稍微总结一下，主要是针对div的操作，也还包括一些其他基本控件。一.div1.设置div的显示或隐藏 document.getElementById("div1").style.display="原创 2006-12-25 15:42:00 · 2403 阅读 · 0 评论 -
javascript总结--cookie篇
javascript总结--cookie篇 javascript中的cookie可用来保存多项信息，且每项信息都按如下格式储存：信息名称＝信息内容 cookie中还有一些控制字段，如：expires表示cookie的过期时间。 今天特地总结了一下cookie的操作，所有源码如下，快下班了，就不一一细说了哈//by chb/*原创 2006-12-25 17:54:00 · 1779 阅读 · 0 评论 -
简单介绍基于WEB开发的HTTP协议
简单介绍基于WEB开发的HTTP协议 今天搜索socket时找到一篇文章 基于Java的web服务器工作原理>,却在里面看到了部分介绍HTTP协议的,虽然简单,但是读完之后,还是对HTTP有一点新的理解,所以摘录了一下(部分内容经过笔者更改). HTTP(The Hypertext Transfer Protocol) 是一种让 Web 服务器与浏览器(客原创 2007-05-18 11:37:00 · 4956 阅读 · 0 评论 -
XPATH学习总结
XPATH学习总结 今天是五一假期的最后一天，本来想去植物园看花展，可惜天公不作美，早上就开始黑云压城，继而雨点随着狂风四处流窜，只好老老实实呆在家里了。公司最近组织了一次XSLT方面的培训，就到http://www.w3school.com.cn/上浏览了些相关资料，收获还不少，这里稍作总结，方便以后查询。一 XPath简介 XPath 是一门在 XML原创 2008-05-03 18:48:00 · 3471 阅读 · 0 评论 -
利用Ext Js生成动态树
利用Ext Js生成动态树 今天在公司帮同事写了个用Ext Js生成动态树的Demo，在这里分享一下，也好供以后自己查阅。一. 需求要求生成一颗部门树，初始只列出根部门当点击一个部门节点时，动态载入该部门下的直属子部门，并展开该部门节点部门节点要求支持右键单击事件，当点击右键时，列出相关操作菜单二. 关键类这里主要涉及Ext JS的两个类:Ex原创 2008-09-07 22:15:00 · 7092 阅读 · 5 评论 -
不同浏览器对于textarea中换行符的处理
不同浏览器对于textarea中换行符的处理 今天在做一些表单提交，涉及到textarea中的换行，因为填入的内容是Base64编码之后的结果（规范规定，Base64编码结果中每76个字符需要加上一个回车换行，即一个"/r/n"），在IE下测试，一切OK，但是到了Firefox和谷歌浏览器下，总是提示错误，细查一下，发现不同浏览器对于换行符处理不同造成的。在IE下，换行符传入/r/n在Firef原创 2009-01-03 22:10:00 · 13820 阅读 · 7 评论 -
HTML5自定义data属性
可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，比如：通过如下代码即可实现页眉的效果： 我是标题通过手机浏览，效果如下：为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢？本文提供一种最简单的实现办法，让大家对这些用法有个直观的了解。我们写一个html页面，自原创 2012-12-11 14:59:31 · 5188 阅读 · 2 评论 -
HTML5实现网页元素的拖放操作
HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度，并且这些API除了支持浏览器内部元素的拖放外，同时支持浏览器和其它应用程序之间的数据互相拖动。本文通过一个简单示例，演示HTML5中拖放API的使用方法。场景：如下图原创 2013-01-01 22:19:48 · 10331 阅读 · 2 评论 -
通过JS自动隐藏手机浏览器的地址栏
大家通过手机自带浏览器打开百度、淘宝，在首页加载完毕后，会自动隐藏页面上方的地址栏，加之这些网站针对手机浏览器做了优化，乍看之下，还真难区分这是WEB APP还是Native App，如下左侧图片为通过safari打开淘宝网的首页，要不是因为底下的浏览器工具栏，还真像Native App。实际上它是有地址的，向下拖动就会看到地址栏，如下右侧图片。如何才能实现将浏览器地址栏隐藏呢？百度一下，原创 2012-12-20 17:22:51 · 50410 阅读 · 4 评论 -
HTML5本地存储之Web Storage篇
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种：sessionStoragelocalStorage从字面意思就可以很清楚的看出来，sessionStora原创 2013-01-05 00:41:00 · 33568 阅读 · 14 评论 -
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 · 4850 阅读 · 4 评论 -
UTF-8的中文问题
UTF-8的中文问题 刚刚做了一个“手机硬盘”的项目，因为时间紧，很赶，中途发现有中文乱码问题，就没在意，先把所有功能实现了，再回头修改中文问题。 突然想起来，以前也碰到过这个问题，就把tomcat/conf/下的server.xml修改一下就ok了： Connector port="8080" maxHttpHeaderSize="8192"原创 2006-11-24 11:56:00 · 2001 阅读 · 0 评论