- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 谷歌浏览器手机调试模式时显示断网
再谷歌浏览器开发vue项目，当切换成移动端模式进行调试项目。报错信息为”crbug/1173575,non-JS module files deprecated.“解决方法：No throttling。
2022-10-10 21:36:18
344
1
原创 vue ant-design range-picker 时间段组件默认值00:00:00 23:59:59
<a-form-model-item label="活动时间" required prop="end_at"> <a-range-picker @change="onChange" v-model="formData.activity_time" :allowClear="false" :format="dateFormat" :showTime="{ .
2021-06-07 10:45:55
1856
原创 vue面试题
卡百利前端开发面试题目CSS什么是三次握手什么是跨域，如何解决webpack可以用来做什么对象的深复制和浅复制原型链的理解什么是闭包BFC是什么要加快一个网站的打开速度可以从哪些方面进行优化请写出以下代码的执行结果 var foo={n:1}; var bar = foo; foo.x = foo = {n:2}; console.log('bar',bar); console.log('foo',foo); console.log('foo.x',foo.x); //
2021-01-25 18:12:38
252
转载 natapp域名访问Invalid Host header问题
在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header.这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。可以在build目录中的web...
2019-04-26 17:44:11
1642
原创 vue 刷新当前页出 现空白页面 provide /inject 完美解决方案。
此方法使用的是v-if来控制router-view的显示或隐藏，v-if从false变为true时，vue会重新渲染router-view区域，所以当参数变化时，只需让v-if 从true =&gt; false =&gt; false,就能实现页面刷新;问题描述点击button发送请求，路由不变，需要刷新当前页面，出现空白页。版本提示：此方法适用vue 2.20+版本,请先查...
2019-01-02 12:54:27
6115
2
原创 vue element-ui 选择日期组件 将标准日期时间格式化
vue element-ui 的组件开发可以大大提升我们的开发效率，但有时并不能满足我们的需求，比如：时间、日期组件。element-ui 日期返回的格式是这样的，看下图：但是我们需要的是这种格式:在此之前在我找了很多javascript原生方法，单由于较复杂，而弃用。可以用一个插件 moment.js 解决1：下载，安装 npm install moment --save...
2019-01-02 12:28:37
4785
原创 vue+axios+element ui实现全局配置loading.
背景业务需求是这样子的，每当发请求到后端时就触发一个全屏的 loading，多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等，所以文章主要是讲如果使用 axios 和 element 实现这个功能。效果如下：要点分析=重点首先，请求开始的时候开始 loading， 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后，要解决...
2018-12-19 00:14:30
3746
原创 element ui刷新页面时保留当前分页。
vue项目中用element ui组件的pagination组件，当手动刷新页面时当前页会回到默认选中效果，一般会回到第一页，如何刷新时让记住刷新前的页面，让刷新后的页面不变呢？做状态的本地存储，通过在localstorage中保存你的页码信息，在页面组件初始化的时候获取本地存储的信息，进而初始化，以达到你要的刷新保留状态的目的。注意1.vue中vue中刷新页面，会导致组件状态初始化，要记...
2018-12-18 23:56:25
5204
原创 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
1027
原创 vue 报错 vue.esm.js? [Vue warn]: Unknown custom element: <folderdir>
.did you register the component correctly? For recursive components, make sure to provide the “name” option.把 &lt;folderdir&gt;&lt;/folderdir&gt;改为&lt;folder-dir&gt;&lt;/folder-dir&gt;即可
2018-12-15 23:39:52
35968
1
原创 npm init 失败的解决方法！
最近在使用webpack的过程中，在开始时使用npm init创建package.json时，npm一直卡在version处，狂按回车键也是没用的。问题截图：npm init在version步骤卡住.png解决方法：使用npm init -f命令，即可完成。-f大概是force的意思。...
2018-10-20 01:21:15
12353
3
原创 npm查看依赖包报错：npm ERR! extraneous解决！！
查看依赖库的信息时候报错如下所示：npm ERR! extraneous解决方法：安装不需要的软件包，可以清理掉，实际上只是一个警告，因此可以忽略。忽略这个错误可能是安全的。但是你可以用清理不必要的软件包。执行npm prune即可...
2018-10-20 01:06:05
25672
原创 react中使用fontawesome【简单方法】
当然：在这之前，试过网上的各种方法。后来还是选择这一种，使用简单。安装模块yarn add @fortawesome/fontawesomeyarn add @fortawesome/react-fontawesomeyarn add @fortawesome/fontawesome-free-solid使用方法【注】fa前缀是必须添加的。小结：在React中没有 “ - ”...
2018-10-20 01:02:00
3188
1
原创 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
996
原创 React中图片引入的几种方式
方式1import tsIcon from '../images/typescript.jpeg';方式2const tsIcon = require('../images/typescript.jpeg');使用方式1<img src={tsIcon} alt="" />使用方式2const styles = { test: { background: `url(...
2018-10-16 19:15:06
3496
原创 react中使用fontawesome库
项目需求 ，需要使用Font Awesome小图标库运用到项目中。使用步骤安装模块:npm i -S @fortawesome/fontawesomenpm i -S @fortawesome/react-fontawesomenpm i -S @fortawesome/fontawesome-free-solidApp.js引入模块//图标import { FontA...
2018-10-16 16:31:28
1454
1
原创 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
775
原创 修改 github 已提交用户名和邮箱
打开终端 新建临时仓库git clone --bare https://github.com/user/repo.gitcd repo.git写入执行脚本vim git-author-rewrite.sh#!/bin/shgit filter-branch --env-filter 'OLD_EMAIL="[email protected]"CORR...
2018-10-14 20:56:03
2798
原创 css多上文字以省略号代替
复制以下代码就OK啦 ，.box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
2018-10-11 14:19:14
205
原创 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
22064
3
转载 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
3439
原创 通过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
2020
原创 vue请求网络接口中图片报错403解决办法
网络接口都是有请求限制的，特别是图片字段值是绝对路径的情况，请求的时候就会报错403 问题，这个时候应该使用缓存的方式拿到请求图片的地址进行缓存，只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可（这是一个专门缓存图片的网址）可能会有点慢使用方法如下：// 解决403图片缓存问题 getImages( _url ){ if...
2018-10-05 17:39:13
2922
转载 解决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
57710
转载 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
8015
原创 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
29690
原创 vue去掉严格开发，即去掉vue-cli安装时的eslint或者修改配置
由于安装Vue项目时候设置了eslint语法检查，导致太多报错。程序无法运行，很不容易找到一个不错的解决方法。记录一下，真好！！ vue去掉严格开发，即去掉vue-cli安装时的eslint 1.vue-cli书写规范（主要是js规范） a、逗号、冒号后面要加空格 b、不能使用双引号，一律使用单引号 ...
2018-09-27 02:51:28
4394
转载 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
2618
转载 JS 中的require 和 import 区别
JS 中的require 和 import 区别 这两个都是为了JS模块化编程使用. 遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用，所以require理论上可以运用在代码...
2018-09-25 19:39:20
1794
原创 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
137897
58
转载 router-view 的理解
主要是构建 SPA (单页应用) 时，方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。比如：视图层：<div id="app"> <router-view></router-view><...
2018-09-22 16:26:46
7694
3
原创 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
2055
转载 HTML5学习参考资料整理
给大家推荐一下学习研究HTML5必备的一些个网站，更加有利于大家对HTML5的学些和研究。如果各位童鞋还有更多的，欢迎投递资源给我们，也可以支持我们，让我们利用大家的力量收集更多的HTML5学习资料，让我们的开发者和HTML5...
2018-09-11 00:14:54
1573
原创 手机如何访问电脑本地localhost网页, 以调试项目?
其实非常简单 ，那么给大家推荐一个推荐的的方法吧！ 以这个为例 1.电脑开启热点2.查看wifi密码 3.手机连接到此热点 4.Windows+R 快捷键调出DOS， CMD命令输入： IPCONFIG 获取IPv4地址： 5.在手机端访问这个网址 访问成功 6.【注】如无法访问 ，请关闭电脑防火墙...
2018-09-09 22:58:21
35582
8
原创 jQuery中使用ajax对表单数据进行异步验证
在网页中使用ajax可以让网页的响应更快，通过异步地向服务器发送请求，不需要重新载入页面，提升了用户的体验。 在jQuery中使用Ajax基本格式为： $('#button').click(function(){ var data = $('.username').val(); $.ajax({ type:"POST", u...
2018-09-09 18:47:31
1123
转载 JavaScript动态加载脚本
有时候我们加载脚本时由于一些原因需要用到动态加载，例如异步加载，JS跨域，同步加载等，jQuery封装了大量的ajax加载方式，同样我们可以通过原生js动态加载。 package.js function functionOne(){ alert("成功加载");} 后面的html文件都创建在同一个目录下。 方法一：直接document.write...
2018-09-09 18:32:45
957
转载 原生JS写Ajax的请求函数-原生ajax
一、JS原生ajax ajax：一种请求数据的方式，不需要刷新整个页面； ajax的技术核心是 XMLHttpRequest 对象； ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据； 下面简单封装一个函数，之后稍作解释 ajax({ url: "./TestXHR.aspx", ...
2018-09-09 18:27:51
570
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人