天蝎座的文子-优快云博客

原创 gis发布地图--矢量数据

前提：安装好PostgresSQL，PostGIS，GeoSever一、创建数据库打开pgAdmin 42.创建服务器（也可以使用自带的PostgresSQL）servers右键 > 创建 > 服务器常规 >填写名字连接 > 填写电脑IP地址点击保存3.创建数据库右键创建好的服务器 > 创建 > 数据库常规 > 填写数据库名称定义 > 选择模板（选择服务器创建好后，下面初始的那个数据库，记得断.

2021-03-26 14:36:40 964

原创 win10输入法变成繁体中文还原成简体中文的方法

经常因为不小心按键，把系统舒服法变成了繁体中文，特此记录一下。1.右键语言栏的模式显示，中/英，点击设置2.进入设置页面，更改字符集为简体中文

2021-01-05 11:24:38 3276 1

原创 vue项目中引入ElementUI报错

今天在尝试动态的配置路由的时候遇到了关于elementUI的错误。这是我的引入方式，来自官网npm安装方式引入elementUI到项目import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';错误：These dependencies were not found:具体...

2020-03-17 16:15:28 9567 4

原创 “Blocked a frame with origin "null" from accessing a cross-origin frame”问题

今天尝试在vue里面使用iframe的时候出现了这个问题：这是由于谷歌浏览器的同源策略引起的，只有在您尝试从文件系统加载javascript时才会出现该问题，也就是在本地才会出现这个问题，在托管网站上不会出现这个问题。为了本地调试暂时的解决办法就是：使用python在当前目录中启动一个简单的Web服务器：python -m SimpleHTTPServer并浏览到localhos...

2019-08-13 09:58:35 7657

原创 npm run dev报错——listen EADDRNOTAVAIL 172.16.25.224:9520

今天在查看一个项目准备启动时遇到了如下图所示的错误：找到项目下的config.js或者config目录下的index.js我的是config.js文件：修改成本机的IP地址以及没被占用的端口号查看本机ip地址：win+R快捷键打开命令提示符，输入ipconfig，就可以查看了...

2019-08-09 09:47:12 936

原创 MongoDB安装

1.下载网址：https://www.mongodb.com/download-center/community我下载的版本：2.安装打开安装包，一直Next,直到安装完毕我安装在默认路径上：C:\Program Files\MongoDBMongoDB将数据目录存储在db目录下。注意，将数据目录放在根目录下。我安装在 F:/data/db3.运行开一个cmd窗口，进入Mon...

2019-04-09 15:24:21 282

原创 nginx: error CreateFile 2: The system cannot find the file specified

nginx停止或重新加载时遇到这个问题原因：在nginx运行时，不小心删除了nginx.pid文件解决方法：打开任务管理器（Alt+Ctrl+Delete）,强行停止nginx进程右击->结束进程最后重新启动nginx:start nginx...

2019-03-26 17:48:21 10669 1

原创 VSCode安装插件

在VSCode界面按下F1，在出现的搜索框输入ext install点击Intall Extensions,出现下面的搜索框，输入想安装的插件就行了

2019-03-22 11:42:26 2155

最近在尝试用Element-ui做项目，在实现首页的轮播图时，发现跟自己的想要的样式有点不一样，然后就开始了慢慢的修改源码的道路。一直google，找到的答案先是说修改好代码，打包，然后传到自己的github，最后安装的时候使用npm install git@github....,从自己的github地址进行安装。但是我尝试了好久，对那个打包方法也不是很懂，然后我就只有寻找别的解决方法啦。首先...

2019-03-06 17:30:51 8950 9

原创 VSCode中设置缩进

VSCode默认缩进是4个空格，在编写代码时，这个缩进会造成代码过长，不便于修改和观看。1.修改所有页面的缩进修改缩进设置：File -> Preferences -> Settings -> Editor: Tab Size,设置为你自己想要的缩进数就行，我设置的是2。2.修改当前页面的缩进点击最下面标签栏的Tab Size,出现如上图上面的选择框，点...

2019-03-05 15:39:28 53369 1

原创解决浏览器自动填充输入框的问题

