- 博客(33)
- 收藏
- 关注
RSS订阅原创 百度地图api（微信小程序） TypeError: markers[j] is not a function
错误位置 TypeError: markers[j] is not a function at e.changeMarkerColor (http://127.0.0.1:63540/appservice/pages/index/index.js:72:17) at e.<anonymous> (http://127.0.0.1:63540/appservice/__dev...
2018-06-21 09:33:40
1232
2
转载 JavaScript实现页面到滚动到指定位置执行某些操作
使用JavaScript实现页面滑动到指定位置加载动画。若页面滚动到class名为group-pic的元素的位置时开始加载[html] view plain copy print?$(document).ready(function(){ var a,b,c; a = $(window).height(
2017-10-24 09:13:09
2765
原创 单列布局
水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inline-b
2017-10-13 13:52:20
374
转载 Flex布局
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这
2017-09-12 08:31:53
314
原创 移动端html5手机网站字体单位font-size选择px还是rem
移动端html5手机网站字体单位font-size选择px还是rem分为两种情况：①对于只需要适配手机设备，使用px就可以了 ②对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。 rem参考代码：html {font-size:10px} @media screen and
2017-08-16 09:59:27
11084
1
原创 html手机拍照及上传
手机如何实现拍照和上传图片？ 的accept 属性 备注：ios 有拍照、录像、选取本地图片功能部分android只有选取本地图片功能winphone不支持input控件默认外观丑陋，可以用样式美化
2017-08-16 09:08:27
477
转载 form的onsubmit事件--表单提交前的验证最佳实现方式
function check(){ var name = document.getElementById("name").value; if(name == null || name == ''){ alert("用户名不能为空"); return false; } return true;}
2017-08-07 10:03:46
272
原创 手机访问PC站自动跳转手机站
function mobile_device_detect(url) { var thisOS=navigator.platform; var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Pho
2017-07-25 08:30:27
674
转载 CSS,font-family,好看常用的中文字体
例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;例3（加网 ）：font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\
2017-04-11 08:29:52
877
转载 HTML中      等6种空白空格的区别
HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ ）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，
2017-04-08 09:11:00
525
转载 JavaScript:history.go() 的妙用
在Web开发中，会遇到从一页（父页）导向另一页（子页），并且要求“返回”父页的情况，在这里如果用ASP.NET提供的Response.Redirect()方法，往往不会达到理想的效果，例如：返回后，重新加载了页面，无法保存导向子页前的状态，等等，在这里我就介绍一下如何使用JavaScript中history.go()函数来实现返回功能并且保存住状态的方法。 这个函数用起来很简单，只要
2017-02-22 09:28:14
1057
转载 HTML设为首页/加入收藏代码
（特别注意：要把’这个符号换成无任何输入法状态中输入的’这个符号，否则程序无法运行） 1.文字型： 设为首页 2.按钮型： 设为首页 " onclick="this.style.behavior=’url(#default#homepage)’;this.setHomePage(’http://www.apple-wallpaper.com’);" h
2017-01-19 12:40:25
5138
原创 a标签链接QQ
XXXXXXXXX在a标签的href属性里直接写入以上地址，即可链接到QQ聊天，例如客服咨询号等，XXXXXXXXX处填写对应QQ号即可。
2016-12-02 10:28:26
8884
原创 input边框问题
在css样式里加句话：*:focus { outline: none; } 或 input {outline:none;}这样点击输入时也会没有边框
2016-12-02 10:11:30
298
转载 absolute问题
1. 外层是relative, absolute是，相对于relative, absolute定位。2. 外层没有relative时，相对于body定位。然后图片占满一屏的原因是宽度：100%造成的。[url=http://jsbin.com/qeboc/1/edit]demo here[/url][code=html]
2016-12-02 09:41:03
339
原创 转义
为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，将, &, “进行转义function escapeHtml(str) {return str.replace(/[<>”&]/g, function(match) {switch (match) {case “”:return “>”;case “&”:return “&”;cas
2016-11-24 09:26:14
311
原创 文字滚动显示效果
上图中的文字会滚动显示。html： 最新 巧克力热销top榜 双11 双11晚会我们等着你 热卖 2016车载充电器热卖场 双11 TFboys变天使飞起来了！ 雷军 雷军问答送MAX F码！css：#tbheadline li{ height:
2016-11-10 20:00:48
685
原创 应对IE
学习如何应对IEIE一直以来都是前端开发人员的噩梦！如果你的CSS样式表基本定型了，那么可以为IE单独建立一个样式表，然后这样仅对IE生效： 这些代码的意思是：如果用户浏览器是IE6及以下，那这段代码才会生效。如果你想把IE7也包含进来，那么就把“[if lt IE 7]”改为“[if lte IE 7]”。
2016-11-03 16:50:52
191
原创 jQuery 常用选择器
parent ~ child： 在给定的父元素下匹配所有的子元素示例： Name: Newsletter: 匹配表单中所有的子级input元素jQuery代码:$("form > input）结果：[ ]prev ~ siblings ： 匹配prev元素之后的所有siblings元素示
2016-11-03 09:05:33
321
原创 js中三种使用function（）的方法
//第一种 直接量 优先被解析function func1(name,email,type){ var user = []; user[0] = name; user[1] = email; user[2] = type; return user;}var result = func1('admin','admin@jerel.com','b
2016-10-31 09:49:51
760
原创 angularJS 过滤器
过滤器： 过滤器种类分一下几种： number | currency | filter | lowercase | uppercase | orderby {{ 3125213128.38 | number:3}} {{1325364212421 | c
2016-10-28 14:33:14
175
原创 angularJS 内置计算器
{{exp}}={{$eval(exp)}}使用AngularJS内置的eval对象,必须在前面加$字符,和js对象做区分
2016-10-28 09:10:08
485
原创 angularJS 服务（service）
在angularJS中，服务是一个函数或对象，可在angularJS应用中使用。其中有个$location，可以返回当前页面的URL地址。$location：<bodyng-app="myApp">{{myUrl}}var app = angular.module('myApp', []);app.controller('myCtrl', function ($scope,
2016-10-27 16:09:39
183
原创 angularJS 路由 ng-route
angular中的ng-route主要由$routeProvider和ng-view实现，ng-view的实现原理，是根据路由的切换，动态编译html模板——$compile(html)(scope)。前提：首先需要在页面引入angular和angular-route，注意要在angular-route之前引入angular。如:这主要是因为angular-route.js需要传入w
2016-10-27 08:59:10
284
原创 ajax 详细参数
1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的
2016-10-25 22:21:35
286
原创 正则表达式
正则表达式简短描述：元字符描述\将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如，“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。^匹配输入字符串的开始位置。如果设置了RegEx
2016-10-25 21:59:21
250
原创 angularJS checkbox
play var app = angular.module('angularJSApp',[]) .controller('textCtrl', function ($scope) $scope.checkCB = function (cb) { cb?alert('checked'):alert('unchecked'); } })
2016-10-25 09:50:13
220
原创 angularJS
ng-include,angularJS http {{x.Name + ',' + x.Country + ',' + x.Url}} var app = angular.module('angularJSApp',[]); app.controller('httpCtrl',fun
2016-10-24 14:28:25
207
原创 jQuery插件开发
jQuery 插件开发的三种形式： 1. $.extend()-----------------扩展jQuery 2. $.fn ----------------------给jQuery添加新的方法 3. $.widget()-----------------通过jQuery UI的部件工厂方式创建1.2 相对于3来说是简单的插件开发。1相对于2过于简单所以插件
2016-10-21 09:06:44
232
原创 图书分类 练习 笔记
编写代码以实现上图的样式与功能。其中应用到json，自己编写json，在webstrom下新建File，后缀为 .json，要注意的是要修改webstrom右下角的编码格式，这个位置，不修改的话，默认为 GBK，这样在取json数据的时候中文会显示乱码。还有一点要注意，头文件部分，自己编写的js一定到放在jQuery的后边，否则会无法实现预期的效果。
2016-10-20 20:18:33
390
原创 20161019 bootstrap中javascript插件 学习记录
Collapse基本格式：div class="panel-group" id="div1"> div class="panel panel-default"> div class="panel-heading" id="one"> h4>a href="#com_panel1" data-parent="#div1" data-togg
2016-10-19 20:01:17
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人