zzulisboy的博客

转载 css实现超出字数限制或者行数，显示。。。。。。

一行内超出点点点overflow:hidden; /超出的部分隐藏起来。/white-space:nowrap;/不显示的地方用省略号…代替/text-overflow:ellipsis;/* 支持 IE */超出两行显示点点点overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-cla...

转载 css控制文本过多溢出，转化为显示...

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说...

原创 vue中在使用this.$router.push路由传参时以及获取参数的方法

项目中通过this.$router.push路由跳转页面传递参数一般有两种方式：1.params传参：通过 this.$router.push({name:‘parasetEdit’,params:{pk_refinfo:‘test’,value:‘test1’}});目标页面接收参数：this.$route.params.pk_refinfo要注意，路径由name声明，参数由para...

转载 vue组件之间传值

1、父组件给子组件传值父组件：<template> <child :name="name"></child></template><script>import child from "./child.vue" export default { components: {child}, dat

原创 postgresql与typeorm使用经验分享

在创建postgresql的表时，定义数组等字段时，根据数组中的元素的类型可以在相应类型后添加一个[]就可以了。但是在定义数组对象或者json时，则需要json或者jsonbeg:#!/bin/bashpsql -U ${POSTGRES_USERNAME} -d ${POSTGRES_DBNAME} << "EOSQL"create table page( pag...

原创 nodejs,postgresql,tyscript,typeorm

开发流程：1、配置router，定义好路由。2、通过路由创建相对应的controller，并定义好方法，每个变量对应的类型要与之对应。3、定义相应的request 可以将接收到的参数进行相对应的处理。4、从controller调用usecase并将参数传过去。5、在usecase中，调用相对应的entity，接收返回参数，并根据controller对entity进行转换，或者根据resp...

原创 vue获取本页面和name,data等同级的自定义属性

通过this.$options.nameeg：export default { name: WIDGET_NAME, setting: { type: WIDGET_NAME, isContainer: true, isChild: false, }, data() { return { // uuid: Date.now().to...

原创 v-runtme-template的简单应用

原创 vue 动态修改插入html代码，并在页面上进行渲染

<template> <div> <el-row type="flex" justify="center"> <el-col :span="16"> <el-card

转载 vue+token验证

vue-koa2-token基于vue的 做了token验证个人博客: 个人博客前端部分（对axios设置Authorization）import axios from 'axios'import store from '../store'import router from '../router' //设置全局axios默认值axios.defaults.timeout = 6...

转载 vue+token验证实现登陆

在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页...

转载 vue学习之，导航钩子

vue-router 的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消。有三种方式可以植入路由导航过程中：全局的单个路由独享的组件级的全局导航钩子：全局导航钩子主要有两种钩子：前置守卫、后置钩子，注册一个全局前置守卫：const router = new VueRouter({ ... });router.beforeEach((to, from, next) =&gt...

原创 vue之v-for中给每个item动态绑定class，动态添加元素，动态删除某个元素的实现

主要解决了在v-for时，如何给每个item添加动态的样式，即是说，鼠标滑动到某一项时，可以单独改变某一项的样式，同时添加按钮等操作。以及删除某一项的操作。<template> <div class="hello"> <ul> <li v-for="(item,

转载 javascript之数组reduce()的学习

概念： reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。语法 ： array.reduce(function(total, cur...

原创 vue2.0 vue.set()的使用

**受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。**因此，当我们想要在data中或者data中的对象添加新的属性时，我们需要使用vue.set()，否则是无法触发视图更新的。data () { return {...

原创 vue自主学习总结，插槽的使用2

vue学习vue插槽的学习作用域插槽所谓作用域插槽，就是我们在子组件的插槽中传值给父组件，父组件通过获取值进行判断渲染，并将其返回给插槽。上代码吧：假设data如下testData[ { id :1, text : "first" }, { id:2, text:"second" }]//child模板<template> <ul&gt...

原创 vue自主学习总结，插槽的使用2

vue学习vue插槽slot的学习上节我们讲了默认的插槽，这节我们来讲具名插槽。当我们在引用child子组件时，我们可以在标签中加入自定义个内容，通过在子组件中加入slot来使child标签中的内容得到渲染，但这又一个弊端，也就是我在引用的child组件标签中添加的所有自定义内容，统统在这一个标签中显示，但假如我自定的内容，想要部分显示在头部，部分显示在尾部，又要如何去处理呢？当然，只要你想...

原创 vue自主学习总结，插槽的使用1

vue学习vue插槽slot的学习1、默认插槽插槽的作用简单来说就是：父组件在引用子组件的时候，为了添加部分自定义内容而出现的工具。假设我们定义了一个子组件child，然后我们在父组件中引用,这一切都是正常的组件引用。但如果我在父组件中引用的时候想要加入一些自定义内容，如：我是父组件自定义内容要怎么办呢？因为我们都知道，在引用的组件标签中加自定义内容渲染时，是会被子组件给覆盖的，那我们这时...