随笔分类 - JavaScript & HTML5
Web开发，要搞好还真离不了
摘要：在日常工作中，大部分人都会使用 Microsoft Office Word、WPS 或 macOS Pages 等文字处理程序进行 Word 文档处理。除了使用上述的文字处理程序之外，对于 Word 文档来说，还有其他的处理方式么？答案是有的。 接下来阿宝哥将介绍在前端如何玩转 Word 文档，阅读
阅读全文
摘要：思路很简单，就是利用Blob、URL.createObjectURL()方法和<a> 便签的HTML5新属性download来模拟远端文件下载保存。下面直接上代码 savePath: function(){ var me = this; if(!me.curve){ $.uitools.alertD
阅读全文
摘要：本文讨论了如何搭建一个简单的前端项目开发服务，这个服务要实现以下几点： Javascript的打包压缩； scss的编译打包压缩； 简单文件http服务； 监测文件变化自动刷新浏览器； 零配置（当然打包的入口文件不算在内），不需要本地安装node模块（全局安装即可）。 要实现这个目标，必须请出四剑客
阅读全文
摘要：不同样式tooltip对话框小三角的css实现 版权 祈澈菇凉于 2021-08-19 09:44:51 发布 这篇文章总结的非常好全面，转帖于此，感谢原文作者。 开发过程中已经遇到过好多次需要手动实现 tooltip 样式了，这里就总结下，以便未来更好的复制粘贴。 如上图，常见的 tooltip
阅读全文
摘要：HandyEditor一款十分轻便且使用方便的所见即所得web富文本编辑器，由Catfish(鲶鱼) CMS官方开发，同时适用于移动端和pc端。 上面是其官网上的介绍，同时官网上的使用说明也很简单明了，上手很容易。 基本符合我的预期，已经在项目中使用（使用的是最新版本1.63），实际使用中发现了几个
阅读全文
摘要：其实这是我想在Fly社区，对于一个帖子发的一个回帖，但是它非要让我激活email，就先发在这里吧~_~ 这个layui table行toolbar要实现动态更新，在目前最新版本2.5.6下，我试验成功的解决办法是： 追逐_梦想 说的可以实现，给了我解决的灵感，不过需要变通一下：第一，不能 使用too
阅读全文
摘要：静态文件serve设置的MIME不对，引起的浏览器警告 同时页面绘制不正常，jquery mobile的页面根本没有绘制出来，调试发现是css没起作用。调试服务器端代码，发现serve静态文件的程序中使用了javax.activation.MimetypesFileTypeMap来获取文件的MIME
阅读全文
摘要：动态装载的子页面（data-role=”page”），完全不用page div之外的tag，也不会起作用。子页面的javascript脚本必须写在page的之前。切换按钮(a)和其他ui控件的可用状态，就是这么简单：addClass/removeClass('ui-disabled')jqm的lis...
阅读全文
摘要：*地址不同就要重新计算signature，不包括url中#号后面部分。导致再引入不同目录总的js中调用wx的函数不可以，导致invalid signature！！*wx.config时不时的报错*微信内置浏览器，字符串没有startsWith方法，对css支持不准确，比如JQM的ui-field-c...
阅读全文
摘要：单个参数调用angular.module()，用来取得该模块而不是定义新的这样就可以在不同的地方定义app的controller而不用通过全局变量angular.module('myapp').controller('xxController',function(){});在controller中的...
阅读全文
摘要：AngularJS orderBy 使用要点总结： 1，书写格式基本应用格式为：ng-repeat="item in itemList | orderBy:p1:p2"参数p1可以是字段名或自定义函数，p2指是否逆序，默认是false举例：假设$scope中有$scope.itemList=[{i...
阅读全文
摘要：MAUI中用font awesome替换了glyphicon，但是FA中都有哪些可用的图标呢，在网上搜了一张font awesome的对照表，使用时记着把其中的icon-xxx替换为fa-xxx就可以了。此外，在MAUI中，还支持7个级别大小的图标显示，只添加".fa"是基本大小，另外的六种图标...
阅读全文
[mobile angular ui 1.2]桌面环境下如何自动隐藏左侧的sidebar？how to hide left sidebar on desktop browser by default?
摘要：使用mobile angular ui 1.2开发，在默认情况下，桌面浏览器中sidebar-left是默认打开的，怎么才能在程序初始打开时关闭sidebar-left呢？目前我找到的唯一可行办法就是在controller中执行下面的语句：app.controller('mycontroller',...
阅读全文
摘要：Shell脚本实现获取网页快照并生成缩略图 这篇文章主要介绍了Shell脚本实现获取网页快照并生成缩略图,本文获取网页快照使用phantomjs、生成缩略图使用ImageMagick,需要的朋友可以参考下获取网页快照并生成缩略图可分两步进行：1、获取网页快照2、生成缩略图获取网页快照这里我们用 p...
阅读全文
摘要：使用AF3开发应用，发现有一个bug，在同一个view下面的不同页面切换后，这时候切换到别的view中的页面，然后再切换到上一个view下的页面，此时只要目标不是刚才前一个view中的最后显示页面就会出问题，因为此时只显示最后的页面！调试后发现是由于最后的活动页面的active类没有被移除，我希...
阅读全文
摘要：HTML5 Audio/Video 标签,属性,方法,事件汇总标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码1.标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：...
阅读全文
摘要：AF3的弹出对话框Popup 组件名称：Popup 是否js控件：是，$.afui.popup 说明：af3中的popup和af2中相比变化不大，依然是通过插件popup来实现的 方法：show () 显示popup对话框hide () 隐藏popup对话框 构造参...
阅读全文
摘要：Button 组件名称：Button 是否js控件：否 使用说明：如果说panel组件是af3的“核心（heart of the ui）”，那么Button就是af中的五虎上将之一，在af app中使用的频率非常之高。1，在af中你可以让任何元素表现的像个button控件，比如下面的三种元素，将会呈...
阅读全文
摘要：Drawer——Side menu 组件名称：Drawer 说明：af3中的side menu和af2中有很大变化，af3中的side menu实际上是通过插件$.afui.drawer来实现的 方法：show (id, position, string) 显示side menu，参...
阅读全文
摘要：AF3的内置矢量图标介绍：要使用af3中的图标，必须首先引入icon.css，由于文件中已经内置了字体文件数据，因此不需要引入字体文件支持。使用：引入icon.css文件之后，我们就可以通过给需要显示图标的元素添加css类名来显示图标（实际上就是一个矢量字符），注意需要同时添加icon 和图标的具体...
阅读全文
