Dream02_05-CSDN博客

原创个人日志027——vue项目开发环境中的请求接口切换问题

在开发中，有时候我们需要在本地、测试、生产几个环境的接口请求频繁切换，有时候处理起来比较麻烦，刚好现在这个vue项目就是这样子。现在项目已经接近尾声，赶着有时间把这个功能给整理一下。首先利用process.env.NODE_ENV来判断是否开发环境，然后显示环境接口的下拉框（即只在开发环境下显示）...

2020-08-24 11:41:47 385

原创个人日志026——复制vue-element-admin项目时报错

公司项目用的vue-element-admin，这几天在家办公，然后我复制一份到家里面电脑，可是npm install一直报错：undefined ls-remote -h -t ssh://git@github.com/sohee-lee7/Squire.git经过百度后得出解决办法：git config --global url."https://".insteadOf git://然后再去npm install 就正常了...

2020-06-05 04:49:37 296

原创个人日志025——win7下vscode无法启动（黑屏）

<div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-211130ba7a.css"> <link rel="stylesheet" href="...

2020-05-30 17:21:54 457

转载个人日记024--jq 获取input光标的所在位置

2019-10-25 14:19:00 546

原创个人日记023--JS对象的key值相关

昨天一个看到别人项目有用中文作为对象的key，一时好奇就试了一下，如下图：由上面图片可以知道：1、key可以是任何值（包括特殊符号，如果报错就变成字符串即可）2、对于key为数字或者包含特殊时只能用obj[key]的形式取值，不然会报错虽然说key只要不报错可以任意取值（报错变成字符串），但最好还是遵循命名规范，就比如说中文有时候就会遇到编码格式导致的乱码而遇到取值问题...

2019-09-26 10:21:07 727

转载个人日记022--浏览器渲染

2019-09-24 13:47:00 183

转载个人日记021--vue.JS环境配置方法

2019-09-19 14:05:59 130

原创个人日记020--JS字符串操作方法

借鉴了W3School的JavaScript String 对象：txt="Hello World!"1.Big: 用大号字体显示字符串,用法：txt.big()，结果：Hello World!2.Small: 使用小字号来显示字符串,用法：txt.small()，结果：Hello World!3.Bold: 使用粗体显示字符串,用法：txt.bold()，结果：Hello Worl...

2019-09-17 14:31:28 206 1

原创个人笔记019--JS数组操作方法

今天忙里偷闲，借鉴了不少优秀博客和W3CHOOL，整合了一下js数组的一些用法：1、push()：向数组的末尾添加一个或多个元素，并返回新的长度，原数组改变用法：array.push(param1,param2,…,paramX)2、pop()：用于删除并返回数组的最后一个元素，原数组改变用法：array.pop()3、unshift()：向数组的开头添加一个或更多元素，并返回...

2019-09-15 17:06:32 169

原创个人笔记018--JQ实现多文件上传

这是挺久之前借鉴别人的一篇多图上传博客，经过多少改动后弄出来的，昨天跟后台同事测试刚好用到，今天再整理一下就发出来了，话不多说，直接上图片和代码：<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>多文件上传</title> ...

2019-09-12 15:04:13 268

原创个人笔记017--如何整合一个混乱的一维对象

有时候遇到一个牛逼一点的后端，我们前端能省不少事情啊，就像这次本来需要后台返回二维对象或者数组的，可是人家说不方便，直接返回来obj = {app_one: 'appOne',product_three: 'productThree',}这种，要求我们自己处理。下面直接上demo代码：<script> var obj = { app_one...

2019-08-16 12:25:40 98

原创个人笔记016--js中的new Date（时间对象和时间戳操作）

js实现new Date()，时间对象和时间戳操作1、js中实现时间date对象1)、var date1 = new Date();　　//结果：Mon May 13 2019 13:44:57 GMT+0800 (中国标准时间), 直接用 new Date(时间戳) 格式转化获得当前时间；2)、var date2 = date1.toLocaleDateString().replace...

2019-05-13 14:19:43 1071

原创个人笔记015--js路由和css实现元素垂直居中

这两天时间比较清闲，想学习一下原生js实现路由的demo，查询了好多别人的博客和一些资料，顺便做一下元素垂直居中就做成了下面这个样子：index.html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

2019-04-29 14:47:50 137

原创个人笔记014--vue实现input和select等的动态布局

今天忙里偷闲整理了一下以前的项目，发现了一个实现动态展示input和select的较好的demo，所以分享一下：<template> <div id="index"> <div class="Nuser-content"> <div class="title">用户信息填写&l...

2019-04-11 18:26:10 911

原创个人笔记013--vue分页组件的实现

最近项目中用到分页功能，而且领导还各种要求，自己就写了一个分页组件，然后因为刚开始总记录数的请求是异步请求，直接绑定子组件的话传值不成功，所以应用了bus.js作为中间件传值，因为最近比较忙，下面直接上代码：page组件：<template>  <div class="page"> <div style="...

2019-04-09 10:24:40 191

原创个人笔记012--id选择器和class选择器

