分类 Web 下的文章
- 首页
- Web
Ace Editor - 语法高亮的 Web 在线编辑器
ACE 是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何 web 页面或 JavaScript 应用程序中。微酷测试了下体验非常不错，强烈推荐。官网：https://ace.c9.ioGithub：https://github.com/ajaxorg/ace-builds/releases1、下载 ace-builds 包，注意不是 ace 源码包2、引用 src 开头的任意一个...
ASP.Net MVC Web API 获取参数方法封装，Post 从请求体中获取参数
微软 Asp.net mvc web api 框架对参数的获取进行了特殊处理，详情请参考WebApi 参数详解。看了上面文章后是不是觉得获取参数相当啰嗦，为了简化编程于是对获取请求参数做了封装。可以通过调用 GetParam() 方法获取参数。封装代码#region 参数获取 /// <summary> /// 根据 Key 获取 Get 或 Post 请求参数，若参数不存在则...
脚本托管 CDN 网站推荐
Web 开发经常会引用大量 JS 脚本等，这里微酷网推荐两个 CDN 脚本托管网站。jsDelivr - 国外服务商，有国内节点，推荐！https://www.jsdelivr.com/BootCDN - 国内服务商https://www.bootcdn.cn/
JavaScript 图片浏览插件：FancyBox
之前微酷网介绍过另一个JS图片浏览插件[PhotoSwipe][1]，个人觉得集成过程及代码稍显啰嗦，今天又发现一个不错的图片浏览插件FancyBox，集成相当简单效果也不差。FancyBox 官方网址：http://fancyapps.com/fancybox/3/Github 地址：https://github.com/fancyapps/fancybox集成过程相当简单<!-- ...
JavaScript 图片浏览插件：PhotoSwipe
PhotoSwipe 是专为移动触摸设备设计的图片浏览相册/画廊JS插件兼容所有 iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。官方网站：http://photoswipe.com/源码下载：https://github.com/dimsemenov/photoswipe国内CDN：http://www.boo...
给网页增加 Live2D 看板娘动漫人物
无意中发现这个 Live2D 看板娘的东东。https://github.com/EYHN/hexo-helper-live2dhttps://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02https://github.com/Dreamer-Paul/Pio
Vue vux 表单验证另一方法
vux 表单验证目录似乎没有好的方案，下面是一位网友分享的方法。目前统一在提交逻辑前遍历组件，通过 focus 和 blur 的调用能够触发颜色和错误图标的效果，但是受制于 valid 验证只适用于 x-input 等少量组件，对于cell或其他自定义组件的验证无法处理。var isOK = true; for (var x in this.$refs) { if (this.$refs...
Vue 阻止事件冒泡
问题描述最近使用 vue + vux 组件 开发了一个 H5 应用，cell 设置了链接，然后又在 cell 内部增加了 3 个按钮，点击按钮调用方法后仍会跳转到 cell 设置的链接。解决方案使用 stop 修饰符即可。<x-button mini type="warn" @click.native.stop="xx">反审核</x...
Vue 表单验证插件：async-validator
https://github.com/yiminghe/async-validator另外还有一个：vee-validatehttps://github.com/baianat/vee-validate但此插件和 vux 冲突，无法共用。提示 errors 定义冲突。
Browsersync：Web 开发浏览器热更新同步工具
Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync 可以同时在 PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用 browsersync 后，您的任何一次代码保存，以上的设备都会同...
vue-longpress 长按事件指令插件
vue-longpress-plugin 是一个 Vue 长按事件指令插件，可以非常简单的实现长按操作，长按时间隔默认800ms，可通过对象字面量参数配置。项目地址https://github.com/ifu25/vue-longpress-plugin使用方法main.jsimport LongPress from '@/plugin/LongPress' Vue.use(LongPre...
JavaScript 客户端图片压缩
客户端拍照或选择图库中已有图片上传这个需求非常常见，一般拍照后图片都比较大，我们希望在上传之前先进行压缩到需要的尺寸，即节省了用户流量也可提高上传速度。发现两个比较不错简单易用的 js 图片压缩库。https://github.com/WangYuLue/image-conversionhttps://github.com/fengyuanchen/compressorjs这里以第 2 个 ...
vue 路由配置及 webpack 分组打包
如下代码所示，最终打包发布后组件会被放在group-aa.js和group-bb.js两个文件中，这样可以很好的进行业务分离打包，用户访问时只需要下载对应的业务组件所在的文件。export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', nam...
Vue UI 控件库收集
本文将持续更新分享微酷收集的基于 Vuejs 的 UI 控件库。PC端element-ui（饿了么出品）http://element.eleme.ioiViewhttps://www.iviewui.comhttps://admin.iviewui.com/ （后台管理模板）https://weapp.iviewui.com （微信小程序 ui 组件）Ant Design Vue（阿里支付宝...
基于 vue + framework7-vue + vue-router 的项目模板
最近研究了下国外的 Framework7 这个 UI 框架，感觉还不错，虽然官方说主打 IOS 体验，但在 Android 上也看着还不错，这里是我组合的一个基于Vue Cli创建的vue + framework7-vue + vue-router项目模板，包含了几个非常简单的页面。包含的页面欢迎页登录页主页卡片页代码地址https://git.weiku.co/ifu25/vue-fram...