- 博客(94)
- 收藏
- 关注
RSS订阅原创 微信小程序插入HTML
微信小程序页面插入HTML富文本一 首先下载插件包:wxParse 如下图二 在要插入的页面引入包1.1 js配置如下var WxParse = require('../../wxParse/wxParse.js');success: function(result) { var article =result.attributes.html
2017-10-08 16:19:52
7697
原创 js 控制浏览器全屏案例
body>div onclick="launchFullscreen(document.documentElement);">div>div onclick="exitFullscreen()(document.documentElement);">div> body>html>script> // 判断各种浏览器，找到正确的方法 function launchFu
2017-10-08 16:07:50
696
原创 时间累加(简)
script> var title ="24个月"; var reg=/[\u4E00-\u9FA5]/; var result=title.replace(reg,''); console.log(result); var d = new Date("2017/09/25 12:12:12");//括号里是到期时间 console.log(d+"到
2017-09-25 16:46:42
575
原创 360浏览器(极速和兼容模式)
if((window.navigator.mimeTypes[40] || !window.navigator.mimeTypes.length)){ $(".apply").css("width","851px"); } if (window.navigator.userAgent.indexOf('compatible') != -1)
2017-09-12 15:29:05
1301
原创 知识积累
一:小程序自定义参数 关键字: data-num="1" js获取urlTo: function (e) { e.target.dataset.num } 应用场景一:动态添加删除css样式
2017-08-30 18:19:10
357
原创 免费接口篇
易源接口为例:1,注册用户2,选择接口(如QQ音乐)3,系统级必选参数 APPID 和sign (在个人接口里 选择添加APP)4:应用级必选参数写完就ok了示例:(参数写法看心情)wx.request({ url:"http://route.showapi.com/950-1?showapi_appid=628&showapi_sign=094a6",
2017-08-30 18:09:24
794
原创 模板引擎小案例//正则
JavaScript exec() Method定义和用法exec() 方法用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值，否则返回 null。语法RegExpObject.exec(string)参数描述stringRequired. The string to b
2017-08-17 10:48:03
395
原创 关闭微信页面/判断设备/判断浏览器
//判断是否微信登陆function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return fals
2017-08-10 08:51:37
828
转载 本地缓存localstorage
cookie，localStorage，sessionStorage都可以实现客户端存储，三者的区别有哪些了？cookie作为最早期的被设计web浏览器存储少量数据，从底层看，它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。cookie有效期：cookie默认有效期非常短暂，存在于web浏览器会话期间，当浏览器关闭，cookie也就消失了
2017-08-04 13:49:28
360
转载 鼠标移动而散开的粒子效果
html PUBLIC>html xmlns="">head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>JS+html5实现跟随鼠标移动而散开的粒子效果 title>meta name="keywords" content="HTML5特效,canvas动画,粒子特效,鼠标动画特效,
2017-07-31 09:07:38
2386
1
原创 浏览器地址历史管理-增加锚点方法
(! 未写完 回头再写)在一个ID的页面里有两个子页面,为了点击返回键返回上一个小页面 而不是主页面 为其增加一条历史布局如下 点击积分记录 div title="integrateBal" id="integrateBal" class="panel" selected="true" scrolling="no" style="background: #fff;"> div
2017-07-08 16:28:29
429
原创 angular的控制器细节问题----关于[]
一 ;书上是这样写控制的：var myApp = angular.module('MyApp', []);myApp.controller('MyController', function($scope){})二 平时是这样写的：var myApp = angular.module('MyApp', []);myApp.controller('MyController
2017-05-26 10:59:09
626
原创 获取input被选中的元素的val
1:表单问题男性：input id="m" type="radio" name="Sex" value="1" />女性：input id="wm" type="radio" name="Sex" value="0" />var gender = $('#forms input[name="Sex"]:checked ').val();//性别获取name为Sex被选中的值
2017-05-12 17:46:46
1702
转载 localStorage
首先在使用localStorage的时候，我们需要判断浏览器是否支持localStorage这个属性if(！window.localStorage){ alert("浏览器支持localstorage"); return false; }else{ //主逻辑业务 }
2017-04-26 17:43:31
508
原创 图标字体（代码演示）
web字体html>html>head lang="en"> meta charset="UTF-8"> title>title> style> p{ font-size:30px; } /* 如果要在网页中使用web字体（用户电脑上没有这种字体），*/ /* 声明字体*/
2017-04-26 15:03:52
1925
转载 js的兼容问题
一:常遇到的关于浏览器的宽高问题：//以下均可console.log()实验 varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 varwinH=document.body.clientHeight||document.docuemntElement.cl
2017-04-09 19:39:23
365
转载 js兼容问题
一:常遇到的关于浏览器的宽高问题：//以下均可console.log()实验 varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 varwinH=document.body.clientHeight||document.docuemntElement.cl
2017-04-09 19:19:35
312
原创 js的三大家族(offset/scroll/client)和一个事件对象(event)///正则
一 offset第1章offset家族41.1三大家族和一个事件对象41.2 Offset家族简介41.2.1offsetWidth和offsetHight（检测盒子自身宽高+padding+border）51.2.2offsetLeft和offsetTop （检测距离父盒子有定位的左/上面的距离）51.2.3
2017-04-02 11:28:08
2575
原创 javascript 第七篇(入门篇)
javascript 第七篇(入门篇)目录2第1章 DOM详解31.1DOM案例31.2属性获取修改和删除（属性绑定）31.3节点关系。（父节点、兄弟节点、子节点、所有子节点）4第1章 DOM详解1.1 DOM案例0.显示二维码 1.禁用文本框和获取失去焦点输入事件。2.表单处理。Input取值赋值和select选
2017-04-02 10:59:59
489
原创 javascript 第六篇(入门篇)
javascript 第六篇(入门篇-节点/dom/事件) 目录2第1章 事件41.1概述41.2事件三要素41.2.1事件有哪些41.3案例5第2章DOM概述51.4DOM (文档对象模型)51.5DOM的数据结构（树状）51.6HTML的组
2017-04-02 10:55:49
513
原创 javascript 第四篇/第五篇(入门篇)
javascript 第四篇 目录2第1章对象和面向对象21.1JS中的对象（Object）21.1.1创建空白对象21.1.2对象就是一个盒子，盒子里面可以放属性和方法。31.2构造函数31.3创建自定义对象31.3.1new31.3.2This3第1章 对象和面向对象1.
2017-04-02 10:52:06
458
原创 javascript 第三篇(入门篇)
javascript 第三篇(入门篇) 目录目录2第1章函数基础41.1函数概述41.1.1什么是函数41.1.2为什么要用函数41.2函数的定义51.3参数51.3.1形参51.3.2实参51.4返回值51.4.1注意
2017-04-02 10:47:25
528
原创 javascript 第二篇(入门篇)
javascript 第二篇(入门篇) 目录2第1章流程控制41.1顺序结构（略）41.2选择结构（略）41.3循环结构（今天开始）41.3.1for循环41.3.2while循环51.4do...while循环（一定会执行一次do中的程序）61.5案例：6第2章数组6
2017-04-02 10:44:24
392
原创 js入门(第一篇)
第一篇目录第1章JS概述51.1JS作用51.2浏览器工作原理61.3弱类型脚本语言（解释型语言，解析执行与编译执行）61.3.1解析执行与编译执行61.3.2弱类型脚本语言61.4组成（前端标准和JS组成）71.4.1前端标准（HTML/CSS/JS）71.4.2JS组成
2017-04-02 10:39:20
726
转载 创建和存储 cookie
我们要创建一个存储访问者名字的 cookie。当访问者首次访问网站时，他们会被要求填写姓名。名字会存储于 cookie 中。当访问者再次访问网站时，他们就会收到欢迎词。首先，我们会创建一个可在 cookie 变量中存储访问者姓名的函数：function setCookie(c_name,value,expiredays){var exdate=new Date()exdate.set
2017-03-21 12:57:05
555
原创 JQ源码解析篇
/** * Created by lihongwei on 2017/3/15. */ //利用自执行函数封装jq代码，避免暴露太多的全局变量(function (window) { //为了以后能方便借用数组的各种方法，提前存到变量中，全局都是用这一个数组，节约空间 var arr = []; var push = arr.push;
2017-03-16 00:48:14
832
原创 angular---代码详解(第三篇)
8.6 服务汇总篇html>html lang="en">head> meta charset="UTF-8"> title>AngularJS 自定义服务title>head>body ng-app="App"> div ng-controller="DemoController"> div> script src="./libs/ang
2017-03-16 00:33:14
771
原创 angular---代码详解(第二篇)
5.1作用域html>html lang="en">head> meta charset="UTF-8"> title>作用域title>head>body ng-app="App" ng-init="name='康熙'"> div class="box" ng-controller="ParentController"> nav
2017-03-16 00:09:56
463
原创 angular---代码详解(第一篇)
1.1:简要 html>html lang="en">head> meta charset="UTF-8"> title>AngularJS 模块化title>head>body> 指定模块 --> 一个页可以有多个模块，但是不能互想嵌套 --> 一般只会有一个 --> div class="box" ng-app="App"> 指定
2017-03-15 23:46:37
1080
转载 网页调试工具
前端开发必备工具-网页调试工具在前端开发中我们经常会要调试页面，主要html、css调试和js调试，这里整理一些工具： 一、firefox网页调试插件1.firefox插件Firebug主要用于html、css的调试和js调试；推荐指数：从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模
2017-03-15 11:40:10
1821
转载 DOM操作和样式操作库的封装
一、DOM常用方法和属性复习以下粗略的罗列一下DOM的常用方法和属性，由于不是介绍DOM的基础内容，所以就不一一详细说明各个方法和属性了（学习DOM的封装的，一般都对基础DOM比较熟悉了）。1.1、获取页面中元素的方法document.getElementById()context.getElementsByTagName()：把指定容器中子孙容器中所有标签名为TAGN
2017-03-14 23:07:25
535
转载 margin 详解
margin 属性介绍margin 的几种使用方法,简单带过.margin : top right bottom right ;margin : top leftright bottom;margin : topbottom leftright;margin : topbottomleftright;1.普通流 margin 百分比设置
2017-03-14 22:56:36
1170
转载 cookie
cookie什么是cookie 官方定义：Netscape官方文档中的定义为，Cookie是指在HTTP协议下，服务器或脚本可以维护客户端计算机上信息的一种方式 。通俗地说，Cookie是一种能够让网站Web服务器把少量数据储存到客户端的硬盘或内存里，或是从客户端的硬盘里读取数据的一种技术。 Cookie文件则是指在浏览某个网站时，由Web服务器的CGI脚本创建的存储
2017-03-14 22:48:50
509
转载 JS获取当前使用的浏览器名字以及版本号
JS获取当前使用的浏览器名字以及版本号 打印window.navigator.userAgent出现一个对象 工作中需要通过JS去获取当前使用的浏览器的名字以及版本号，网上大堆资料都有一个关键词是 navigator.appName，但是这个方法获取的浏览器的名字只有两种要么是
2017-03-14 11:41:16
545
转载 JavaScript的内存泄漏
意外的全局变量js中如果不用var声明变量,该变量将被视为window对象(全局对象)的属性,也就是全局变量.function foo(arg) { bar = "this is a hidden global variable";}// 上面的函数等价于function foo(arg) { window.bar = "this is an explicit gl
2017-03-14 11:39:24
319
原创 git 常见命令
示例github命令echo "# elm-clone" >> README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin git@github.com:wangxqiang/elm-clone.gitgit push -u origin master正文:Git常用操...
2017-03-09 13:42:51
439
原创 太阳系小案例--H5C3
太阳系小案例 body{ background-color: #000; } .sun{ width: 100px; height: 100px; background-color: orange;
2017-03-09 13:38:46
985
原创 3D 导航栏源码
3D 导航栏源码 *{ margin: 0; padding: 0; list-style:none; } ul{ width: 600px; margin:100px auto;
2017-03-09 12:57:15
1026
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人