作者:WGinit

微信端实现海报生成及调用微信相册+分享接口

临近祖国母亲的生日的时候,工作加班都不重要,都想立马回去为祖国妈妈过生日有木有。最近老总想在国庆时候做一个海报形式做品牌宣传及推广,特实现了如下的简单粗暴效果: 功能如下:手机浏览器环境下:点击上传图片-->相册、相机、文档中选择相片-->裁剪-->绘制canvas-->加上自定义的元素-->合成最终……

前端构建工具Gulp打包入门介绍

从上次的webpack打包不兼容低版本ie时,我放弃了webpack而选择了用gulp打包,下面来详细总结下打包流程。 1、按照老步骤借助npm安装好gulp,在根目录下新建src文件夹,再创建子目录文件夹,最终目录结构如下: 2、新建package.json文件,基本配置如下: "devDependencies": { "browser-sync": "^2.18.13", "del": "^3.……

用webpack打包老网站(jquery切图)或重构浅谈!

随着前端技术的快速发展,前端技术栈也越来越复杂多样了。什么是webpack?他能干些啥? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 现今的很多网页其实可以看做……

40条常见的移动端Web页面问题解决方案(二)

接上一篇继续: 21、顶部状态栏背景色 <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 说明: 除非你先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。 如果content设置为default,则状态栏正常显示。如果设置为blank,则状态栏会有一个黑色的背景……

40条常见的移动端Web页面问题解决方案(一)

移动端Web需要照顾触摸操作的体验,以及更多的屏幕旋转与尺寸适配等问题,非常琐碎,在这里为大家倾力总结40条常见的移动端Web页面问题解决方案,欢迎收看斧正收藏! 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手……

5大排序算法之javascript实现

排序算法是基础算法。虽然关键在于算法的思想而不是语言,但还是决定借助算法可视化工具结合自己常用的语言实现一遍。 5大排序如下: 冒泡排序 选择排序 插入排序 合并排序 快速排序 已上5大排序测试结果如下: 下面来具体介绍下: 1、冒泡排序 基本思路: 1.依次比较相邻的两个数,如果第一个比第二个小,不……

移动端建站总结(小笔记)

刚开发完一个移动端的项目,博主总结了一些其中常用到的方法和功能,欢迎大家来拍砖和完善。 1.浏览器HTML5内核检测网址 http://chrome.360.cn/test/html5/index.html 2.移动端字体计算 var fontSize = 16; //基准字体大小 var elm = document.documentElement; elm.style.fontSize = fontSize * (elm.clientWidth……

移动端三级城市ajax加载选择+实时定位

最近在项目中遇到这个需求,现在网站基本稳定上线,抽空来对这块总结下。 先上效果图吧: 页面打开时,用腾讯前端定位组件取当前定位城市:   点击城市选择:1级省份——>2级城市——>3级县区 核心实现代码: 1.利用腾讯前端定位组件实现初始定位 <script type="text/javascript" src="http://api.map.baid……