Welcome

首页 / 脚本样式 / JavaScript

详解js前端代码异常监控

2017-02-06 44
阅读目录什么是前端代码异常window.onerror写一个js报错的上报库注意点：缺点：在平时的工作，js报错是比较常见的一个情景，尤其是有一些错误可能我们在本地测试的时候测试不出来，当发布到线上之后才可以发现，如果抢救及时，那还好，假如很晚才发现，那就可能造成很大的损失了。如果我们前端可以监控到这种报错，并及时上报的话，那我们的问题就比较好解决了。所以我们今天来聊聊前端代码的异常监控什么是前端代码异常一般语法错误以及运行时错误，浏览器都会在consol...

利用iscroll4实现轮播图效果实例代码

2017-02-06 39
前言iscroll之所以会诞生，主要是因为无论是在以前的iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。相信很多人和我一样，在使用iscroll的是时候只知道可以手动滑动，不知道iscroll的轮播怎么实现，那么以下就是我做的一个轮播效果，亲测有效；一、html代码,当然可以动态添加下面的小圆点<div id="wrapper"> <div id="scro...

Vue数据驱动模拟实现1

2017-02-06 31
一、前言Vue有一核心就是数据驱动（Data Driven），允许我们采用简洁的模板语法来声明式的将数据渲染进DOM，且数据与DOM是绑定在一起的，这样当我们改变Vue实例的数据时，对应的DOM元素也就会改变了。如下：<！DOCTYPE html><head> <meta charset="utf-8"></head> <body><div id="test"> {{name}}<...

微信端开发--登录小程序步骤

2017-02-06 65
这个小程序的主要目的是为了用户用微信的用户信息登录后将用户信息授权存入自己的数据库中，这样以后每次微信登录得到的code 所得到的 openid 可以在项目的数据库中查到该用户的相关信息。在测试的过程中，需要用户登录得到的code，所以会用到微信开发小工具~！ 该工具的使用必须被项目授权所生成的code是有时间限制的微信登录端口的api如下接口地址：https://api.weixin.qq.com/sns/jscode2session?appid...

总结几道关于Node.js的面试问题

