jingjinglove--CSDN博客

原创 idea编辑器配置run快捷方式

2022-04-29 09:47:57 759

原创 vue axios 网络状态status=401的时候，接收服务器返回的数据

vue axios 网络状态status=401的时候，接收服务器返回的数据问题描述：后端使用restfull接口规范，这样就会有400，401，404等这样得状态码返回给前端，导致前端无法获取到服务器的数据了。原因： axios 默认抛弃了网络状态不在 [200, 300) 区间的服务器返回解决：修改axios的库文件，增加允许返回的判断方案如下库文件所在位置：node_modules/axios/lib/core/settle.js第16行原代码注释:if (!response

2022-04-25 10:26:35 2851

原创 NPM 镜像、代理设置

问题描述npm install安装依赖的时候，总是报找不到代理，从网络设置里面关掉代理也不行，后来发现是安装npm代码。解决：删除代理npm config rm proxynpm config rm https-proxy配置镜像设置镜像npm config set registry https://registry.npm.taobao.org查看镜像npm config get registry设置代理设置代理npm config set proxy http://hos.

2022-04-20 16:27:48 2441

原创 vue页面点击按钮拉起弹窗

vue页面点击按钮拉起弹窗// 1、使用插槽 slot-scope="scope"<template slot-scope="scope"> //父传子将id传入拉起得子页面detailHandle(scope.row.id) //通过点击时间拉起弹窗，并将数据传给子级 <el-button @click="detailHandle(scope.row.id)" type="text" size="small">拉起页面</el-button>

2022-03-17 15:48:36 1121

原创重置功能如何做？

重置功能// 1、div部分设置一个按钮<el-button type="primary" size="mini" icon="el-icon-refresh" @click="refreshHandle">重置</el-button>//2、要置空得数据 export default { name: "***", data() { return { dataForm: {

2022-03-17 15:01:46 215

原创 vue父组件给子组件传值

vue父组件给子组件传值父组件拉起的弹窗如何把值传过去this.$refs：父组件向子组件通信，可以调用子组件里的属性和方法this.$emit：子组件向父组件通信父组件拉起的弹窗如何把值传过去1、在父页面应用子页面的地方添加@refreshDataList="getDataList<template> <div>  <el-button @click="detailHandle(scope.row

2022-03-07 16:21:56 1333

原创前端如何处理后端返回得状态数据以及如何给数据里添加字段

前端如何处理后端返回得状态数据以及如何给数据里添加字段// 表格数据 <el-table-column align="center" type="index" label="序号" prop="snumber" min-width="35" key="02"> &

2021-12-17 09:44:58 2671

原创 vue处理后端传过来的换行文本和html

vue处理后端传过来的换行文本和html <span v-html="keepTextStyle(item.mailBody)"></span>methods: { keepTextStyle(val){ console.log(val) console.log(typeof val) console.log((typeof val)!='undefined') return (val + '').repl

2021-06-07 16:47:09 333

原创原生JS实现图片循环切换

一、通过数组将图片的src属性进行修改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <style

2020-08-10 17:57:12 1353

原创苹果手机IOS 禁止H5的滑动回弹

IOS的移动端/H5/webapp 页面如果滚动到底部或者在页面顶部再往上拉，都会出现一个回弹的效果。想取消这个效果可以引入一个简单的库就行，不用再写繁琐的样式。下载这个inobounce.jsgithub地址直接引入js<script src="inobounce.js"></script>例子：因为这个库是禁止了整个页面的滑动，所以如果页面中有其他元素需要滑动的，要给滑动元素设置一个height或max-height,还有overflow: auto; -webk

2020-08-05 17:16:44 4594

原创 js如何去掉链接种不正常的参数

如图的链接中，我的idfa后面的参数格式不对，包在一个optional里面解决方法一 .split(‘Optional’)[0]var str="http://***?gid=***&idfa=Optional(\"*************\")"str=str.split('Optional')[0]console.log(str);二， var str = "http://***/#/games?gid=***&banid=***&idfa=Optiona.

2020-07-29 16:41:09 239

原创从零搭建React项目

React的优点：提升开发效率、代码可维护性和可阅读性增强。JSX中onClick挂载的每个函数，都可以控制在组件范围内，不会污染全局空间。因为它使用了事件委托的方式处理点击事件，只在DOM树上添加一个事件处理函数，挂载在最顶层的DOM节点上。所有点击事件都被这个事件处理函数捕获，然后根据具体组件分配给特定函数。（JSX是JavaScript的语法扩展，让我们在JavaScript中可以编写想HTML一样的代码。React组件名第一个字母要大写。）在React的unmount生命周期的时候，能够清除相关

2020-07-29 14:09:19 313

原创 WebStorm 中自定义项目的文档注释

前提1、用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。2、只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。3、下面的方法。就解决了此问题。4、同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。实现效果自定义模板开始1、菜单栏===>settings或者直接快捷键 Ctrl + Alt + S 打开Webstorm设置，找不到的可以直接搜索 ‘Live Templa

2020-07-14 19:02:59 2551

原创 js如何获取url上的url参数

var urlA=window.location.href; //获取当前的urlvar urlB=urlA.substr(urlA.indexOf("=")+1) //截取当前url上的urlwindow.location.href=urlB;

2020-07-03 16:16:59 193

原创前端用code获取后端的openid时候，总是获取失败

需求描述最近接到新的需求，就是在微信公众号里面，实现微信支付。所用到的技术是jsapi。因为我是前端程序，所以跟后端商量以后，决定让他出2个接口。接口一、获取openid1、首先要判断浏览器环境，如果是微信环境，就重定向。2、重定向以后，链接上会有一个code码。3、截取出code码，将他拼接在链接上，去请求后端。做到这一步的时候，出问题啦，就是我将好好的后端地址放在浏览器里面请求，是没有问题的，也可以成功。但是用项目请求，network里面总是提示“获取openid失败”。从来都是返回失败的

2020-06-29 17:07:29 2663

原创 js如何截取url中？后面的参数

//截取链接中的code开始var code = "";function GetRequest() { var url = location.search; //获取url中"?"符后的字串 if (url.indexOf("?") != -1) { //判断是否有参数 var str = url.substr(1); //从第一个字符开始因为第0个是?号获取所有除问号的所有符串 strs = str.split("="); //用等号进行分隔（

2020-06-28 19:35:24 5168 1

原创判断url地址中是否包含某个字符串

var url=window.location.href; //获取url if(url.indexOf("code") >= 0 ) { //判断url地址中是否包含code字符串 alert("包含code");}else { alert("不包含code"); //页面跳转 }

2020-06-28 19:11:54 7034 1

原创 One CLI for webpack must be installed. These are recommended choices, delivered as separate packages

使用webpack打包项目的时候，提示必须安装一个用于webpack的CLI。以下是推荐的选择，作为单独的包交付:原因：webpack 4X 后需要安装webpack-cli解决：安装同步1、安装webpack-clinpm install -g webpack-cli2、同步到局部项目文件夹下,这步是关键，因为很多时候，我们明明已经安装成功webpack-cli ，但是build的时候，还是会提示。npm install --save-dev webpack-cli...

2020-06-24 17:21:28 852

原创 [email protected] build: `NODE_ENV=production webpack --config webpack.config.js`报错的解决

1、我们先来分析一下这个报错的原因：在build这个项目的时候失败2、检查一下我是怎么配置的build在项目中我使用了NODE_ENV=development的设置方式，而多数的windows不支持这样的方式，这就会导致有的windows电脑build的时候报错。然而我们好多的用户都是windows，所以就有对应的解决办法-----cross-env。3、什么是cross-env它是运行跨平台设置和使用环境变量(Node中的环境变量)的脚本。4、cross-env的作用当我们使用 NODE

2020-06-24 17:04:39 7741

原创如何快速完全删除node_modules

1.安装npm包–rimrafnpm install rimraf -g2、在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令rimraf node_modules3、简单粗暴得秒删完成

2020-06-24 16:41:05 1287 1

原创 failed to parse json-----解析json失败

npm 安装报错 failed to parse json（未能解析json）原因：因为package.json里面加了中午中文注释解决：去掉所有的注释

2020-06-24 15:41:51 9801

原创 js判断当前浏览器的环境是微信、pc、还是手机端非微信环境

1、判断浏览器是pc设备还是移动设备if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { // return true; // 移动端 alert("移动设备

2020-06-23 19:10:16 2398

原创关于vue3.0编译后显示空白页的问题

先说一下我遇到的问题我用的vue3.0搭建的项目，本来项目前期开发好好的。也能正常serve。但是项目要上线的时候，build过后，运行本地的dist里面的index，显示空白页面，而且还报错，错误的原因是我根本没把资源文件加载成功。报错如下，并且好好的项目，怎么都不能运行于是乎，我开始在网上各种搜索，寻求解决方法。但是有没有用，整到快下午的时候。发现其实是自己vue.config.js里面的module.exports = {}配置根本没有任何作用。我有开始用console.log(“开始打包”)

2020-06-17 19:01:27 3680

原创 vue3.0实现登录成功以后，如何写入cookie保存token，读取cookie，并显示用户名

分装成公用方法 setCookie(name, value, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = name + "=" + value + "; " + expir

2020-06-16 15:31:27 5575 1

原创 Vue与后端交互方式 vue-resource 和 Axios

vue-resource参考文章安装npm install vue-resource --savemain.js 入口文件中加入如下代码：/*引入资源请求插件*/import VueResource from 'vue-resource'/*使用VueResource插件*/Vue.use(VueResource)在项目中调用 this.$http.get()this.$http.get("static/data.json").then(res => {

2020-06-04 15:10:22 319

原创到底应不应该学代码，要不要做人们口中的程序猿。

前言编程是这个近几年非常热门话题，大家都知道编程属于费脑的工作。而且如果你是学编程的，你的家长似乎也会底气十足的跟七大姑八大姨说：“我家孩子是搞编程的”。然而我们的七大姑八大姨有可能都不知道编程是干什么的，但他们一听是学编程的，就知道这个职业挣钱多，有出息。甚至觉得这还是小时候那个不学无术、整天玩的孩子吗。如果你是女生，当别人听到你是是搞编程的，都会竖起大拇指，投来羡慕的目光，并附上一句“厉害”。在他们的认识里面，女生能知道重启电脑，就不算是电脑小白，如果你还能win+R，那你简直是厉害得不得了，如果你

2020-06-02 16:11:43 716 3

原创 js如何动态添加div，动态添加class并且为该div绑定点击事件

动态添加div知识点：appendChild（）方法appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。具体的用法可以参考W3C1、首先用createElement创建一个div里面的××必须是一样的。 var ×× = document.createElement("div"); //创建一个div2、给div添加样式 ××.style.cssText = "样式";3、给div添加class和id ××.className = "class名"; //给

2020-05-27 11:49:55 11844 3

原创你不得不知道的vue移动端开源框架，让你能够快速完成开发的利器。

名称简介官网vonicvonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。vuxvux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。中文文档Mint UIMint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。中文文档...

2020-05-22 13:01:04 1012

原创 vue项目如何做切换按钮，在网页同一区域显示不同的内容

点击按钮你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；增加了图片拖拽功能，你可以将本

2020-05-19 19:06:49 14947 8

原创 vue中使用swiper页面不滑动，swiper中的js不生效的问题解决

如何在vue中使用swiper插件1、前言今天用vue3.0写项目的时候，想要用swiper插件做轮播。其实之前我也用过，也遇到这个问题，但是我记性不好，就把这个关键的问题又忘记啦，今天又遇到这个坑，所以打算记录一下，以免自己以后又忘记。我们在vue中使用swiper的时候，一定要用setTimeout来初始化swiper组件。这也是我们经常遇到的一个坑。如果用的轮播比较简单，其实elementUI里面自带的走马灯也是不错的选择。2 、安装方法// 使用指令安装npm i [email protected].

2020-05-19 12:07:49 3391 6

原创 error: 'XXX' is defined but never used (no-unused-vars）报错的解决方案

错误原因我的项目安装了eslint规范，ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误解决方案一、在package.json文件内加入如下代码：然后保存重启项目。"rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-console":"off", "no-irregular-whit

2020-05-12 16:59:39 52620 8

原创移动端rem布局方式：vue cli3.0 px转rem

移动端开发，px转remrem的简介其实rem布局的本质是等比缩放，一般是基于宽度，如果想要页面元素随着屏幕宽度等比变化，那么使用css3里里面的rem是非常适合的。我用的是vue3.0的脚手架，安装插件就可以自动把px转换成rem。废话不多说啦。直接上点干货吧首先安装amfe-flexible插件npm i amfe-flexible在main.js里引入如图：import 'amfe-flexible'安装postcss-px2rem插件postcss-px2rem这个插

2020-05-11 17:54:51 610

原创 npm ERR! cb() never called!报错和npm ERR! Response timeout while trying to fetch https://registry.npmjs

问题描述在安装vue3.03.0脚手架的时候，怎么都安装不成功，每次install的都特别慢。等好久之后，会抛出几个错。就是下图的错误。错误原因网上找的各种解决办法都不管用，什么打开cmd清除你的npm缓存,在我这里通通都不好使，但是网上搜到的大多数都是因为我没有使用淘宝镜像。我也不知道npm为什么要用淘宝镜像。但是确实将npm源切换成淘宝问题就解决啦解决方法// 查看可用的npm源nrm ls切换npm源为taobao这样就可以愉快的安装3.0脚手架啦...

2020-05-11 15:47:23 4552 1

原创 errors potentially fixable with the `--fix` option报错

errors potentially fixable with the --fix option.报错如何解决问题描述在用vue-cli3搭建的项目开始进行开发时候，在项目搭建完成之后，每次启动服务时都会弹出编译错误，我就是简单的新建一个index.vue，写了几个标签，发现初次npm run serve不会报错，在浏览器上访问可以显示正常的内容，但只要每次修改保存之后就会报错，根据提示去查看代码，怎么也没看出问题出现在哪里。虽然报错了，但是服务还是正常启动了。出错原因根据系统提示找到错误“12 e

2020-05-11 13:55:13 20486 1

空空如也

空空如也