- 博客(38)
- 收藏
- 关注
原创 各种插件作用
1 nuxtjs/axios 使用nuxt框架时引入axios服务的依赖2 nuxtjs/proxy 使用nuxt框架引入服务端代理的依赖3 element-ui 使用element组件库需要的依赖4 vue-lazyload 使用vue框架的图片懒加载需要的依赖5 nodemon 使用node.js时,实现保存重新运行需要的依赖6 orm 操作数据库需要的依赖7 cross-env ...
2020-03-20 19:48:10 417
原创 git 的行结束符
这里面讲到了做两个操作(Checkout,Commit)的三种处理line endings的操作(Windows-style,Unix-style,As-is)。b.Checkout as-is,commit Unix-style line endings.(签出CR,提交签入是LF)c.Checkout as-is,commit as-is line endings. (签出CR,提交签入是CR)
2023-10-08 15:22:00 394
转载 vue路由跳转方式
原文地址:https://www.cnblogs.com/miluluyo/p/11190648.htmlvue路由跳转有四种方式router-linkthis.$router.push() (函数里面调用)this.$router.replace() (用法同push)this.$router.go(n)1. 不带参 1.1 router-link<router-link :to="{name:'home'}"> <r
2021-08-21 17:18:47 555
原创 vue 使用 脚手架和webpack 创建项步骤及相关配置
1 创建一个文件夹2 下载脚手架 npm install --global vue-cli3 webpack初始化项目 vue init webpack 项目名称4 对项目进行配置 webpack是vue-cli已经包含的一个打包工具。执行这个命令后会出现一系列的选项如下:Project name ;项目名称Project description (A Vue.js project) 项目描述 (A Vue.js project);Author (XXX
2021-08-21 17:02:38 368
原创 IE 零碎知识点
1 IE 设置指定日期时,日期格式必须是xxxx/xx/xx hh:mm:ss,以 / 隔开,否则获取的是无效日期 let startDate = '2021-02-23 10:01:45' startDate = startDate.replace(/-/g, '/') // 2021/02/23 10:01:45 let setTime = new Date(startDate); let nowTime = new Date(); let
2021-02-23 10:02:47 130
原创 nuxt 项目引入插件在IE报语法错误
pc项目在其他浏览器包括edge都正常显示,但在IE浏览器报语法错误,页面的点击事件都无正常使用。上网搜索资料得知,可能是因为插件中使用了ES6的语法,导致IE无法解析,阻塞了页面逻辑的运行。最后的解决方案:(此项目采用的是vue的nuxt)修改nuxt.config,增加:build: { transpile: [ ‘vue-persist’ // 出错插件的名称 ], }参考地址:https://blog.csdn.net/haochangdi123/art
2021-02-22 11:28:09 1115
原创 vue-cropper裁剪网络照片跨域
问题描述:将网络照片传给vue-cropper时,报跨域问题,导致图片无法显示解决方案:前提条件图片服务器允许跨域 1 获取网络照片地址 getImgUrl(url, showFodder) { if (url) { this.setImgBase64(url, base64 => { this.$nextTick(() => { this.showFodder.status = showFo...
2020-12-23 18:06:00 2526
原创 nuxt框架项目中报Failed to resolve filter:XXX
虽然报Failed to resolve filter:XXX,但可以正常使用,警告提示界面nuxt.config.js中的配置解决方案:将filter的渲染方式改为服务器端渲染自己上网查找总结的原因:过滤器要先执行,然后再绑定在Vue实例上,可能Vue实例在服务器端已经存在,所以报Failed to resolve filter:XXX...
2020-08-10 16:15:25 892
原创 倒计时
//计算倒计时function calculatePayTime(endTime){ let countTime = '' let setTime = new Date(endTime); let nowTime = new Date(); let restSec = setTime.getTime() - nowTime.getTime(); if(restSec > 0){ let day = parseInt(restSec / (3600 * 24 * 1000)
2020-07-25 17:36:07 113
转载 移动端页面底部导航条固定方法
1.平时我们让导航栏不随页面滚动一般使用position:fixed进行固定,但这个方法在ios移动端有兼容性问题(当呼出键盘时底部就会被顶上去)2.为解决这一问题,我们可以转变思路,让body和html不滚动,将屏幕分为两块区域,分别是导航栏和中间内容区域,然后中间内容区域设置over-flow:auto,让中间的内容区域自己滚动,从而达到页面滚动效果.转载地址:https://www.ji...
2020-04-15 11:00:16 4225
原创 vue动态添加类名和设置宽高
1 动态设置宽高1.1 html代码<div class="box" :style="{height: scrollerHeight}"></div>1.2 在计算属性中计算高度computed: { // 滚动区高度 scrollerHeight: function() { return (window.innerHeight - ...
2020-04-07 14:41:08 2100
原创 解决块级元素(inline-block)自带的边距
方法一 子元素使用float,可能会影响布局代码(下面的css都是这段html代码)<div class="exercise"> <div></div> <div></div> <div></div> </div>css.exercise > div{ ...
2020-04-07 14:06:35 510
转载 Unexpected end of JSON input while parsing near ‘…“
问题描述:Unexpected end of JSON input while parsing near '…"解决办法:(1)npm install --registry=https://registry.npm.taobao.org --loglevel=silly(2) npm cache clean --force(3) npm install————————————————...
2020-03-10 15:14:00 183 2
原创 状态store的写入和读取
1 vue中store的写入和读取1.1 创建store文件夹1.2 写js文件const state = { // this.$store.state. username: null, token: null, brandArr: [], // 记录访问路径 shopStatus: '0' } // 获取数据 对外暴露 // mautation...
2020-03-10 12:18:17 3142
原创 vue Element 中的下拉框不重复,下拉框和下拉框选项是循环的
实现思路有一个数组是存放下拉框的选项,一个局部数组变量存放已经选择的选项循环存放已经选择过的数组,将值加入局部数组变量循环局部数组变量,和传入的值进行对比,如果相等返回true,从而禁用,否则返回false页面结构 <div class="all-test-type" v-for="(item, index) in addForm.examTopic...
2020-01-18 16:29:16 2798
原创 转载文章
webpack配置接口地址代理(vue proxytable)地址:https://www.jianshu.com/p/744691eeb8f0
2020-01-01 18:05:27 85
原创 vue脚手架和webpack创建项目
vue脚手架和webpack创建项目1 创建一个文件夹2 下载脚手架 npm install --global vue-cli3 使用webpack初始化项目 vue init webpack my-project4 对项目进行一些配置Project name 项目名称(enter) Porject description 项目描述(enter) Author (enter)v...
2020-01-01 16:37:21 733
原创 Object.prototype.toString判断任意的数据类型
在JavaScript里使用typeof判断数据类型,只能区分基本类型,即:number、string、undefined、boolean、object、function。对于null、array、object来说,使用typeof都会统一返回object字符串。要想区分对象、数组、函数、单纯使用typeof是不行的。在JS中,可以通过Object.prototype.toString方法,判...
2019-12-13 22:11:56 349
原创 vuex刷新之后数据丢失
1、问题描述:一般在登录成功的时候需要把用户信息,菜单信息放置vuex中,作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化,导致数据丢失。因为vuex里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,vuex里面的数据就会被重新赋值。2、解决思路:办法一:将vuex中的数据直接保存到浏览器缓存中(sessionStorage、localStorage、...
2019-12-08 22:27:53 265
原创 单行用。。。省略和多行用。。。省略
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下...
2019-10-17 19:24:44 91
原创 前端创建元素的四种方式
**document.writehtml代码<button>点击</button>js代码// 1. document.write() 创建元素 如果页面文档流加载完毕,再调用这句话会导致页面重绘 var btn = document.querySelector('button'); btn.onclick = function...
2019-10-17 19:08:19 419
原创 前端预览上传图片
1 本地预览上传图片h5新增的FileReader构造函数html结构<input type="file" name="file" id="file"> <div id="box"></div>js代码<script> let file = document.getElementById('file'); let ...
2019-10-17 17:26:04 222
原创 时间处理方法
直接通过new Date出来的时间不符合我们的习惯,node.js中的dateformar插件可以对时间经常处理,使用 方式如下1 下载dateformat插件 npm install dateformat2 在js中引入dateformat模块3 导入模块变量const template=require('art-template');const path=require('path...
2019-10-07 13:44:00 666 1
原创 解决npm安装mongoose模块的错误
安装mongoose模块时突然出现以下错误需要清除npm编译的一些缓存命令:npm cache clean --force
2019-09-27 23:55:18 1018
原创 箭头函数中的this和ES6之前函数中的this指向对比
1 ES6中this的指向是向外层寻找离自己最近的this指向。在不改变this指向时,箭头函数中this有两种情况1 this 指向被注册的元素<script> var btn=document.querySelector(button); btn.onclick=function(){ console.log(this);//this 指...
2019-09-23 19:47:09 119
原创 js中事件注册书写的三种位置
1 行内注册事件1.1 在行内直接写函数 <div class="box" onclick="{alert(245)}"><div>1.2 或者在行内调用已经写好的函数<div class="box" onclick="fun()"><div><script> function fun(){ alert(23...
2019-09-22 09:55:56 179
原创 html()和empty()区别
简单的说empty,首先循环给后代元素移除绑定(释放内存)、清除jquery给此dom的cache,然后循环removeFirstChild,而html(’’),则是简单暴力的设置innerHTML = ‘’;怪不得以前有人说在IE上用html("")导致内存泄露呢。重复调用几遍,内存占用越积越多,能不泄露嘛!要想验证此时,可以用html(""),empty("")分别测试,用chrome的任...
2019-09-16 17:11:43 1131
转载 window document html body的区别
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/isxixi/article/details/78559548我电脑屏幕分辨率:1440 * 900最大化浏览器,刷新浏览器alert((window).width()+“−−−”+(window).width()+“−−−”+(wi...
2019-09-09 21:06:55 441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人