2017-02-06 29
什么是error-first的回调方式Error-first回调方式用来同时传递error和data。将错误作为第一个参数，它就必须先检查看看有没有错误先。另外的参数就用来传递data了。fs.readFile（filePath, function（err, data） { if（err） {//处理错误，这里的return很重要，如果发生错误，在此处就会停止了。return console.log（err）; } //传递data console.log...

javascript常用经典算法详解

2017-02-06 31
阅读目录冒泡排序插入排序希尔排序归并排序快速排序选择排序奇偶排序总结前言：在前端大全中看到这句话，以此共勉。基础决定你可能达到的高度， 而业务决定了你的最低瓶颈其实javascript算法在平时的编码中用处不大，不过不妨碍我们学习它，学习一下这些算法的思想，锻炼一下自己的思维模式。本文不会每种方法都介绍一下，只介绍一下七种，纯属为了学习而学习，如果觉得代码不是很好理解，可以将数组里面的内容代入函数里面。不过刚开始理解的时候确实挺头疼的。废话少说，搞起来！！...

理解javascript中的闭包

2017-02-06 45
阅读目录什么是闭包？闭包的特性闭包的作用：闭包的代码示例注意事项总结闭包在javascript来说是比较重要的概念，平时工作中也是用的比较多的一项技术。下来对其进行一个小小的总结什么是闭包？官方说法：闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量------《javascript高级程序设计第三版》下面就是一个简单的闭包：function A（）{ var text...

jQuery实现CheckBox全选、全不选功能

2017-02-06 50
废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery实现CheckBox全选、全不选</title> <script src="http://code.jquery.com/jquery-2.2.3.min.js" type="text/java...

分享bootstrap学习笔记心得（组件及其属性）

2017-02-06 34
Bootstrap是一种web框架，是基于HTML,CSS和JS的一种目前较为流行的前端框架。Bootstrap包含有丰富的组件，根据提供的组件，开发者可以更加快速、便捷地搭建自己心仪的网站。通常包括有以下常用组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、分页、排版、缩略图、警告对话框、进度条、媒体对象等。此外，bootstrap还包含有众多jQuery插件：莫泰局昂、标签页、滚动条、弹出框等。有关bootstrap的下载和文档可到bootstrap...

Bootstrap实现提示框和弹出框效果

2017-02-06 57
首先讲一讲提示框（Tooltip） 的使用方法样式文件： LESS版本：对应源文件 tooltips.less<style id="jsbin-css"> body { padding: 100px; } .btn { margin: 20px 10px 20px; } </style></head><body> <h3>按钮做的提示框</h3> <button type="bu...

WebView启动支付宝客户端支付失败的问题小结

2017-02-06 72
目前在做一个用App加载H5网页，然后在网页中调起支付宝客户端支付，蚂蚁金服的开发文档上明确写有支付宝支持手机网站支付，所以那就集成呗，但是做完之后出现了一个问题，不知道是不是Android端集成出现了细节问题，然后再使用支付的时候，支付宝客户端具有一定的失败率，所以失败了只能采用收银台支付，虽然可以实现支付，但是体验方面还是达不到公司的要求。在H5中启动支付宝我们可以看到这个界面他说他在尝试打开，其实也就是在检测是否安装的支付宝客户端，但是不知道为什么，...

常用的javascript设计模式

2017-02-06 55
阅读目录什么是设计模式单体模式：工厂模式:单例模式观察者模式（发布订阅模式）策略模式模板模式代理模式外观模式设计模式太多了，貌似有23种，其实我们在平时的工作中没有必要特意去用什么样的设计模式，或者你在不经意间就已经用了设计模式当中的一种。本文旨在总结平时相对来说用的比较多的设计模式。什么是设计模式百度百科：设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易...

bootstrap选项卡使用方法解析

2017-02-06 51
选项卡Tabs是Web中一种非常常用的功能。用户点击或悬浮对应的菜单项，能切换出对应的内容Bootstrap框架中的选项卡主要有两部分内容组成： 选项卡组件（也就是菜单组件），对应的是 Bootstrap的 nav-tabs） 底部可以切换的选项卡面板，在 Bootstrap 中通常 tab-pane 来表示.<！-- 选项卡组件（菜单项nav-tabs）--><ul id="myTab" class="nav nav-tabs" rol...

老生常谈的跨域处理

2017-02-06 84
阅读目录什么是跨域常用的几种跨域处理方法：跨域的原理解析及实现方法总结摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。什么是跨域在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。Jav...

Bootstrap表单控件使用方法详解

2017-02-06 43
表单作为Bootstrap的核心内容，主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- 使用最新的浏览器内核解析 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"...

HTML5 js实现拖拉上传文件功能

2017-02-06 41
在HTML5的pc上面实现了相当多的功能，工作中也用到了拖拉上传，特地记录下该功能 在拖动目标上触发事件 （源元素）: ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发释放目标时触发的事件: ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 ondragleave ...

bootstrapValidator bootstrap-select验证不可用的解决办法

2017-02-06 48
如何解决bootStrapValidator bootStrap-select验证不可用，只要三步：思路：把多选下拉框的选中值，赋给一个隐藏的input组件，再对input组件进行验证（bootstrap-validator默认情况下hidden,disabled的组件不验证，可以通过excluded属性更改）,具体步骤如下：1.表单验证初始化（js）$（"#myModalForm"）.bootstrapValidator（{ message: "This...

移动端界面的适配

2017-02-06 69
阅读目录适配的要求适配的方法，3个步骤适配中背景图片的处理适配的原理解析摘要：在进行移动端界面的书写的时候，如果把宽度高度或者字体大小全部写死的话，那么在所有手机上看到的大小都一样，存在的问题就是同样大小的字体，或者一个盒子模型，在大屏幕手机上看起来会有点偏小。比如iphone6PLUS。如果是做成适配的话，就很好的解决了这个问题，大屏幕显示的内容大一点，小屏幕显示的小一点。所以今天做一个移动端页面适配的小小总结适配的要求1、在不同分辨率的手机上，页面看起...

将鼠标焦点定位到文本框最后（代码分享）

2017-02-06 48
经测试，兼容IE8//设置焦点相关---begin//用法：$（"#txtInput"）.val（"你好"）.focusEnd（）;$.fn.setCursorPosition = function （position） { if （this.lengh == 0） return this; return $（this）.setSelection（position, position）;}$.fn.setSelection = function （sele...

jQuery实现对象转为url参数的方法

2017-02-06 49
本文实例讲述了jQuery实现对象转为url参数的方法。分享给大家供大家参考，具体如下：ajax 方式对象参数复制代码 代码如下:var conditions = {status:0,title:"",specialId:"",creatorId:"",authorId:"",startViewCount:0,endViewCount:0,startFactTime:"",endFactTime:""};jQuery 对象转为url参数//导出全部查询结果...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图