最近在做个自动升级的项目，实现用户修改密码时遇到了问题，发现浏览器会自动填充密码项，这样会造成用户信息不安全。原因是用户选择了浏览器记住密码，然后浏览器本来机制中有自动填充功能。解决办法： autoComplete属性对密码输入框设置：autoComplete="new-password"对文本输入框设置：autoComplete="new-text"问题就解决啦。...

2019-03-04 10:06:57 5616

原创面试（二）

1.当在浏览器地址栏输入网址按下回车后到页面成功返回之前发生了什么（1）浏览器发起DNS查询（2）域名服务器向客户端返回查询结果域名，从而完成域名到IP地址的转换。（3）客户端向WEB服务器发送HTTP请求（4）发送响应数据给客户端（5）浏览器在显示窗口的内渲染HTML2.get和post方式的区别（1）GET的所有参数全部包装在URL中，明文显示，且服务器的访问日志会...

2018-09-16 16:42:08 150

原创前端面试相关（一）

1.栅格系统为什么是12格？因为12是1，2，3，4，6的最小公倍数，所以12列的栅格系统较为灵活，支持将一行分为1列，2列，3列，4列，6列，能够支持大多数的布局要求。2.说一下ajaxajax作用：可以在用户浏览网页的同时与服务器进行异步交互和实现网页内容的局部刷新核心：程序不通过浏览器发出请求，而是调用JS中的类XMLHttpRequest对象来发送请求，再由这个JS对象接收...

2018-09-16 14:59:47 164

原创 Custom elements in iteration require 'v-bind:key' directives."错误解决(附关闭Eslint代码检查)

在使用vue-cli工具进行开发时，使用v-for出现如下报错：这是因为我使用了Vtur插件，然后Eslint对vue进行了检查，因为在vue2.2.0+的版本中，使用v-for时，key是必须的解决办法是：关闭eslint对该插件的检查文件 -> 首选项 -> 设置，搜索vetur.validation.template然后设置：vetur.validatio...

2018-09-05 17:04:02 68458 9

原创 express不是内部命令解决办法

在npm init、安装好项目依赖以及express后出现了下列问题：解决方式：看了别的参考资料，才发现是我没有全局安装express,我使用的安装命令是npm install express --save 全局安装的命令应该是： npm install express-generator -g所以卸载原来安装的express再重新使用全局安装命...

2018-08-14 18:25:26 1522

原创 git 分支

git 分支是说原有的master上分离出来的很多条线路，大家从一个相同的起点开始，通过分支又可以独立进行自己的开发，相互之间不影响，最后又可以合并到master,使得开发过程更为有效。关于git本地分支的命令：1.新建分支并切换到相应分支git checkout -b 分支名2.删除分支git branch -d 分支名git branch -D 分支名（强制删除）3...

2018-07-24 14:37:50 295

原创 The authenticity of host 'github.com (13.229.188.59)' can't be established.

昨天重装了系统今天git push的时候发现了这个问题，原因是本地仓库和远程的SSH不匹配解决办法：1.出现Are you sure you want to continue connecting (yes/no)?时，选择yes2. ls -al ~/.ssh3. ssh-keygen -t rsa -C "github用户名"，按三次回车4.cat ~/.ssh...

2018-07-18 21:55:35 29073 3

转载 SDK接入步骤——腾讯云摘抄

1.准备工作引入初始化脚本<script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.1.js" charset="utf-8"></script>;2.HTML里放置容器<div id="id_test_video" style="width:100%; heigh.

2018-07-17 13:24:00 2305

原创课程笔记（一）

1.HTML属性操作：读、写属性名属性值2.属性读操作：获取、找到元素.属性名3.属性写操作：（“添加”）替换、修改元素.属性名=新的值4.oP.innerHTML 读取元素内的所有HTML内容oP.innerHTML=新的值替换元素内的所有HTML内容5.所有的相对路径不要拿来做判断如：img src href='1.css' href='html/index.html'...

2018-07-16 14:49:42 309

原创 git使用及问题

1.push遇到问题解决：这是因为版本冲突，先git push -u origin master -f ，强制push之后可能会造成一些问题，所以需要自己重新再正常push一遍。2.git pull：强制覆盖本地文件3.git branch：查看分支 git checkout -b branch-name:创建branch-name分支并切换到此分支 git ...

2018-07-02 20:22:31 291

原创 Vue.js 饿了么开发过程中的错误整理（更新中……）

