- 博客(38)
- 收藏
- 关注
RSS订阅
原创 各种插件作用
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
395
原创 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
360
转载 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
540
原创 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
355
原创 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
119
原创 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
1101
原创 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
2459
原创 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
883
原创 倒计时
//计算倒计时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
100
转载 移动端页面底部导航条固定方法
1.平时我们让导航栏不随页面滚动一般使用position:fixed进行固定,但这个方法在ios移动端有兼容性问题(当呼出键盘时底部就会被顶上去)2.为解决这一问题,我们可以转变思路,让body和html不滚动,将屏幕分为两块区域,分别是导航栏和中间内容区域,然后中间内容区域设置over-flow:auto,让中间的内容区域自己滚动,从而达到页面滚动效果.转载地址：https://www.ji...
2020-04-15 11:00:16
4173
原创 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
2071
原创 解决块级元素(inline-block)自带的边距
方法一 子元素使用float，可能会影响布局代码(下面的css都是这段html代码)<div class="exercise"> <div></div> <div></div> <div></div> </div>css.exercise > div{ ...
2020-04-07 14:06:35
495
转载 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
172
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
3125
原创 vue Element 中的下拉框不重复，下拉框和下拉框选项是循环的
实现思路有一个数组是存放下拉框的选项，一个局部数组变量存放已经选择的选项循环存放已经选择过的数组，将值加入局部数组变量循环局部数组变量，和传入的值进行对比，如果相等返回true，从而禁用，否则返回false页面结构 <div class="all-test-type" v-for="(item, index) in addForm.examTopic...
2020-01-18 16:29:16
2785
原创 转载文章
webpack配置接口地址代理(vue proxytable)地址：https://www.jianshu.com/p/744691eeb8f0
2020-01-01 18:05:27
77
原创 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
718
原创 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
339
原创 vuex刷新之后数据丢失
1、问题描述：一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。2、解决思路：办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、...
2019-12-08 22:27:53
255
原创 单行用。。。省略和多行用。。。省略
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下...
2019-10-17 19:24:44
84
原创 前端创建元素的四种方式
**document.writehtml代码<button>点击</button>js代码// 1. document.write() 创建元素 如果页面文档流加载完毕，再调用这句话会导致页面重绘 var btn = document.querySelector('button'); btn.onclick = function...
2019-10-17 19:08:19
411
原创 前端预览上传图片
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
210
原创 时间处理方法
直接通过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
646
1
原创 解决npm安装mongoose模块的错误
安装mongoose模块时突然出现以下错误需要清除npm编译的一些缓存命令：npm cache clean --force
2019-09-27 23:55:18
998
原创 箭头函数中的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
111
原创 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
170
原创 html()和empty()区别
简单的说empty，首先循环给后代元素移除绑定（释放内存）、清除jquery给此dom的cache，然后循环removeFirstChild,而html(’’)，则是简单暴力的设置innerHTML = ‘’;怪不得以前有人说在IE上用html("")导致内存泄露呢。重复调用几遍，内存占用越积越多，能不泄露嘛！要想验证此时，可以用html（""）,empty("")分别测试，用chrome的任...
2019-09-16 17:11:43
1118
转载 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
431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人