- 博客(30)
- 收藏
- 关注
RSS订阅原创 js获取浏览器信息
var getOSAndBrowser = function () { var userAgent = navigator.userAgent; var info = ""; var tempArray = ""; //判断浏览器版本 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera...
2018-12-08 14:36:38
551
原创 mpvue/原生小程序处理picker
不知道你们有没有这个感觉：mpvue官方文档写得模棱两可，不够详细。其中mpvue中也没有下拉框的相关的组件，只能用原生，我这里就解析一下picker的写法 页面的显示是用了iview的栅格，效果如下：...
2018-11-08 09:45:48
3175
原创 mpvue小程序使用iView Weapp全套流程
小程序原生的学习成本太高了，改学mpvue，这个要求有点vue的基础（主要是自己偷懒，用框架比较快）用vue来写小程序的话，优点还是有很多的，比如：1. 彻底的组件化开发能力：提高代码复用性 2. 完整的 Vue.js 开发体验 3. 快捷的 webpack 构建机制4. 支持使用 npm 外部依赖 5. 使用 Vue.js 命令行工具 vue-cli 快速初始化项目 6. H5...
2018-11-06 15:37:00
3976
原创 websocket原理与聊天功能
前段时间刚好要做一个小型的网页版聊天室，需求是用电脑完成语音通话（前面博客有），发送图片/文字/文件什么的。这就涉及到的网页套接字，在这里就不得不说一下的的WebSocket的原理首先，可将网页套接字是HTML5出的东西（协议），也可以理解的WebSocket的是一个新协议，跟HTTP协议基本没有关系，只是HTTP只是一种短暂的临时的非持久的协议，网页套接字的就是一个持久化的协议;举个...
2018-11-01 17:48:45
2840
原创 Element-UI与Iview中的多个图片预览并通过点击事件上传
要完成通过点击事件统一上传图片，并后台要求图片以数组格式传给后台，但是Element-UI与Iview的文档中只有直接上传并且是单个图片上传的例子，所以在这里自己做个笔记，以防止以后会用到：下面是已经做完的实例下面是用的iview写的，用element-ui也可以完成；图片预览的时候，是可以点击查看图片并删除的，所以这里有2个事件（点击预览和删除），另外上图中的uploadList...
2018-09-19 09:41:07
7703
7
转载 Vue.js+Element UI的环境搭建
一、搭建环境由于新的node已经集成了npm，所以直接安装node，前往node官网下载最新版本的node，根据自己的操作系统选择相应的包，按照步骤一步步走就可以，这里不做过多介绍。安装好后可以打开命令行用 npm-v node-v 查看是否安装成功以及版本号如果以前已经安装过node 和 npm 最好升级到最新版本，命令行 npm install npm@x.xx.x首先...
2018-09-19 09:04:44
3968
原创 recorder-js+Vue录音插件
首先下载 npm install recorder-js --save然后在你要用到的模块里面 另外：如果电脑上面没有连接音频设备的话，那么你在取消录音的时候，会报错 （不认识stop()）...
2018-09-11 16:51:40
20108
20
原创 vue路由跳转的时样式小坑
路由跳转之后，路由对应的样式会发生改变，但是你在当前页面刷新的时候，页面还是原来的那个页面，但是路由的样式就会跳转到你的默认页面的那个样式上面了...
2018-09-11 16:28:25
3022
原创 [Apache] Error: Apache shutdown unexpectedly错误解决
Apache无法启动，报错如下：20:41:12 [Apache] Error: Apache shutdown unexpectedly. 20:41:12 [Apache] This may be due to a blocked port, missing dependencies, 20:41:12 [Apache] improper privileges, a crash, or ...
2018-04-13 10:32:08
38306
11
原创 vue与Echarts完成--动态数据折线图
要求将后台的数据用折线图展示 ，将后台的数据用父子组件传值的方法来展示，传的值为input_table的值：那么子组件的设置如下<template> <div style="min-height: 600px;" ref="myEchart"></div></template><script> import C
2018-03-27 16:35:11
33468
13
原创 vue的生命周期（钩子函数）
vue生命周期<!DOCTYPE html><html><head><meta charset="UTF-8"><title>vue生命周期</title><script src="../js/vue.js"></script>&
2018-03-12 16:05:03
495
原创 angular中的自定义服务
这两天，因为接到通知：半年前写的东西要改需求。因为自己要用什么就看什么文档的毛病，所以有写东西忘了，就重新瞄了2眼，直接贴代码吧，效果如下...
2018-03-10 11:03:18
258
转载 Vue+Element UI的环境搭建
一、搭建环境由于新的node已经集成了npm，所以直接安装node，前往node官网下载最新版本的node，根据自己的操作系统选择相应的包，按照步骤一步步走就可以，这里不做过多介绍。安装好后可以打开命令行用 npm-v node-v 查看是否安装成功以及版本号如果以前已经安装过node 和 npm 最好升级到最新版本，命令行 npm install npm@x.xx.x首先
2018-02-26 10:57:43
6640
1
原创 vue环境搭建
1，安装node，确保安装4.0版本以上，具体的安装可以百度。2，在命令行创建文件夹3，安装Vue-cli输入：cnpm install -g vue-cli , 回车， 等待安装。。。。输入：vue ,查看vue相关信息4,初始化项目vue init webpack last_demo 然后等一下就会出现相关的信息，再自己去选择安装的一些设置
2018-02-26 09:45:05
255
原创 webpack学习笔记
Webpack学习笔记https://doc.webpack-china.org/concepts/ webpack的官方文档第一节:安装 webpack1、打开命令行，cd 到 F 盘，输入命令: mkdir webpack-demo (mkdir:创建新文件夹) 然后 cd 到 webpack-demo，输入命令:npm install -g webpack (-g:全局安装) 在全局...
2018-02-24 11:08:21
657
原创 webpack安装常见的问题
首先，电脑的全局安装，在命令行里面输入npm install -g webpack //全局安装npm install --save-dev webpack //安装在项目中其实很多小伙伴在这一步就往往出现报错的信息，就选择了放弃。出现报错的原因往往有一下的3种：1，node的版本过低，node的版本是要求在6以上的。如何查看node的版本？看图说话：现在n
2018-01-04 15:57:27
2828
原创 手机短信验证码的定时器
function message1() { //定时器 var startTime = 120; var newTimer = setInterval(function (){ startTime --; if(startTime 0){ $('#set_ycl_time1').html('点击获取验证码'
2017-11-04 09:24:14
444
原创 JQ处理删除弹出模态框
在实际开发中，经常要求对于加载的表格数据进行删除，点击删除的时候弹出模态框。再到模态框上点确定删除。实现这一套逻辑很多中方法，我经常用的一种：第一，页面的数据表格是动态加载的$("#table_result_per").append( ""+ ""+list[i].id+""+ ""+ parseInt(i+1)+""+ ""+list[i].name+
2017-11-02 14:38:13
2412
原创 jq 处理定时器
body>div class="text"> p> 距离我的生日还有： span id="time1" class="otime">span> p >div>script src="js/jquery-1.11.3.js">script>script> var time = { starTime: 0, endTime
2017-10-24 09:03:53
2124
原创 sessionStorage的取值，存值，删除（用于浏览器存储客户端的访问数据）
//sessionStorage作为HTML5的Web Storage的两种存储方式之一。//用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。//不是一种持久化的本地存储，会话级的存储。//1，存值sessionStorage['key']='value';sessionStorage.setItem('key','v
2017-10-20 15:39:07
39959
5
原创 手机号码及汉字验证
正则表达式是表单验证中比较常用的，经常出现在用户名，密码，手机等等。。。首先你要找那种验证的话，全部可以在度娘那里找到，再按以下方式可以处理：<div class="row margin-top-sm1"> <div class="col-sm-3 text-right" >用户姓名</div> <div class="col-s...
2017-10-20 15:12:16
441
原创 JQ基础---取值（实用性比较高）
因为比较简单就只写一下具体的写法，以后可能会添加：//1，取下拉框被选中的值$("#select option:selected").text()/value();//2，下拉框设定选中值$("#select option:nth-child(1)").attr("select",true);//3，判断单选框是否被选中---返回的是true or false;if($("#c
2017-10-20 15:09:47
204
原创 Bootstrap完成分页效果的实现（标签页）
div class="container"> h3> bootstrap给予JQ提供了十几个插件，每个插件对于一个*.js文件，可以单独引用，也可以整体引用(bootstrap.js),和JQ.UI是同一级的库！ 比JQ.UI多css样式。但是这个JS比JQ.UI复杂，因为中间加了样式 h3> h3>调用上述插件，可以用两种方式：第一种是传统
2017-10-20 14:38:59
4021
原创 Bootstrap完成折叠效果（手风琴）
老样子，Bootstrap要完成手风琴效果---首先要引用相应的collapse.js，或者直接如下：script src="js/jquery-1.11.3.js" rel="stylesheet">script>script src="js/bootstrap.min.js" rel="stylesheet">script> 也一样的不用再写什么JS了，直接如下：div cl
2017-10-20 14:15:28
2974
原创 Bootstrap中的滚动监听
Bootstrap中的滚动监听---引用scrollspy.js，或者是bootstrap.js。具体看下列代码：首先设置一下Css简单的样式.div1{height: 300px;width: 100%;background: red;}body{position: relative;}不需要JS代码，具体的Html代码如下：body data-spy="scroll" d
2017-10-20 11:53:17
1657
原创 Bootstrap中的轮播
Bootstrap中的轮播，如果您想要单独引用该插件的功能，那么您需要引用 carousel.js，当然还可以用bootstrap.js，当然还要引用jquery。代码及相关的提示如下：div class="container"> h2>轮播广告--carousel--本身结构复杂，只需要记住根--div.carousel,写完这个就跟着错误提示去做（bootlint.js）h2>
2017-10-20 09:26:26
918
原创 Bootstrap中的下拉菜单组件
Bootstrap中的下拉菜单组件是经常在开发阶段中遇到的，点击一下显示下拉菜单，不需要写JS代码，只用几个css就可以解决，当然你还要引用以下的文件：如果您想要单独引用该插件的功能，那么您需要引用 dropdown.js。或者您可以引用 bootstrap.js 或压缩版的bootstrap.min.js你的 div class="container"> h3>组件-
2017-10-20 09:11:12
436
原创 Bootstrap错误提示功能
使用Bootstrapde 时候，在开发阶段，用来提示自己出现的错误，那就要在JS中加入一下代码判断，注意：只在开发阶段使用script> // 用来提示自己出现的错误---只限于开发阶段使用 (function () { var s = document.createElement("script"); s.onload = functi
2017-10-20 08:54:20
6048
原创 jq中的prop()与attr()的用法区别
JQ1.6版本增加的新方法prop()，其用法与attr（）用法相似，但是稍微有些区别，使用attr获取checked属性时返回"checked"和"",使用prop方法获取属性则统一返回true和false。官方对于prop方法的解释是：获取在匹配元素集中的第一个元素的属性值。 用处的地方分为：1，就是属性的值为true，false的时候使用prop（）。
2017-10-19 15:47:07
664
原创 JQ处理文件上传的相关资料
实现文件上传-----前端要完成的内容：第一步：样式 一般浏览器自带的文件上传样式根本算不上什么美观，往往前端要对其进行处理成客户理想中的样式，其处理的思路是在其父元素上设置一个position:relative;在将其中的这设置position:absolut;并将透明度设置为0，然后再另外写一个按钮和文本框去设置你理想中的样式，简单点就是将button盖在file的上面
2017-10-19 10:30:57
669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人