此错误解决方案基本上来自优快云，我只是配合我的问题做个整理，方便下次查找，侵权删一、错误一原因: ./表示你自己当前加载当前目录下的router文件，但是我们没有这个文件，所以‘./router’会报错；‘vue-router’表示这是一个模块，这是webpack处理的模块，webpack会从node_modules里面去加载这个npm包解决：import V...

2018-06-15 17:20:22 1241

原创记一次Vue.js npm run dev时的css-loader报错

这是第二次遇到这个问题了，不过这次问题比上次的问题多了一个eslint检查语法规则报的错，下面记录了完整解决方案VSCode报错：8080端口报错：解决：当前目录下：npm install stylus-loader css-loader style-loader --save-dev一般这步后，直接npm run dev就行了但我的安装完后还有警告：然后再npm install stylus最后...

2018-06-14 20:43:27 3228

原创在webpack-dev-conf.js文件中进行后台数据模拟的配置

根据搜索到的方案自己总结的，方便查找在新的Vue配置中没有dev-server.js的文件，后台数据模拟的配置需要在webpack-dev-conf.js文件中进行配置首先，在有箭头的语句后面加上你自己对应的路由配置然后，在devServer中加上before()方法添加的before（）方法再npm run dev运行你的项目，就可以看到对应的数据啦...

2018-06-14 18:26:40 1220

原创原型链理解(实例分析)

