- 博客(49)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 h5手机适配
现在移动端尺寸越来越多，如果在不同宽度的设备上完美呈现效果也是前端程序员必备的功课。通过一天的查找资料跟以前的经验，总结了以下的方案：1：前端样式固定用320px宽度做，左右留白，背景用颜色或者背景填充。 图片用实际像素background-size: 100% 100%;2：不写宽度，所有内容以中轴线为标准，左右铺开。3：写好网页后
2018-01-31 14:15:59
964
转载 url 乱码（3）
1.所处环境条件：url 地址为：http://127.0.0.1/index.php/home/type/updata.html?id=352.所需函数：[html] view plain copyfunction getUrlParam(name) { var reg = new RegExp("(^|&)"
2018-01-30 13:31:42
302
转载 url中文乱码（2）
一、通过url传递参数时，如何获取全部参数 在angularJS中的代码块：$scope.getUrlParams = function (url){ var params = {}, arr; var hash = url.slice(url.indexOf('?')+1).split('&'); for(var i = 0; i
2018-01-30 10:43:11
167
转载 数组 去重
今天工作遇到此问题，尝试多个方法不尽人意，故此写个博客来总结一下如何在js中去除重复元素。 方法1： [js] view plain copy Array.prototype.method1 = function(){ var arr[]; //定义一个临时数组
2018-01-30 10:37:11
122
转载 url转码
简单描述就是需要从URL中获取所传递的参数。如果使用后台语言我们都会有很多中方法来获取，但是网站的中的所有数据都是通过AJAX进行传递的，所以需要使用JS进行获取参数，然后传递给后台。在网上查到了多种方式，在这里进行一下总结记录，方便以后学习使用。1、获取整个URL字符串 要想获取URL中的参数，首先我们就要获取到整个URL字符串。我们使用：http://w
2018-01-30 10:27:15
7610
转载 es6？
转载：http://www.cnblogs.com/zr123/p/8353084.html//1.搭建ES6的开发环境；let a=1;console.log(a);//2.var 声明的是全局变量 全局变量会污染外部的区块//let 局部变量//const 常量 声明了就不能改变var b='zhangfan';//console.log(b);win
2018-01-29 11:47:29
230
原创 状态码 1××，2××，3××，4××，5××报错的原因都是要知道的
转自：http://blog.csdn.net/qq_33072593/article/details/72598782首先：什么是HTTP状态码HTTP状态码的作用是：Web服务器用来告诉客户端，发生了什么事。状态码位于HTTP Response 的第一行中，会返回一个”三位数字的状态码“和一个“状态消息”。 ”三位数字的状态码“便于程序进行处理， “状态消息”更便于人理
2018-01-29 11:32:48
742
转载 左右滑动swiper
转自：http://blog.csdn.net/xieshunhai/article/details/72830938.wxml 红色 绿色 黄色 红色内容 绿色内容 黑色内容 .wxs
2018-01-29 10:53:40
862
转载 微信 支付
转自：http://blog.csdn.net/xieshunhai/article/details/728292321、必须开通支付，并且有备案的域名 和 配置 https2.微信小程序处理.wxml.js3 后台处理部分（博主使用php为例子）【其他语言参照修改就可以了】以下
2018-01-29 10:51:08
212
转载 地理位置应用 h5
目前PC浏览器支持情况：Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+手机支持情况：Android 2.0+iPhone 3.0+Opera Mobile 10.1+Symbian (S60 3rd & 5th generation)Blackberry
2018-01-26 15:40:48
636
原创 h5移动端获取当前位置信息
functiongetPosition(){ //判断浏览器是否支持HTML5定位 if(window.navigator.geolocation){ navigator.geolocation.getCurrentPosition(successfulCallback,failCallback) }else{
2018-01-26 15:15:55
12791
8
转载 拖动滑动
示例源码下载CSDN http://download.csdn.net/detail/linjiqian/97134921.touch事件2.xScroll滑动案例1.touch事件touchstart：手指触摸绑定事件元素时触发。 touchmove：滑动连续触发。 touchend：松开触发。 touchcancel：据说是系统取消跟踪时触发，但是并未尝试过。这些
2018-01-25 16:47:28
419
转载 生成guid
JavaScript生成GUID的算法全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID(Universally Unique IDentifier) 。GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9
2018-01-24 18:11:12
1503
转载 旋转太极 css+cavans文章
http://geek.csdn.net/news/detail/252284 test /*CSS源代码*/body{background:#CFCFCF;}.box-taiji{ width:0px; height:400px; position:relative; margin:50px auto
2018-01-22 17:58:44
201
原创 关于前端框架
慢慢总结：jQuery是一个JS函数库，操作思路仍然是DOM操作思路：先查找元素，再操作元素。jQueryUI是一个HTML组件库，简化了HTML/CSS的编写。Bootstrap是一个CSS框架，主要提供了响应式布局、HTML组件、CSSReset。AngularJS是一个JS框架，彻
2018-01-22 13:18:56
188
转载 h5移动端兼容问题
H5项目常见问题及注意事项H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数//
2018-01-18 17:24:50
5365
原创 js引入公共头部和尾部
index.htmlnishuone $(document).ready(function(){ $(".aa").load("f_bottom.html");});f_bottom.html两种形式都可以 建议第一种#f_box{font-size: 50px;color: re
2018-01-17 18:24:58
6113
转载 设置huilder的外部web服务器
开始 -》 cmd ——》 ipconfig 就可以看到ip地址了HBuilder关于HBuilder工具的简介：HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse
2018-01-17 16:21:40
3872
原创 宣传页面背景音乐
Vision Master New Year's greeting愿您羊年运旺福旺条条祝福给您送上美丽花灯传递吉祥圆圆汤圆味道芬芳元宵节
2018-01-17 15:19:54
239
转载 mui跳转
//解决 所有a标签 导航不能跳转页面mui('body').on('tap','a',function(){document.location.href=this.href;});今天整理MUI移动端页面跳转的几种方法和遇到的不同的坑先上设置button、label和a标签的代码：onclick="jumpToDetailView()"id="
2018-01-15 16:46:45
322
转载 web规范
转自：http://www.cnblogs.com/qijunjun/p/7434707.htmlweb前端开发规范的现实意义1、提高团队的协作能力2、提高代码的重复利用率3、可以写出质量更高，效率更好的代码4、为后期维护提供更好的支持5、可读性高一、命名规则1、html命名规则： a、文件名称命名规则：统一使用小写英文字母
2018-01-15 15:01:31
1342
转载 html信息头
HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息，包括浏览器端，中间缓存服务器端(如：squid等)，Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1)，Pragma(HTTP1.0)，last-
2018-01-11 17:51:49
220
原创 input绑定enter事件跳转
绑定dom元素enter事件有两种方法，个人推荐第二种方法一：由于没有ngEnter指令，所以可以自己扩展一个(转载）指令代码如下：'use strict';define(function (require, exports, module) { module.exports = function (ngModule) { ngModule.regi
2018-01-11 14:15:08
1277
转载 跳到登陆后当前的页面
登录后跳转到原页面（servlet）描述：有些web项目中的网页需要用户登录后才可以访问，当用户未登录时访问该页面则跳转到登录页面，等用户输入用户名，密码登录成功后再跳转到之前用户需要访问的页面。这里使用servlet实现访问控制。第一步：.当未登录用户访问某个需要登录的功能页面时，首先会跳转到servlet，在方法前放置案例代码如下：//需要登录设置
2018-01-11 14:00:27
529
转载 获取手机 ip
今天在搞JS（javascript）获取客户端IP的小程序，上网搜了下，好多在现在的系统和浏览器中的都无效，很无奈，在Chrome、FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本。下面的代码是我在所有windowsNT5.0及以上的系统上都测试通过的，给出代码：一、使用JS获取客户端IP的几个方法方法一（只针对IE且客户端的IE允许AcitiveX运行，通过平台
2018-01-11 13:38:42
1977
转载 小眼睛登录
最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换.样式代码如下:注:1.样式展示():ul> li class="phone bgImg"> input type="text" id="phone" maxlen
2018-01-10 15:57:29
473
转载 倒计时
验证输入手机号 验证码倒计时#如上图所示 要实现验证码的倒计时的效果首先做页面的布局理清楚页面效果需要实现的逻辑思路对手机号及验证码和密码做正则的规则校验前端样式布局代码ul> li class="phone bgImg"> input type="text" id="phone" maxlength="11" placehold
2018-01-10 15:56:30
186
转载 vue的学习
引言： Vue.js目前是业界大名鼎鼎的Web解决方案，具体有点，我这里就不再赘述了，感兴趣的童鞋自行查找阅读，这里罗列一下，这几天自己研究的成果，管理后台。管理后台Vue Element Admi address: https://github.com/PanJiaChen/vue-element-admin star: 2898 评价： 非常出色的后台管理系统框架，
2018-01-10 15:39:30
115
转载 地址栏 的乱码问题解决 url
引言： 在Restful类的服务设计中，经常会碰到需要在URL地址中使用中文作为的参数的情况，这种情况下，一般都需要正确的设置和编码中文字符信息。乱码问题就此产生了，该如何解决呢？且听本文详细道来。1. 问题的引出 在Restful的服务设计中，查询某些信息的时候，一般的URL地址设计为： get /basic/service? keyword=历史 ， 之类的URL地址。
2018-01-10 15:38:31
1801
原创 angular 绑定enter键
ng-keyup="goPages($event)"/>页link: function(scope) {scope.goPage = function() {if (scope.current != scope.page.current && scope.current > 0 && scope.current % 1 == 0) {if (scope.
2018-01-09 15:48:21
998
原创 跳转在路由中监控添加横杠
var app = angular.module("xxj", ["ngRoute", "mobile-angular-ui", 'ui.bootstrap', "xxService", "xxDirective", "xxFilter",'ngFileUpload', 'ngImgCrop']); //[]表示注入模块//路由表配置//auth=true表示要求强制登录var
2018-01-09 11:22:50
330
原创 angualr 跳转强制回到顶部
强制跳转就能跳到顶部var productCtrl = ["$scope", "$anchorScroll", "$location", function($scope, $anchorScroll, $location) {$location.hash();$anchorScroll();}
2018-01-09 11:18:25
831
转载 性能
知识储备浏览器加载：浏览器~加载，解析，渲染获取各种时间：Performance API浏览器加载过程这里指网页，而不是任何资源。时间线参考下图：【redirect】：什么时候会触发重定向呢？很简单，http://example.com/ 就写成 http://example.com（缺少斜杠）就会触发重定向；【App cache】：该阶段缓存检查（
2018-01-09 11:08:28
204
转载 css伪元素的使用
CSS 巧用 :before和:after前几天的晚上较全面的去看了下css的一些文档和资料，大部分的样式运用都没什么大问题了，只是有些许较陌生，但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多，主要是针对:before和:after写一些内容，还有几个小样式略微带过的介绍下。什么是:before和:after？ 该如何使用他们？:befor
2018-01-05 09:49:44
908
1
原创 导航栏固定 和 回到顶部 防抖动兼容ie6
js：//固定定位和回到顶部angular.element($window).bind('load', function() {$scope.aa = function(obj, type, fn) { //窗口加载运行为指定的函数if (obj.attachEvent) {obj.attachEvent('on' + type, function() {fn.call(o
2018-01-04 13:52:40
637
转载 回到顶部
html元素固定定位fixed元素固定定位，比如：固定在右上角或者是在左下角，主流浏览器下，使用fixed就能实现，但是IE6不支持fixed，于是只能采取其他方法。目前有两种方式可以实现：1、 用JS实现：右侧距顶部45px固定#box-rb{position: fixed; z-index:999;top:45px;right:0;_position:absolut
2018-01-04 12:36:10
142
转载 kropano
本文主要介绍如何使用krpano的JavaScript接口，来实现播放器的展示数据以及效果添加。创建全景播放器创建播放器是krpano在线展示的一个必经过程，那么如何创建播放器呢？将krpano客户端对应的krpano.js代码和krpano.swf等相关资源文件，存放到一个站点可以访问的位置。假如存放到站点的根目录下，访问基础地址为http://localhost/。那么构建播放器的样例代
2018-01-03 17:29:42
361
转载 移动5
介绍几个移动web app开发框架 jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0，默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、
2018-01-03 14:41:51
119
转载 移动4
1、jQuery MobilejQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。2、jQ
2018-01-03 14:35:40
277
转载 工具
转自：caiyongji目录应用程序音频聊天客户端压缩数据恢复开发者工具文档电子书实用程序电子邮件游戏图形在线存储生产力工具终端文本编辑器实用程序视频配置与安装Windows 10Windows 8.1 setup安全应用程序音频AIMP - 32位音频处理和多格式播放。Audacity - 免费，开源，跨平台软件，用于录制和编辑声音。Qtrac
2018-01-03 14:13:31
623
图片压缩工具.rar
2019-07-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人