这几天上网查了一下关于id选择器和class选择器的一些问题：1.id唯一性？如果只是单纯的css样式作用，id也可以像class一样(最好不要这样子用)，但是进行dom操作就存在问题了，获取的只能是第一个ID使用者。而且你经常查看一下别家网站，你会发现class用于CSS布局，id用于JS操作DOM节点对象，其实在实际开发中也遵循这样的原则。下面是效果图和代码：2.从概念上说就...

2019-04-07 11:17:47 323

原创个人笔记011--关于行内样式，id，class的一些验证

昨天看别人代码时发现同一标签内有两个style，觉得怪怪的，因为这种权重啊，样式和标签覆盖只要基础好一点还是懂的，但这种同时写两个style，id，class的一直以来就没试过，毕竟刚学时候就明白id是唯一的，不会写两个，class是类名两个之间用空格隔开，所以今天自己做了一下demo，结果如下：如上面两个图，标签样式覆盖，class和id覆盖一下子就能看明白了，现在就...

2019-04-04 10:59:38 507

原创个人笔记010--body高度100%时出现纵向滚动条的原因

这两天做一个APP，首页要铺满屏幕所以设置body{ margin: 0; padding: 0;height: 100%; }，后面的时候发现最上面一个div如果写有margin-top就会出现纵向滚动条，后面上网百度查阅各种博客和资料才发现是CSS 外边距合并的原因（有点汗颜啊，虽然是比较少遇到，但还是显得基础比较烂），w3cshool是这样子解释的：外边距合并指的是，当两个垂直...

2018-12-06 14:46:14 2379

原创个人笔记009--vue点击复制到粘贴板兼容safari

最近比较忙也比较懒，我就直接上代码了：导入外部JS：import { formatXml } from '../others/clipboard'外部的clipboard.js：function formatXml() {　　!function(t){if("object"==typeof exports&&"undefined"!=typeof module)modul...

2018-11-28 10:07:30 696

原创个人笔记008--vue实现刷新时不改变当前选项卡样式

做项目时有一个需求是这样子的，左边是侧边栏，右边是对应的内容，我就想用vue的子路由来实现，效果是下面这样子的：做完后发现一个问题——刷新后右边内容没变，可左边侧边栏的样式又变成第一个(如下左图)，跟实际效果不一样(如下右图)：后面思考了挺久了，就想到利用路由传值结合本地储存来解决这个问题——每次子路由跳转都传一个参数number(他的值是子路由在侧边栏对应的下标)，然后它的钩子函...

2018-11-16 11:21:47 952

原创个人笔记007--前端配合后台确保图文验证码等的唯一性

之前项目有个未登录时验证图文验证码的需求，后台说不好做区分，特别是多个用户处于同一局域网的时候。后面商量一下，就想了个办法——每次打开网站都在前端生成一个长度随机的随机数(26个字母的大小写和10个数字)，然后存到本地，等需要时候一起传给后台，后台那边结合IP地址就完美解决了，下面是前端代码：<script> import foo from './components/foot...

2018-11-13 19:00:50 428

原创个人笔记006--vue利用定时器实现系统时间

今天在改东西，写了一个实现系统时间的功能，效果是下面这样子的:由于代码都有详细的注释，所以请直接看代码<template> <div id="index"> <div class=""> 尊敬的管理员，下午好！当前时间： {{dateTime}} </div> </div></tem

2018-11-12 18:40:08 211

转载个人笔记005--原生JS实现简单的拖动滑块验证

早上起来后浏览网站时看到别人的拖动滑块验证，就想着做一个demo，等到有时间把这个优化到到现在的项目（用的是图片验证码）。以下代码就是百度之后再修改一下的：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>拖动滑块验证</title>

2018-11-11 13:18:36 616

原创个人笔记004--正则去苹果手机字符串空格

今天有用户反应苹果手机复制过来的手机号码(中间两头带空格那种)，后面经过测试才发现是苹果手机复制过来的空格是不一样的(有兴趣的小伙伴可以自己去试试)，用replace(/\s/ig,'')是去不掉的。查了资料再请教大神才发现要这样子处理：this.emailT = this.emailT.replace(/\s/ig,'');var reg1 = new RegExp("‭","");t...

2018-11-10 17:42:40 355

原创个人笔记003--css改变滚动条样式

下午有时间就整理一下以前写过的一些东西，觉得这个css改变滚动条样式比较常用就顺手记录了下来<style type="text/css"> ::-webkit-scrollbar {/*滚动条整体样式*/ width: 14px; height: 14px; } ::-webkit-scrollbar-track{/*滚动条里...

2018-11-08 14:55:25 168

原创个人笔记002--vue点击按钮实现状态的切换

昨天项目改版，写了一个功能——点击按钮在启用/未启用两个状态之间切换。下面直接上代码<template> <div class="hello"> <div class="payShow" v-for="n,index in details" :key='index'>  <div

2018-11-06 19:39:48 7325 1

原创个人笔记001

做到过前后端交互的程序员都会涉及到跨域问题，上个月一前端同事跟后台对接口，一看到返回来的报错有No 'Access-Control-Allow-Origin' header is present on the requested resource.这样子的字眼就说后台没有处理好跨域问题，其实这个说法是有问题的。请看下面这边图，好像好多后台返回报错时都后面会紧接着No 'Access-Control...

2018-11-03 14:40:00 122

Dream02_05的博客