这两天开始接触原型链，有点难理解，就记录了几种不同情况下的原型链查找情况。感觉大体查找情况类似，跟着console.dir打印出来的东西查找几次更有助于理解。理解各种对象的原型是基本要求。情况一：<script type="text/javascript"> function Person(name,age) { this.name = name; this.age...

2018-06-12 17:12:19 701 3

原创 Webstorm下运行Angular项目

1.先找到想要运行的项目的package.json文件2.右击package.json文件，找到Show npm Scripts3.单击Show npm Scripts,出现如下图的结构：4.双击start5.等待，如下图所示，项目启动完成6.打开对应浏览器端口，默认端口4200...

2018-06-05 20:53:19 3597

原创 Angular环境搭建

今天收到了Angular学习的任务，在学习每门语言之前最重要的就是工具的配置了。第一步：下载node.js(官网：https://nodejs.org/en/）选择适合你电脑版本的就行，我的是64位的Windows。然后傻瓜式安装就行了，安装好后，打开命令行(cmd)，输入npm -v，显示版本号就表示已经安装成功。2.接着在命令行输入npm install -g @angular/cli出现上述...

2018-05-30 20:43:37 141

原创 git上传本地文件到gitHub

最近开始跟着做项目，开始使用git，在这个过程中也是遇到了很多问题，下面做了个总结。怎样创建本地仓库和gitHub上的库我就不说了，网上有很多教程，而且这一块不是我今天的重点，我想记录的是当你有了本地仓库，并且已经与gitHub上的仓库相连接，你想上传在另外本地其他位置自己的项目到该仓库该怎么办。我的本地仓库：gitHub上相连接的仓库：首先，你先复制整个项目到你的本地仓库文件夹（红色框框区域是我...

2018-05-27 13:42:33 6233

原创 cookie应用小实例

上篇介绍了cookie的基础知识，这篇介绍个小应用来熟悉cookie的用法如图，有一个输入框，和两个按钮，用用户名登陆后，如果没删除，退出页面后重新进来会直接显示用户名，这就是运用了cookie存储了用户名，和我们常见的记住用户名操作类似基本结构：<!DOCTYPE html><html><head><meta charset="utf-8">...

2018-05-25 13:22:39 5310

原创 Cookie基础

什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。以上菜鸟教程上的有关什么是cooki...

2018-05-25 13:12:04 276

原创 div居中显示

介绍两种使div居中显示的方式，一种是通过CSS样式控制，一种是通过JavaScript计算得出。基本布局：样式： .contain{ width: 300px; height: 300px; border: 2px solid #000; position: relative; } .box{ width: 100px; height: 100px; backgr...

2018-05-21 11:12:51 1135

原创 BOM中的hash

hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）例如：一个URL为：file:///D:/%E5%A6%99%E5%91%B3%E8%AF%BE%E5%A0%82/%E8%AF%BE%E5%A0%82%E6%A1%88%E4%BE%8B/hash.html#div3，则它的hash值为：#div3利用hash值可以完成一些内容信息的切换：获取方式：wind...

2018-05-20 20:47:49 338 1

原创 JS数据类型

1. JS的数据类型：标准划分：基本类型： number（数字类型）、string（字符串类型）、boolean（布尔值 true false）、null（空，空对象） undefined（未定义）、Symbol（Symbol（），ES6新增）注：Symbol() 一个匿名且唯一地一个值的 ...

2018-05-05 13:17:28 169

原创 JS预解析

JS预解析也叫作var 提升和function提升。作用原理：对于var定义的变量， js在正常解析前，会快速把script（或者function）中的var声明，及声明的名字，提升到代码块（作用域）的最前边对于funtion定义的函数，js在正常解析之前，会快速把script（或者function）中的function及内容，提升到代码块（作用域）最前边，跟在var声明之后预解析之后，js再会一...

2018-05-04 13:15:52 190

原创 JS实现星级评分——简化版

过了一段时间，再次来实现星级评分，做了一定的简化，运用了函数传参、三目运算来实现简化。代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>星级评分</title> <style type="text/css"> body{...

2018-05-04 12:45:38 9133 8

原创按钮控制菜单上下滚动

前两天学习了定时器，为了更好地理解，做了几个关于它的小练习。这个练习本来觉得很容易，但是花的调试时间最久，主要的问题就出在高度值的获取上，还有滚动对象的确定。我是利用top值的变化来实现滚动的功能，向上滚动top减小，向下滚动top值增加。获取页面当前的top值通过封装函数实现：实现top值的变化是通过定时器，定时器所需函数主要是实现相同时间间隔内top变化固定的值：需要注意的是z...

2018-04-14 22:48:14 855

原创 JS实现星级评分

记录一下自己写的代码和当时的思路：星级评分的实现包含三个事件的实现，分别是鼠标移入、移出事件和点击事件，当鼠标移入时会显示当前星级，移出恢复没有评分状态，而当鼠标点击后，星级评分在鼠标移出后也不会改变。在自己实现的过程中，主要遇到的问题：（1）鼠标移入到低星级时高星级的星星会变成未选中状态的颜色解决：给每个星星对象添加一个自定义属性，通过这个判断选中状态，再根据这个...

2018-04-13 13:14:59 3305 1

原创控制两张图片的切换

说到图片切换，形式那真是多种多样，这次写的是控制两张图片的分别切换和同时切换。先上效果图：如图所示，上面的一组按钮，实现同时控制两张图片切换的功能，分别使左右图片向上或向下切换。点击单张图片就可以自动向下切换。下面的文字说明和目录都是随着图片的切换而实时的变化。左右图片的数量是由两个数组决定的，可以不相等。代码如下：<!DOCTYPE html>&lt...

2018-04-01 15:12:36 1670

原创带缩略图的图片切换

图片切换的表现形式有很多种类型，下面展示的是带缩略图的图片切换，可以根据缩略图选择想要展示的图片。效果大概如下：主要运用了自定义属性，this循环为Li标签绑定鼠标移入、移出和点击事件。<!DOCTYPE html><html><head> <title>带缩略图的图片轮换</title><style type="te...

2018-03-31 20:53:58 741

原创简易聊天对话框(加滚动条)

今天看了几个JS的视频，老师布置了一个编写一个简易聊天对话框的任务，没有涉及到Ajax.主要实现了切换头像模拟两方的聊天情况，样式比较简单，后期可以进行美化。需要注意的地方是我是用的ul li列表来实现元素的添加，这样更利于样式的设置，每添加一个对话框需要清除一下浮动，不然会出现连续几个对话框出现在一行的现象。代码如下：<!DOCTYPE html>...

2018-03-29 23:02:37 5438 2

原创常用的样式控制

虽然说自学前端有一段时间了，但是现在还是小白的水平，当用到CSS时，对于一些基本的样式控制，还是很不熟练。所以写了这篇博客，做个汇总，方便下次查找。1.清除ul序列每个li前面的小黑点：用ul控制：ul{ list-style: none; }或者ul{ list-style-type:none;}用li控制：ul li{ list-style: none; }或者ul li{ lis...

2018-03-19 20:13:10 315

VC6++英文简化版

空空如也