知识的整合
依欣依意127
一只想学习的猪
展开
-
关于string的总结
string常用方法:1.match:查找字符串中所匹配的值,返回的是匹配的字符串;2.search:查找字符串中所匹配的值,返回的是下标位置;3.replace:字符串的替换4.split:将字符串分割成数组5.slice:字符串的截取(start,end)包含start,不包含end6.substr:字符串的截取(start,length),length是从start处原创 2018-01-11 17:43:53 · 161 阅读 · 0 评论 -
Vue-自定义组件
组件(Component)是Vue.js 最强大的功能。组件可以封装可重用的代码,通过传入对象的不同,实现组件的复用,但组件传值就成为一个需要解决的问题。父组件向子组件传值组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的props选项。如何在其他的vue文件中使用这个star组件呢?如下图所示,首先通过import引入st...原创 2018-04-25 09:27:42 · 10091 阅读 · 0 评论 -
小屏适配
在谷歌浏览器下设置小屏模式1366*768,开始适配一.列表自适应小屏,不出横向滚动条实现:1. 在html模板中定义列宽为变量,这时,需要在width属性前加上冒号2. 在data中定义变量3.定义重写方法4.在create钩子中使用二:采用媒体查询...原创 2018-04-25 09:27:24 · 650 阅读 · 0 评论 -
vue 问题汇总
一. vue中的地址传参添加和修改除了接口有所不同,其他大致相同,可通过传参调取不同接口;二.v-for的使用,重复渲染元素 这个例子中,右边的组件是基于接口返回值重复渲染的, 前端不再需要去判断组件的显示与隐藏。这样,今后组件扩充,前端不再需要改动任何代码,,v-for直接实现动态的重复渲染方法如下1.获取items三.设置树节点的默认选中高亮和选中树节点四.页面之间的传值 1.声明一个变量2....原创 2018-04-25 09:26:56 · 234 阅读 · 0 评论 -
Axios的安装:
1.打开项目文件夹,在命令行窗口执行npm install axios -S2.可以去项目配置文件中查看安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入。 为了解决这个问题,有两种开发思路:1:引入 axios 之后,修改原型链2.结合 Vuex,封装一个 action(基础平台暂未使用,暂时不介绍...原创 2018-04-25 09:26:47 · 6462 阅读 · 0 评论 -
打包方式
1.在项目文件夹中打开命令行工具2.执行npm run build命令3.开始打包4.dist文件夹就是生成的最新前端包原创 2018-04-25 09:26:39 · 264 阅读 · 0 评论 -
前端路由
1. npm安装路由在创建项目的时候,将installvue-router设置为YES就实现了安装引入路由到src目录下的router/index.js文件中借助 vue-router,使用嵌套路由配置(实际项目中的应用界面,通常由多层嵌套的组件组合而成。URL中各段动态路径也按某种结构对应嵌套各层组件)一、什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面;二、什么是前端路由? ...原创 2018-04-25 09:25:03 · 359 阅读 · 0 评论 -
字体图标制作与使用
字体图标的优势:字体图标任意缩放不会失真,也大大减少请求数量,优化性能。 在线生成工具: https://icomoon.io/app/#/select1. 进入网址:主页面2. 新建一个图集 new set from selection3.添加.svg图片(可以使用现成的,也可以使用自定义的) 使用现成的点击页面的AddIcons 使用自定义的直接拖拽进图集即可添加4...原创 2018-04-25 09:27:15 · 650 阅读 · 0 评论 -
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 · 273 阅读 · 0 评论 -
cookie和session
会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份如果说Cookie机制是通过检查客户身上的“通行证”来确定客户身份的话,那么Session机制就是通过检查服务器上的“客户明细表”来确认客户身份。Session相当于程序在服务器上...原创 2018-04-26 10:38:00 · 145 阅读 · 0 评论 -
vue 的生命周期
1.什么是vue生命周期? vue实例从创建到销毁的过程,就是生命周期,从开始创建、初始化数据、编译模板、挂载demo-渲染、更新-渲染、卸载等一系列过程,我们称之为Vue的生命周期2.vue生命周期总共有几个阶段?8个阶段,创建前后、载入前后、更新前后、销毁前后3.第一次页面加载会触发哪些钩子?会触发beforeCreate,created,beforeMount,mounted这几个钩子4...原创 2018-06-02 14:47:38 · 205 阅读 · 0 评论 -
异步树
当树上挂载的数据较多时,一次加载出全部的数据,可能导致用户体验不佳,这时可以考虑使用异步树,按需加载。1. HUI异步树HUI官网上有异步树的示例代码,在此就不赘述。异步树是按层加载的。首次加载出根节点,可以设置属性default-expanded-keys让其再调用一次loadNode方法,展示出想要默认展开的下一级节点,根据业务需求考虑。异步树所在页面显示时,load绑定的方法自动执...原创 2018-04-24 17:50:51 · 1307 阅读 · 0 评论 -
HUI组件—对话框
1. 直接设置对话框内容区的宽度,可能导致对话框在页面中不居中,偏离中间位置,如果想指定对话框的宽度,可以设置area属性。area属性同时也可以指定对话框的高度。 2. 给对话框添加area属性后,对话框中间内容区会出现垂直滚动条,可以通过给其包裹外层容器解决。...原创 2018-04-24 17:46:07 · 658 阅读 · 0 评论 -
如何获取不同页面的数据
项目过程中可能会遇到A页面的数据想要传到B页面当中,该如何处理呢,希望接下来的内容能够帮助到你function getParameter(){var obj={};var getParameter=localtion.search;//设置或获取网页地址跟在问号后面的部分 当以get方式在url中传递了请求参数时,可以利用location的search属性提取参数的值原创 2018-01-05 11:11:03 · 1119 阅读 · 0 评论 -
js 对象
一、对象的定义: 对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值。即属性的无序集合。二、对象的创建(多种方法) 1、对象直接量 / 字面量 var obj = { name: 'lyl', age: 18 } console.lo转载 2018-01-19 16:55:13 · 196 阅读 · 0 评论 -
组件组合
组件设计初衷就是要配合使用的,最常见的就是形成父子组件的关系:组件 A 在它的模板中使用了组件 B。它们之间必然需要相互通信:父组件可能要给子组件下发数据,子组件则可能要将它内部发生的事情告知父组件。然而,通过一个良好定义的接口来尽可能将父子组件解耦也是很重要的。这保证了每个组件的代码可以在相对隔离的环境中书写和理解,从而提高了其可维护性和复用性。在 Vue 中,父子组件的关系可以总结为 prop...原创 2018-04-23 15:39:35 · 348 阅读 · 0 评论 -
Vscode插件安装
有时候因为网络的问题,Vscode可能无法正确安装扩展,可选择离线安装。1. 进入VisualStudio Code官网https://marketplace.visualstudio.com/2. 输入插件名字3. 下载点击上图的下载小按钮,页面跳转至安装界面4. 点击DownloadExtension,将vsix文件下载到本地。5. 打开Vsc...原创 2018-04-24 12:02:44 · 3055 阅读 · 0 评论 -
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 · 4586 阅读 · 0 评论 -
Vue-set
Vue是通过Object.defineProperty()来实现双向数据绑定的。把一个普通 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。每个组件实例都有相应的 watcher 实例对象,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的 set...原创 2018-04-24 14:17:34 · 243 阅读 · 0 评论 -
Vue-数据传递
组件(Component)是Vue.js 最强大的功能。组件可以封装可重用的代码,通过传入对象的不同,实现组件的复用,但组件传值就成为一个需要解决的问题。1. 父组件向子组件传值组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的props选项。子组件:子组件需要从父组件获取 logo 的值,就需要使用 props: ...原创 2018-04-24 17:14:54 · 812 阅读 · 0 评论 -
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 · 3102 阅读 · 0 评论 -
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 · 649 阅读 · 0 评论 -
WebSocket与HTTP
l HTTP协议HTTP 协议有一个缺陷:通信只能由客户端发起。HTTP 协议做不到服务器主动向客户端推送信息。² HTTP的缺陷在WebSocket规范提出之前,开发人员若要实现这些实时性较强的功能,经常会使用折衷的解决方法:轮询(polling)和Comet技术。其实后者本质上也是一种轮询,只不过有所改进。轮询是最原始的实现实时Web应用的解决方案。轮询技术要求客户端以设定的时间间隔周期性...原创 2018-04-24 17:42:46 · 212 阅读 · 0 评论 -
数组去重
//数组去重//方法一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 · 286 阅读 · 0 评论