- 博客(53)
- 收藏
- 关注
原创 数组去重
//数组去重//方法一var arr = [0,2,3,4,4,0,2];var obj={}var arrs=[]for(var i=0;i<arr.length;i++){ if(!obj[arr[i]]){ obj[arr[i]]=1; arrs.push(arr[i]) }}console.log(arrs)//方法二var arr = [0,2,3,4,4,0,2];var a...
2018-06-20 17:40:35
294
原创 添加遮罩层
<div id='Loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB ;text-align:center;"> <div class="datagrid-mask"></div> ...
2018-06-19 17:23:40
522
原创 判断对象是否为空
//第一种方法//var obj={};//var str=JSON.stringify(obj);//if(str == "{}"){// alert("true");//}else{// alert("false");//}//第二种方法,通过for in //var obj={};//function aaa(){// for(var key in obj){// return false...
2018-06-13 15:35:31
421
原创 使用easyui所遇到的问题
1. easyui页面一打开的时候出现短暂混乱的问题在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析 解决方法:要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。在body下面第一行加入一个载入提...
2018-06-08 16:29:14
788
原创 iframe的优缺点
1.优点 1.iframe能够原封不动的把嵌入的网页展现出来。2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。5.重载页面时不需要重...
2018-06-04 20:12:54
332
原创 水平居中的几种方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> /*方法一*/ /*.box{ width:300px; height:300px;
2018-06-04 19:34:28
327
原创 盒模型
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> .box{ width:300px; height:300px; backgrou
2018-06-04 18:09:13
201
原创 css自适应布局
1.左侧固定,右侧自适应的方法 第一种:(注意父级中box-sizing: border-box;)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style&
2018-06-02 14:49:00
490
原创 vue 的生命周期
1.什么是vue生命周期? vue实例从创建到销毁的过程,就是生命周期,从开始创建、初始化数据、编译模板、挂载demo-渲染、更新-渲染、卸载等一系列过程,我们称之为Vue的生命周期2.vue生命周期总共有几个阶段?8个阶段,创建前后、载入前后、更新前后、销毁前后3.第一次页面加载会触发哪些钩子?会触发beforeCreate,created,beforeMount,mounted这几个钩子4...
2018-06-02 14:47:38
220
原创 表单验证demo
/* attribute value 数据格式 说明1.required true/false boolen 是否必填2.type ip/mobile/name/common/code/url/email/tel/telOrMobile/port/mac/identity/int/plateNumber string 类型3.fixLength 1/2....
2018-06-02 11:54:05
867
原创 VUE+HUI开发中的表单验证
表单验证是前端开发中比较重要的一个环节, 作用是在防止用户犯错的前提下,尽可能让用户更早地发现并纠正错误,提交有效的表单。在VUE+HUI 开发环境中,我们需要用到Form 组件提供的表单验证功能来实现表单验证。 主要方法:1. 通过 rule 属性传入约定的验证规则2. 将Form-Item 的 prop 属性设置为需校验的字段名。 方法比较简单,但是在实际操作中,有一些场景下的表单验证比较...
2018-06-02 11:52:08
2530
1
转载 JS中undefined与null的区别
1、概述: 在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined? 有人说这两个返回值,没有什么区别,只是历史遗留问题罢了,其实还是有一点区别的。2、null和undefined的发展史: 大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,...
2018-04-28 16:14:15
160
原创 cookie和session
会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份如果说Cookie机制是通过检查客户身上的“通行证”来确定客户身份的话,那么Session机制就是通过检查服务器上的“客户明细表”来确认客户身份。Session相当于程序在服务器上...
2018-04-26 10:38:00
154
转载 vue项目优化之按需加载组件-使用webpack require.ensure
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码 router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Hello from '@/components/Hello'import ...
2018-04-25 09:59:55
284
原创 Vue-自定义组件
组件(Component)是Vue.js 最强大的功能。组件可以封装可重用的代码,通过传入对象的不同,实现组件的复用,但组件传值就成为一个需要解决的问题。父组件向子组件传值组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的props选项。如何在其他的vue文件中使用这个star组件呢?如下图所示,首先通过import引入st...
2018-04-25 09:27:42
10101
原创 Vue开发环境搭建
1.安装node;2.npm换源npm config set registry https://registry.npm.taobao.org。3.安装vue-cli脚手架 npminstall -g vue-cli4.查看安装成功5.创建一个文件夹放工程6.找到文件夹路径7.npm install加载依赖8.npm run dev...
2018-04-25 09:27:32
138
原创 小屏适配
在谷歌浏览器下设置小屏模式1366*768,开始适配一.列表自适应小屏,不出横向滚动条实现:1. 在html模板中定义列宽为变量,这时,需要在width属性前加上冒号2. 在data中定义变量3.定义重写方法4.在create钩子中使用二:采用媒体查询...
2018-04-25 09:27:24
675
原创 字体图标制作与使用
字体图标的优势:字体图标任意缩放不会失真,也大大减少请求数量,优化性能。 在线生成工具: https://icomoon.io/app/#/select1. 进入网址:主页面2. 新建一个图集 new set from selection3.添加.svg图片(可以使用现成的,也可以使用自定义的) 使用现成的点击页面的AddIcons 使用自定义的直接拖拽进图集即可添加4...
2018-04-25 09:27:15
663
原创 vue 问题汇总
一. vue中的地址传参添加和修改除了接口有所不同,其他大致相同,可通过传参调取不同接口;二.v-for的使用,重复渲染元素 这个例子中,右边的组件是基于接口返回值重复渲染的, 前端不再需要去判断组件的显示与隐藏。这样,今后组件扩充,前端不再需要改动任何代码,,v-for直接实现动态的重复渲染方法如下1.获取items三.设置树节点的默认选中高亮和选中树节点四.页面之间的传值 1.声明一个变量2....
2018-04-25 09:26:56
248
原创 Axios的安装:
1.打开项目文件夹,在命令行窗口执行npm install axios -S2.可以去项目配置文件中查看安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入。 为了解决这个问题,有两种开发思路:1:引入 axios 之后,修改原型链2.结合 Vuex,封装一个 action(基础平台暂未使用,暂时不介绍...
2018-04-25 09:26:47
6471
原创 前端路由
1. npm安装路由在创建项目的时候,将installvue-router设置为YES就实现了安装引入路由到src目录下的router/index.js文件中借助 vue-router,使用嵌套路由配置(实际项目中的应用界面,通常由多层嵌套的组件组合而成。URL中各段动态路径也按某种结构对应嵌套各层组件)一、什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面;二、什么是前端路由? ...
2018-04-25 09:25:03
372
原创 异步树
当树上挂载的数据较多时,一次加载出全部的数据,可能导致用户体验不佳,这时可以考虑使用异步树,按需加载。1. HUI异步树HUI官网上有异步树的示例代码,在此就不赘述。异步树是按层加载的。首次加载出根节点,可以设置属性default-expanded-keys让其再调用一次loadNode方法,展示出想要默认展开的下一级节点,根据业务需求考虑。异步树所在页面显示时,load绑定的方法自动执...
2018-04-24 17:50:51
1316
原创 HUI组件—对话框
1. 直接设置对话框内容区的宽度,可能导致对话框在页面中不居中,偏离中间位置,如果想指定对话框的宽度,可以设置area属性。area属性同时也可以指定对话框的高度。 2. 给对话框添加area属性后,对话框中间内容区会出现垂直滚动条,可以通过给其包裹外层容器解决。...
2018-04-24 17:46:07
666
原创 WebSocket与HTTP
l HTTP协议HTTP 协议有一个缺陷:通信只能由客户端发起。HTTP 协议做不到服务器主动向客户端推送信息。² HTTP的缺陷在WebSocket规范提出之前,开发人员若要实现这些实时性较强的功能,经常会使用折衷的解决方法:轮询(polling)和Comet技术。其实后者本质上也是一种轮询,只不过有所改进。轮询是最原始的实现实时Web应用的解决方案。轮询技术要求客户端以设定的时间间隔周期性...
2018-04-24 17:42:46
223
原创 vue指令v-if和v-for
l vue指令中v-if和v-for如果用在同一个标签上是有优先级的.这种优先级可以用来渲染满足特定条件的某些项.如果想要有条件的进行渲染,(1)可以将v-if置于外层元素;(2)可以将v-if置于<template>上.template最终不会渲染在html中; ...
2018-04-24 17:24:26
660
原创 vue项目中引入控件
1. 需要下载控件安装包,进行安装 控件下载地址以及密码: https://filexc.hikvision.com/filexc/www/?a=d&i=3ntAaSPSuD密码:Idsnfxlj12SUayiD5nG6 (注: 此控件只能在IE浏览器中正常显示)2. 在vue项目中引入该控件(1) html文件 <object classid="clsid:BE020CC...
2018-04-24 17:21:26
3118
原创 Vue-数据传递
组件(Component)是Vue.js 最强大的功能。组件可以封装可重用的代码,通过传入对象的不同,实现组件的复用,但组件传值就成为一个需要解决的问题。1. 父组件向子组件传值组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的props选项。子组件:子组件需要从父组件获取 logo 的值,就需要使用 props: ...
2018-04-24 17:14:54
828
原创 Vue-set
Vue是通过Object.defineProperty()来实现双向数据绑定的。把一个普通 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。每个组件实例都有相应的 watcher 实例对象,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的 set...
2018-04-24 14:17:34
252
原创 Vue—key的使用
1. 用法<div v-for="item in items":key="item.id"><!-- 内容--></div>最常见的用例是结合 v-for。2. 使用意义提高循环性能。key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试...
2018-04-24 12:07:18
4600
原创 Vscode插件安装
有时候因为网络的问题,Vscode可能无法正确安装扩展,可选择离线安装。1. 进入VisualStudio Code官网https://marketplace.visualstudio.com/2. 输入插件名字3. 下载点击上图的下载小按钮,页面跳转至安装界面4. 点击DownloadExtension,将vsix文件下载到本地。5. 打开Vsc...
2018-04-24 12:02:44
3079
原创 Aixos
一、vue-resource二、Aixos三、相关链接 一、vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM。vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁。另外,vue...
2018-04-24 09:48:26
753
原创 组件组合
组件设计初衷就是要配合使用的,最常见的就是形成父子组件的关系:组件 A 在它的模板中使用了组件 B。它们之间必然需要相互通信:父组件可能要给子组件下发数据,子组件则可能要将它内部发生的事情告知父组件。然而,通过一个良好定义的接口来尽可能将父子组件解耦也是很重要的。这保证了每个组件的代码可以在相对隔离的环境中书写和理解,从而提高了其可维护性和复用性。在 Vue 中,父子组件的关系可以总结为 prop...
2018-04-23 15:39:35
361
转载 关于angularjs中$http POST请求参数的问题
$http({ method: "POST", url: "", data: id }).success(); 发现发送的参数出现在了request payload里,参数为一个对象,于是查询了POST表单请求提交时,使用的Content-Type是application/x-www-form-url...
2018-04-17 14:56:13
269
原创 const、let、var的区别
一、const、let、var的区别const定义的变量不可修改,const一般在require一个模块的时候用或者定义一些全局常量let声明的变量作用域是在块级域中,函数内部使用let定义后,对函数外部无影响,可以在声明变量时为变量赋值,默认值为undefined,也可以稍后在脚本中给变量赋值,在生命前无法使用。var 声明的变量作用域是全局的或者是函数级的二、let和var关键字的异同声明后未...
2018-04-16 15:47:08
273
转载 vue路由异步组件和懒加载案例
最近研究了vue性能优化,涉及到vue异步组件和懒加载。一番研究得出如下的解决方案。原理:利用webpack对代码进行分割是懒加载的前提,懒加载就是异步调用组件,需要时候才下载。案例:首先是组件,创建四个组件分别命名为first、second、three和four;内容如下?12345678910111213141516171819first<template> <div>...
2018-04-16 14:24:43
1529
原创 easyui中下拉树的onLoadSuccess事件,加载完成后拿到树的根节点
在项目中,我们采用的是easyUI组件,经常会遇到下拉树组件,后面跟着查询,查询的参数是树的根节点的id,初始化页面的时候调取查询函数,可是会遇到一个问题,树的根节点的id拿不到,之前采取的方法是直接在onLoadSuccesss里面直接调取查询函数,但是后来发现异步树的展开事件也会调取查询事件,违背了设计意图了,后来的解决方案是定义一个变量,通过变量来判断eg:var _flag=true;if
2018-01-20 16:56:50
4296
原创 查询条件下分页应该处于第一页
在项目开发过程中,根据查询条件查询数据时应将表格分页置于第一页,查询条件之前加上一下两句话即可将分页置于第一页(我才用的easyui框架)//查询条件下分页恢复到第一页var opts=$("#abnormalInfoDg").datagrid("options");opts.pageNumber=1;
2018-01-20 16:45:39
1756
原创 被视频控件遮挡的问题
在项目开发过程中,遇到过视频控件遮挡div的情况,后来在度娘的帮助下解决了这个问题,现在记录一下,以防自己忘记解决消息框被控件遮挡问题本人遇到jquery easyui 弹出对话框被activex控件遮挡问题,网上查了下,关于遮挡问题可以用在弹出层中添加并设置z-index属性的方式解决“就在遮罩生成后用jquery选中遮罩的元素,渲染一个宽度高度都100%的iframe”于是在遮罩窗
2018-01-20 16:41:56
4213
转载 js 对象
一、对象的定义: 对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值。即属性的无序集合。二、对象的创建(多种方法) 1、对象直接量 / 字面量 var obj = { name: 'lyl', age: 18 } console.lo
2018-01-19 16:55:13
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人