![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
泡面而已
这个作者很懒,什么都没留下…
展开
-
javaScript 对于字符串字符长度的控制
写页面时,会有需求用户名称不要超过一行,或者描述文字不超过两行的要求,但是如果简单的使用单纯使用username.slice(0,10)进行文字的控制的时候,发现效果不是很理想,因为中文和英文的字符长度不一样,导致获取的长度是不同的,所以使用字符长度来控制字数比较好,话不多上,上方法:byteLength (val, len = 25) { let b = len; // 规定长度 let init = 0; let newVal = ''; // 获取字符..原创 2021-12-17 15:05:52 · 3150 阅读 · 0 评论 -
vue .sync的使用 2021年7月
sync属性是语法糖,能够简单解决一个变量的父子组件交互对比了一下其他解释,发现不生效了,我发一版本好用的子组件关闭自己的方法,传统是emit 调父组件的函数,这个不需要一行搞定//父组件<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"> <button @click="isShow = true">打开</butt原创 2021-07-14 17:16:00 · 183 阅读 · 0 评论 -
前端好用工具 npm
Lodashlodash[1]是一套现代 JavaScript 实用程序库,提供模块化、性能与多种附加功能。可提供关于 JavaScript 数组、对象及其他数据结构的多种实用功能。import { isEqual, cloneDeep, uniqBy, sortBy } from "lodash";const object = { a: 1 };const other = { a: 1 };isEqual(object, other);// => trueobject ==转载 2021-04-28 12:38:32 · 542 阅读 · 0 评论 -
vux scrooll组件 ios 滑动时 页面乱串 bug(vux已经放弃 bug太多了)
将\node_modules\vux-xscroll\build\cmd\simulate-scroll.js下的getScrollTop方法里面的正则表达式替换成下面(/[-\d.\de-\d]+/g )的就可以了。这里路径可能不完全一样,反正就是源码库里的vux-xscroll里的simulate-scroll.js这个文件getScrollTop: function() { // var transY = window.getComputedStyle(this.container)原创 2020-11-13 18:23:02 · 142 阅读 · 1 评论 -
Vue 2.0 学习笔记一 基于webpack模板创建项目
vuejs 框架需要基于nodejs自带的npm下载 所以电脑先安装nodejs 地址:https://nodejs.org/en/download/1全局安装脚手架 npm install --global vue-cli2创建一个基于webpack 的模版项目vue init webpack my-project3 安装依赖 进入 my-project中...原创 2018-10-28 14:29:17 · 123 阅读 · 0 评论 -
vue render函数实战
当我们需要页面动态改变时,就需要render函数render函数的特点就是没有html标签 没有template模版 只有script标签 跟react很像例子:table.vue<script> export default { props: ['items'], render: function(createElement) { let self = this console.log(thi原创 2020-06-19 09:06:10 · 274 阅读 · 0 评论 -
vue extend 使用
vue页面大致都是router路由下 写好的单页面 当我们想要增加一个新页面 div 就需要extend1首先创建一个.vue后缀的单页面 例如alert.vue 做一个弹窗2 创建一个js 用来extend这个单页面index.jsimport Vue from 'vue';import alert from './alert.vue'let MyAlertConstructor = Vue.extend(alert);let instance;const MyA...原创 2020-06-18 23:36:53 · 400 阅读 · 0 评论 -
mac vuetoos 安装
git最新版本有问题 所有安装 Tags:5.1.1//--branch 分支号 git地址git clone --branch v5.1.1 https://github.com/vuejs/vue-devtools.gitcd vue-devtoolsnpm installnpm run build之后百度别的 都有怎么该true然后浏览器开发者模式 引用...原创 2020-05-27 10:50:00 · 99 阅读 · 0 评论