随笔分类 - 前端
摘要：你是否发现项目中有很多页面只用到了框架不到十分之一的内容，还引了压缩后还有70多kb的jquery库 你是否发现项目中就用了两三个underscore提供的方法，其他大部分的你方法你甚至从来没有看过 你是否发现fetch好像比ajax好用那么一点 你是否想过自己封装个ajax.... 纯前端写得久了
阅读全文
摘要：之前那篇微信JS-SDK授权的文章实现了分享接口，那么这里总结一下如何在微信里面通过js调起原生摄像头，以及上传下载图片。 1.配置 页面引入通过jssdk授权后，传入wx对象，首先配置需要的接口 2.调起拍照/相册 将下面的方法放在需要点击事件的回调函数里面 这时我们可以看到这样的效果，代表调起成
阅读全文
摘要：在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。 思路： 将页面里所有
阅读全文
摘要：项目中经常会有url带参并取参数值的问题，最常见的就是登录后再回到原来的页面redirect_uri，我们通常会使用 encodeURIComponent() 转码，当然简单的可以这样使用，如果涉及到参数特别多，然后对参数值安全性又有一定的要求，那么就需要考虑对字符串加密了。可能通常情况下都是在服务
阅读全文
摘要：微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包，最直接的好处就是我们可以使用微信分享、扫一扫、卡券、支付等微信特有的能力。7月份的时候，因为这个分享的证书获取问题深深的栽了一坑，后面看到“config:ok”的时候真的算是石头落地，瞬间感觉世界很美好.. 这篇文章是微信开发的很
阅读全文
摘要：在pc端，我们通常使用$(window).scroll()事件来监听元素的位置，来做一些入场动效，如： 那么在移动端开发中，也经常有手指滑动时做相关处理的需求，如 下滑时导航条吸顶、上滑时又恢复原态，下拉刷新、上拉加载更多等等.. 可是window对象的scroll事件在移动端有个致命的缺点：“必须
阅读全文
摘要：最近项目中有需求生成带参的二维码，考虑过用JAVA后台生成返回前端展示，后面了解到用jquery的qrcode.js插件可以很好现实 引入js： 待渲染的dom: 初始化二维码： 值得注意的是，“text”如果是链接且需要自动跳转，只需带上http://开头即可 效果图： 参考： qrcode.js
阅读全文
摘要：新的技术出现，总是好的。 最近各大社区，小程序炒得如火如荼，内测的第一天在React群分出的一个微信应用号开发者群，被拉进去后看着人数刷刷的增加，一天就满了2000人.... 随之出来的就是各种破解工具，各种教程，于是带着被推动的好奇心，跃跃欲试.. 为什么小程序突然那么火： 无可厚非，国内h5的发
阅读全文
摘要：前端时间因为太忙，一直没有处理跨域这个事情，今天抽了一个小时轻松解决，突然发现上个月又写了很多重复代码。因为现在公司项目分为多个工程，前后端完全分离，manage工程做所有业务逻辑处理，app、微信两个前置工程通过httpClient去调用manage工程的restful接口，而我就是负责微信这个工
阅读全文
摘要：作为一个JAVA WEB猿，肯定需要懂前端。在慢慢地转型过程中，积累了相关的一些知识，做一些总结，温故知新。 1.水平、垂直居中的几种方式： html: 单行文本水平垂直居中，思路：将父元素块状显示，文本居中，设置相同的高度和行高 .div5 { display:block; text-align:
阅读全文
摘要：JqueryUI作为一个优秀的前端库，被广泛的应用在项目中。之前做的一个排班考勤系统，跟时间打交道较多，对时间控件做过一些对比，觉得jqueryUI里的这个datepicker更为实用，配置起来也简单方便，现在终于抽出时间些点博客做些相关总结，温故知新，也方便以后项目中再次使用。 1，引入js，cs
阅读全文
摘要：在使用过的图表js插件中，个人认为还是highcharts最好，无论从兼容性，渲染速度，甚至是文档详细上来说，都一直觉得highcharts更胜一筹。现在花点时间做一下简单的总结，比如从一个矩形图开始： 1，引入js 2，配置属性，渲染图表 属性摘要： 1，renderTo 注意这里一定是渲染htm
阅读全文
摘要：最近在前端web页面开发的时候，用到比较多数据的下拉框，就寻思着能不能即可模糊查询过滤又可下拉选择呢？答案肯定是可以的，经过搜索参考，发现jquery的editable-select插件不错，支持键盘操作，配置使用也简单，于是就引进项目使用，在这里做下总结。 原理解析： 一般的select框肯定是不
阅读全文
摘要：web开发中经常有页面回顶的需求，近期使用，代码较简单，但是很实用！ html: css: 图片： js: 基于jquery
阅读全文
摘要：bootstratp作为一个优秀的前端框架，最近使用了其中的Glyphicon Halflings的字体图标。起初一直显示不出来，后面通过搜索相关资料直到成功显示，在此做一些总结，方便后面复习。 1.在html页面引入bootstrap 2，在放bootstrap.min.css的文件夹同级的目录下
阅读全文
摘要：写前端页面肯定离不开模板渲染，就近期项目中用的两个前端模板做一些使用总结，顺便复习一下，也方便后面温故。 1，artTemplate 优点： 1，一般web端用得较多，执行速度通常是 Mustache 与 tmpl 的 20 多倍，支持运行时调试，可精确定位异常模板所在语句 2，安全，默认对输出进行
阅读全文
