html5
文章平均质量分 55
_zhiqun
这个作者很懒,什么都没留下…
展开
-
谷歌浏览器手机调试模式时显示断网
再谷歌浏览器开发vue项目,当切换成移动端模式进行调试项目。报错信息为”crbug/1173575,non-JS module files deprecated.“解决方法:No throttling。原创 2022-10-10 21:36:18 · 418 阅读 · 1 评论 -
vue请求网络接口中图片报错403解决办法
网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错403 问题,这个时候应该使用缓存的方式拿到请求图片的地址进行缓存,只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可(这是一个专门缓存图片的网址)可能会有点慢使用方法如下:// 解决403图片缓存问题 getImages( _url ){ if...原创 2018-10-05 17:39:13 · 2951 阅读 · 0 评论 -
通过vue-cli生成项目时报错解决方案
全局安装 vue-cli$ npm install -g vue-cli创建一个基于 “webpack” 模板的新项目$ vue init webpack my-project在执行vue init webpack my-project时遇到一个错误:$ vue init webpack my-project/usr/local/lib/node_modules/vue-cli/...原创 2018-10-06 21:48:45 · 2063 阅读 · 0 评论 -
pm WARN enoent ENOENT: no such file or directory, open 'E:\Program Files\nodejs \package.json' npm
在写一个网络爬虫的时候需要安装cheerio ,直接在nodejs安装目录下安装时候,在执行npm install cheerio 时候会遇到下面情况npm WARN enoent ENOENT: no such file or directory, open ‘E:\Program Files\nodejs\package.json’解决方法是...转载 2018-10-06 21:54:48 · 3461 阅读 · 0 评论 -
查看npm全局安装过哪些模块
查看npm全局安装过哪些模块:$ npm list -g --depth 0原创 2018-10-07 14:15:10 · 13777 阅读 · 0 评论 -
create-react-app慢的解决
在操作官方实例Create React App时,需要执行指令:create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch解决方案是换源,虽然平常使用cnpm...原创 2018-10-15 16:55:38 · 814 阅读 · 0 评论 -
npm报错:npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in
在npm下载包的时候出现一个错误:npm ERR! Maximum call stack size exceedednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\安宁的小狮狮\AppData\Roaming\npm-cache_logs\2018-10-09T16_04_57_084Z-d...原创 2018-10-10 00:18:08 · 22144 阅读 · 3 评论 -
git 操作报错 fatal: Not a valid object name: 'master'.
问题场景:新建git项目或刚为已存在项目创建了git仓库,想用git branch dev创建dev分支或用git checkout -b dev创建并切换到dev分支时报错。原因:刚创建的git仓库默认的master分支要在第一次commit之后才会真正建立,否则就像你声明了个对象但没初始化一样解决办法,:亲试有效, 先git add .添加所有项目文件到本地仓库缓存,再gi...原创 2018-10-20 00:48:58 · 1044 阅读 · 0 评论 -
react中使用fontawesome【简单方法】
当然:在这之前,试过网上的各种方法。后来还是选择这一种,使用简单。安装模块yarn add @fortawesome/fontawesomeyarn add @fortawesome/react-fontawesomeyarn add @fortawesome/fontawesome-free-solid使用方法【注】fa前缀是必须添加的。小结:在React中没有 “ - ”...原创 2018-10-20 01:02:00 · 3230 阅读 · 1 评论 -
npm查看依赖包报错:npm ERR! extraneous解决!!
查看依赖库的信息时候报错如下所示:npm ERR! extraneous解决方法:安装不需要的软件包,可以清理掉,实际上只是一个警告,因此可以忽略。忽略这个错误可能是安全的。但是你可以用清理不必要的软件包。执行npm prune即可...原创 2018-10-20 01:06:05 · 25979 阅读 · 0 评论 -
npm init 失败的解决方法!
最近在使用webpack的过程中,在开始时使用npm init创建package.json时,npm一直卡在version处,狂按回车键也是没用的。问题截图:npm init在version步骤卡住.png解决方法:使用npm init -f命令,即可完成。-f大概是force的意思。...原创 2018-10-20 01:21:15 · 12558 阅读 · 3 评论 -
vue 增加上传多图的DEMO
安装multer模块单图上传npm install multer引用模块它是依赖于express的一个模块//引用express并配置var express = require("express");var app = express();app.listen(3000);var multer = require('multer');/*var upload = multer(...原创 2018-12-15 23:43:01 · 1041 阅读 · 0 评论 -
vue+axios+element ui实现全局配置loading.
背景业务需求是这样子的,每当发请求到后端时就触发一个全屏的 loading,多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等,所以文章主要是讲如果使用 axios 和 element 实现这个功能。效果如下:要点分析=重点首先,请求开始的时候开始 loading, 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后,要解决...原创 2018-12-19 00:14:30 · 3789 阅读 · 0 评论 -
vue element-ui 选择日期组件 将标准日期时间格式化
vue element-ui 的组件开发可以大大提升我们的开发效率,但有时并不能满足我们的需求,比如:时间、日期组件。element-ui 日期返回的格式是这样的,看下图:但是我们需要的是这种格式:在此之前在我找了很多javascript原生方法,单由于较复杂,而弃用。可以用一个插件 moment.js 解决1:下载,安装 npm install moment --save...原创 2019-01-02 12:28:37 · 4829 阅读 · 0 评论 -
vue 刷新当前页出 现空白页面 provide /inject 完美解决方案。
此方法使用的是v-if来控制router-view的显示或隐藏,v-if从false变为true时,vue会重新渲染router-view区域,所以当参数变化时,只需让v-if 从true => false => false,就能实现页面刷新;问题描述点击button发送请求,路由不变,需要刷新当前页面,出现空白页。版本提示:此方法适用vue 2.20+版本,请先查...原创 2019-01-02 12:54:27 · 6192 阅读 · 2 评论 -
解决Error: ENOENT: no such file or directory, scandir 安装node-sass报错
webpack打包时出现 Error: ENOENT: no such file or directory, scandir 解决方案是执行以下方法:npm rebuild node-sass可是有时就是网络问题导致上面命令安装失败,查下失败提示,有可能是Cannot download "https://github.com/sass/node-sass/release...转载 2018-10-05 14:00:13 · 58016 阅读 · 0 评论 -
最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显...转载 2018-09-08 01:00:08 · 1312 阅读 · 0 评论 -
vue中v-text,v-html, v-model, 三者区别
首先我们知道vue中有很多自定义指令,以v- 开头,例如:v-text,v-bind,v-model, v-if,等 在这些指令中,部分指令之间是很容易被混淆,所以今天决定自己总结一下以下几个相似指令之间的异同: 1.v-text v-text是用于操作纯文本,它会替代显示对应的数据对象上的值。当绑定的数据对象上的...原创 2018-09-11 11:33:04 · 2079 阅读 · 0 评论 -
js异步回调Async/Await与Promise区别
Promise,我们了解到promise是ES6为解决异步回调而生,避免出现这种回调地狱,那么为何又需要Async/Await呢?你是不是和我一样对Async/Await感兴趣以及想知道如何使用,下面一起来看看这篇文章:Async/Await替代Promise的6个理由。 什么是Async/Await? async/await是写异步代码的新方式,以前的...转载 2018-09-09 18:10:18 · 41995 阅读 · 1 评论 -
JavaScript动态加载脚本
有时候我们加载脚本时由于一些原因需要用到动态加载,例如异步加载,JS跨域,同步加载等,jQuery封装了大量的ajax加载方式,同样我们可以通过原生js动态加载。 package.js function functionOne(){ alert("成功加载");} 后面的html文件都创建在同一个目录下。 方法一:直接document.write...转载 2018-09-09 18:32:45 · 998 阅读 · 0 评论 -
jQuery中使用ajax对表单数据进行异步验证
在网页中使用ajax可以让网页的响应更快,通过异步地向服务器发送请求,不需要重新载入页面,提升了用户的体验。 在jQuery中使用Ajax基本格式为: $('#button').click(function(){ var data = $('.username').val(); $.ajax({ type:"POST", u...原创 2018-09-09 18:47:31 · 1138 阅读 · 0 评论 -
HTML5学习参考资料整理
给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究。如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持我们,让我们利用大家的力量收集更多的HTML5学习资料,让我们的开发者和HTML5...转载 2018-09-11 00:14:54 · 1635 阅读 · 0 评论 -
npm报错:A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\解决方案(清理缓)
.因项目中安装模块,多次不成功,所以导致报错。A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55_24_806Z-debug.log这时你需要清理缓存了。1.注:如有node_modules文件夹时先删除2.清理缓存命令:npm cach...原创 2018-09-24 23:18:37 · 139186 阅读 · 58 评论 -
JS 中的require 和 import 区别
JS 中的require 和 import 区别 这两个都是为了JS模块化编程使用. 遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用,所以require理论上可以运用在代码...转载 2018-09-25 19:39:20 · 1819 阅读 · 0 评论 -
ES6神奇的import...from...命令
学习的原因还是起源于大牛github项目的博客源码,看得我一头雾水...import Vue from 'vue';import App from './App';import router from './route';import axios from 'axios';import './less/index';于是赶快上了阮一峰大牛的《ES6标准入门》...转载 2018-09-25 19:51:22 · 2685 阅读 · 0 评论 -
css多上文字以省略号代替
复制以下代码就OK啦 ,.box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }原创 2018-10-11 14:19:14 · 233 阅读 · 0 评论 -
vue去掉严格开发,即去掉vue-cli安装时的eslint或者修改配置
由于安装Vue项目时候设置了eslint语法检查,导致太多报错。程序无法运行,很不容易找到一个不错的解决方法。记录一下,真好!! vue去掉严格开发,即去掉vue-cli安装时的eslint 1.vue-cli书写规范(主要是js规范) a、逗号、冒号后面要加空格 b、不能使用双引号,一律使用单引号 ...原创 2018-09-27 02:51:28 · 4430 阅读 · 0 评论 -
vue用axios时报错:Cannot read property 'protocol' of undefined!
import Vue from 'vue'import Vuex from 'vuex'import axios from 'axios'Vue.use(Vuex)Vue.use(axios)报错信息:isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannotread property 'protoc...原创 2018-10-04 13:13:40 · 29798 阅读 · 0 评论 -
vue.js如何更改默认端口号8080为指定端口
vue.js如何更改默认端口号8080为指定端口执行npm run dev实际是在调用根目录下的package.json打开package.json后可发现有这样一段代码"scripts": { "dev": "node build/dev-server.js", "build": "...转载 2018-10-04 13:41:30 · 8052 阅读 · 0 评论 -
router-view 的理解
主要是构建 SPA (单页应用) 时,方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器,它渲染的组件是你使用 vue-router 指定的。比如:视图层:<div id="app"> <router-view></router-view><...转载 2018-09-22 16:26:46 · 7713 阅读 · 3 评论 -
如何防止表单默认提交 跳转
https://blog.csdn.net/whd526/article/details/78178451 <div class="markdown_views"&g...转载 2018-09-04 23:17:41 · 9479 阅读 · 1 评论