- 博客(33)
- 收藏
- 关注
RSS订阅原创 在js文件中使用vue的router和store
在js文件中引入vue的路由配置文件 或者 store文件import store from '../store';import router from '../router';//直接使用即可router.push({'path': '/'})store.state.XXX;
2019-11-19 16:09:39
4871
原创 Vue移动端UI组件库Vant
安装npm install vant --save// 或者yarn add vant引入// 全局按需引入，在main.js中import Vue from 'vue';import 'vant/lib/index.css';import { Toast, Picker, Button,} from 'vant';Vue.use(Toast);Vue.use(Picker)...
2019-11-19 15:51:44
1159
原创 express-generator创建express应用
全局安装express-generatornpm install express-generator -g命令行进入对应的页面内，创建应用，执行以下命令即可自动创建。express myapp //myapp为应用名称，可自定义进入项目根目录cd myapp 安装项目所需要的依赖npm install 启动项目npm start在浏览器输入htt...
2019-06-24 14:05:26
207
原创 vue中使用 mint-ui
全局引入及使用引用：在main.js文件中写入import Mint from 'mint-ui';import 'mint-ui/lib/style.css';Vue.use(Mint);使用：举两个示例*此处有疑问，我在vue中打印this，根本没有mint里面的这些方法，最后经过同事指导，才明白这些方法都在原型链上，我们需要打印 Object.getPrototypeOf...
2019-03-01 11:33:43
438
原创 vue打包问题
汇总各种打包问题~打包后的资源路径加载404，修改config/index.js打包后部分图片路径不对，大多数已经编译成base64格式了，部分有问题在build/util.js添加代码...
2019-03-01 11:07:27
193
原创 gulp 前端自动构建工具
中文官网地址：http://www.gulpjs.com.cn安装： 前提是安装了nodejs，步骤可见：点击打开链接全局安装：npm install gulp -g 在项目中安装: npm install gulp --save-dev 检测是否安装成功： gulp -v 配置： 现在自己的项目根目录下新建文件：gulpfile.js,固定名称。 在文件中引入gulp模块， var gul
2017-12-20 17:15:21
322
原创 vue 过滤器基本用法
使用地点：双花括号插值和v-bind表达式。 {{ message|capitalize}} new Vue({ el:"#app", data:{ message:"pwd" }, filters:{ capitalize:function(value){ return value+'a' } }})注意：过滤器函数接收的第一个值是message，依次
2017-12-11 15:27:48
20524
原创 js 实现图片上传之前的预览
获取图片的基本方式：-方法一： 用window.URL.createObjectURL-方法二： h5的新方法： var reader= new FileReader() 读取文件，有四种格式方法： 1.readAsBinaryString读取为二进制码 2.readAsDataURL读取为 DataURL 3.readAsText读取为文本 4.readAsArrayBuf
2017-10-21 20:23:27
624
原创 H5页面加载页效果
使用resLoader.js引入resLoader.js文件 ，下载地址：点击此处直接下载在js里面写入下面代码 var loader = new resLoader({ resources: [ 'img/2.png', 'img/4.png' ], onStart: function(total) {}, on
2017-09-18 16:11:08
10708
原创 encodeuri和decodeuri 解码和编码
encodeURI() //编码decodeURI() //对上面的进行解码encodeURIComponent()//编码decodeURIComponent() //对上面的解码以上方法都是对应的，如果结合使用可能会出现部分错误情况。
2017-09-14 19:04:17
1263
原创 获取url里面的参数，并转化为json
获取url里面的参数：function a(e) { var t = new RegExp("(^|&)" + e + "=([^&]*)(&|$)"); try { var n = window.location.search.substr(1).match(t) } catch (r) {
2017-09-14 18:45:11
9887
原创 仿朋友圈图片查看功能
准备swiper下载swiper轮播图插件，官网：http://www.swiper.com.cn/download/index.html 只需要swiper.min.js 和 swiper.min.css 即可版本不限。jquery.jscss #imglist img{ width: 20%; height: 70px; float: left}.swiper
2017-08-23 19:00:33
3436
原创 nodejs的模板引擎jade
1.nodejs直接渲染页面的值，放到js中使用，如下即可： 2. jade里面使用js代码: 需要把js代码压缩为一行，可以使用函数，字符串等。。。
2017-08-23 18:25:53
351
原创 chrome 调试器小技巧
1、日志保存，选中Network里面的preserve log,即使页面跳转，日志也依旧存在。2、有时候在网页上查看压缩的源码，找不到地方，则可以点一个左下角的{ }，代码就基本是正常的格式的了。
2017-07-20 14:00:24
341
原创 a && b 与 a|| b
true 为非 0 数，false 为 0。 null返回false。a&&b 相当于:if(a){ if(b){ return 1; }else{ return 0; }}else{ return 0;}a || b 相当于：if(a){ return 1;
2017-07-06 14:29:22
2171
原创 二进制与十六进制相互转换
二进制：二进制数据是用0和1两个数码来表示的数。十六进制：0-9,与A(10),B(11),C(12),D(13),E(14),F(15) 总共为16位。1、二进制转化为十六进制：eg: 11 0011 1011，先从右到左，四个位一组，不够的在前面补零够四位即可：0011 0011 1011，然后从左往右：0+0+2+1 0+0+2+1 8+0+2+1 ，十六进制数位：
2017-07-01 16:55:49
3854
原创 css预加载
1、预备素材：2、html元素： 请稍侯.. -->3、css样式：.mask-loading { width: 100%; min-height: 100%; text-align: center; top: 0; bottom: 0; position: fixed; opacity: 0.8;
2017-07-01 13:09:40
4133
原创 jquery.lazyload 懒加载
引入文件：script src="jquery.js" type="text/javascript">script>script src="jquery.lazyload.js" type="text/javascript">script>用于HTML中：JS定义参数:$("img.lazy").lazyload({ container:$("#container"
2017-06-30 18:28:24
250
原创 git 命令语句
安装：在：https://git-scm.com，git的官网下载电脑对应的安装包，按默认安装。安装完以后打开git bash。配置用户信息：git config --global username "自己定义的用户名"用户名git config --global email.name "1141998155@qq.com"邮箱
2017-06-30 17:39:52
414
原创 JSON.stringify() 和 JSON.parse()
JSON.stringify(value), 从一个对象中解析出字符串，一般给后台传值的时候需要使用。JSON.parse(value),将一个字符串解析成对象。
2017-06-30 11:30:11
244
原创 \r\n作用
用于字符串的换行，示例如下：var x=1,y=2,z=3;var str = "appKey:"+x+"\nroomId:"+y+"\nclientId:"+z;console.log(str)
2017-06-29 18:22:56
546
原创 javascript判断是电脑还是手机，android手机还是ios
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agen
2017-06-29 11:48:18
812
转载 H5的 WebSocket
认识HTML5的WebSocket在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名
2017-06-22 18:51:52
1391
原创 变量声明
无var创建的“隐式全局变量”，是可以通过delete操作符进行删除。通过var创建的全局变量是不能删除的。 var a=1; b=2; (function(){ c=3; }()) console.log(typeof(a)); //number console.log(typeof(b)); //number console.log(typeof(c)
2017-06-22 10:31:01
167
原创 vue的 计算属性（computed）、methods、watched三者区别
计算属性 ：和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。原始数据：{{msg}} 改变后的数据：{{changemsg}}var vm=new Vue({ el:"#example", data:{ msg:"hello",},computed:{ changemsg:function(){
2017-06-14 11:39:07
24695
1
原创 vue filter 过滤器
处理数据的作用，使用位置：mustache插值和v-bind表达式。过滤器用于文本转换，复杂的数据处理则用computed。filter第一个参数是处理的文本，第二个参数是表达式传的值，依次。。。可以添加多个filter函数对处理的文本进行处理，从第二个函数开始接受的值为上一个函数处理以后的结果。var app=new Vue({ el:"#divone", data:{
2017-06-13 18:33:32
548
原创 在windows上安装Tomcat
准备工作：1、下载JDK安装包，链接地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html2、在windows下压缩版本的Tomcat，后缀为.zip，链接地址：http://mirrors.hust.edu.cn/apache/tomcat/tomcat-8/v8.5.1
2017-06-13 13:43:22
484
原创 vue js入门
1、初步使用，引入node.js文件即可。 引入数据与DOM绑定。 {{ message }}var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})2、指令：带有前缀v-,表示它们是vue提供的特殊属性。 插值：文本用：{{message}} mustac
2017-06-12 17:23:43
389
原创 NodeJs入门
1、在点击打开链接中，根据电脑型号下载NodeJs包。2、打开cmd窗口，进入刚才NodeJs放置的文件夹下面。 3、进入node环境，输入“node”。4、测试输入“console.log(“hello”)”，如果和以下一样有输入，则安装成功。 5、退出node环境，用“ctrl+c”连续按两次或者ctrl+d即可。
2017-06-12 15:02:59
243
原创 javascript的作用域、闭包、this使用
在javascript中，对象是用拥有属性和方法的数据。属性： 本身就存在的，如数组的length。 人为定义的，如函数的属性。此情况可以向对象添加属性和方法。 eg：objectName.prototype.属性名=属性值；作用域js是函数级作用域，在先收集变量，然后统一赋值。变量在自己可访问的范围内会被前置。
2017-06-04 15:31:33
379
原创 AngularJs基础
定义： javascript的一个类库，使用它很容易创建web页面。 特点： 双向数据绑定，修改任何值的时候，关联的html将会发生改变。概念定义： 类库： 类库是一些函数的集合，它帮助你写web应用。起主导作用的是你的代码，由你来决定何时使用类库。类库有：jQuery等。 框架： 框架是一种特殊的、已经实现了的WEB应用，你只需要对它填充具体的业务逻辑。这里框
2017-05-19 10:38:18
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人