xinlingdexueba的专栏

原创 vue-cli构建vue项目使用百度地图API

vue-cli构建vue项目使用百度地图API在百度地图开放平台 注册开发者帐号申请密钥在项目的index.html页面添加：<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>直接在组件创建一个显示地图的容器<d...

原创 Vue打包后built files are meant to be served over an HTTPserver.Opening index.html空白页和css图片不显示

使用命令npm run build打包vue项目之后提示 ：“Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won’t work.”，并且在本地打开index.html是空白页，是因为打包的时候配置文件config的index.js的build配置是默认a...

原创 Vue开发之vscode安装使用

1、vscode安装vscode是一款免费开源的现代化轻量级代码编辑器。在vscode官网下载vscode安装包 直接安装即可。有必要可以安装一下插件。2、vscode是开发vue项目的好帮手，安装完成之后新建一个工作区（文件夹）存放代码，在vscode直接打开这个工作区，打开vscode的终端，在终端进行构建vue项目以及运行打包，在上一篇的vue init webpack demo事说提示...

原创 Vue开发之环境搭建

一、Vue开发所需要的环境1. nodejs:javaScript运行环境2. npm:nodejs下的包管理器（是国外的，在国内使用会很慢），可以使用国内的淘宝npm镜像。3. webpack: 把无法直接在浏览器中使用的语言（如es6,sass）编译成浏览器支持的形式，资源的合并、压缩混淆。4. vue-cli：直接构建vue项目。二、环境搭建步骤nodejs安装 直接...

原创 PDF.js访问远程服务器报file origin does not match viewer's

PDF.js的使用1.下载pdf.js插件：点击下载。 2.解压后把web和build文件夹放进项目里。 。 3.新建一个test.html,通过iframe标签嵌套viewer.html即可，如果是只加载本地文件，在viewer.js修改默认的pdf文件路径即可。<iframe src="web/viewer.html" width="100%" height="800p...

原创 jQuery实现滚动返回顶部

避免a标签返回顶部的时候返回上一页需要点击2次返回上一页按钮最简单的a标签实现返回顶部<a href="#"></a>   但是这样相当于a标签打开一个无地址页面，所以点击返回上一页的时候需要点击2次。 2. 解决上面的问题直接使用JQuery实现滚动返回顶部，效果更佳。 html代码如下：<div class="top"> <img src="../../img/top.png

原创 js实现简单的一维数组变成二维数组

数组a为1~50的整数，b数组为a数组的前一个数除以后一个数所得的值，c数组由b数组每行5个排序而成。下面为javaScript代码实现：var a = new Array();var b = new Array();var c = new Array();for(let i = 0; i < 50; i++) { a[i] = i + 1;}for(let i = 0; i <

原创 input弹出的手机键盘搜索事件

一、input的搜索框   在input标签里面把type设置为search就可以了。弹出的手机键盘回车键也会变成搜索或者是搜索的图标。<input id="search" type="search" ></input>设置type为search的搜索框，当输入内容的时候，后面会多出一个x，点击x可以清空输入的内容。 二、获取键盘搜索事件   输入内容之后直接点击手机键盘的搜索按钮就可以进行搜索了

原创 input自动获取焦点在移动端自动弹出手机软键盘

一、input自动获取焦点    正常来说，在input标签添加autofocus属性就可以了。代码如下：<input id="search" type="search" placeholder="搜索" autofocus="autofocus"></input>二、在使用Iscroll框架组件的页面实现input自动获取焦点   因为Iscroll 在初始化的时候会阻止所有事件,所以input聚

原创 H5开发头部滑动导航

本文使用Agile Lite框架实现头部滑动导航。点击下载框架，导入框架如下：<link rel="stylesheet" href="../assets/agile/css/agile.layout.css"><link rel="stylesheet" href="../assets/third/seedsui/plugin/seedsui/seedsui.min.css">

原创 基于Agile Lite开发框架实现底部导航切换页面

本文涉及到的开发框架有Agile Lite 、seedsui、Iscroll、arttemplate等等框架。 Agile Lite：是一个HTML5移动应用开发框架，提供基于事件驱动和数据注入的MVP模式以及无关UI的可扩展框架结构。

原创 npm与调试工具的使用

一、npm安装cnpm  Node是以包为中心的平台。npm就是包管理器。   因为npm安装插件是从国外的服务器下载的，受网络影响很大，所以使用npm安装国内的开源镜像cnpm，目前主要是使用淘宝的cnpm镜像。首先关闭npm的ssl严格认证，输入命令npm config set strict-ssl false然后安装cnpm，输入命令： npm install -g cnpm –reg

原创 SFTP同步Node.js到Linux服务器

一、虚拟机网络的修改    我们有时候在不同的地方上网， 连接的网络不一样，虚拟机的ip地址也会变化，所以把虚拟机的网络设置为NAT模式，然后添加端口转发。然后在终端输入ifconfig进行查看ip地址是否是10开头的，如果不是10开头则需要输入systemctl restart network重启网络。 在xshell登录Linux: 二、SFTP同步Node   下面我使用subli

原创 Node.js开发环境搭建

一、Node.js的认识首先Node.js不是一门语言，而是javascript运行的环境，是一个平台。二、Windows下的Node.js开发环境搭建我们一般都是使用Linux操作系统作为服务器，Linux系统相对Windows系统来说比较稳定安全。我们不需要使用两台电脑进行操纵，只需要安装一个虚拟机就可以了。以下我们进行Linux+Windows进行环境搭建。VirtualB

原创 数据结构课程设计，校园图结构

《数据结构课程设计》课程题目 GDOU校园图课程编号 j1620102学生姓名 莫燕红所在专业 信息管理与信息系统所在班级 信管1134-15任课老师 易学明实习时间 2015年1月08日设计成绩 老师评语 目录：一、实训目的......................................2二、实训环境

原创 第九章思维导图

原创 第八章思维导图

原创 第七章思维导图

原创 第六章思维导图

原创 第5章思维导图

原创 树和二叉树

《数据结构》实验五：   树和二叉树实验一．.实验目的     巩固树和二叉树的相关知识，特别是二叉树的相关内容。学会运用灵活应用。1.回树和二叉树的逻辑结构和存储方法，清楚掌握树和二叉树的遍历操作。2.学习树的相关知识来解决实际问题。3.进一步巩固程序调试方法。4.进一步巩固模板程序设计。二．实验时间   准备时间为第10周到第12

原创 实验四 字符串和多维数组

《数据结构》实验四：    字符串和多维数组 实验一．.实验目的     巩固字符串和多维数组相关知识，学会运用灵活应用。1.回顾字符串和多维数组的逻辑结构和存储操作特点，字符和数组的物理存储结构和常见操作。2.学习运用字符串和和数组的知识来解决实际问题。3.进一步巩固程序调试方法。4.进一步巩固模板程序设计。二．实验时间   准备时

原创 第四章的思维导图

原创 栈和队列实验

一．.实验目的     巩固栈和队列数据结构，学会运用栈和队列。1.回顾栈和队列的逻辑结构和受限操作特点，栈和队列的物理存储结构和常见操作。2.学习运用栈和队列的知识来解决实际问题。3.进一步巩固程序调试方法。4.进一步巩固模板程序设计。二．实验时间   准备时间为第5周到第6周，具体集中实验时间为6周第2次课。2个学时。三．.实验内

原创 数据结构第三章思维导图

原创 第二章思维导图

原创 实验二.1

一．.实验目的     巩固线性表的数据结构，学会线性表的应用。1.回顾线性表的逻辑结构，线性表的物理存储结构和常见操作。2.学习运用线性表的知识来解决实际问题。3.进一步巩固程序调试方法。4.进一步巩固模板程序设计。二．实验时间   准备时间为第2周到第4周，具体集中实验时间为第4周第2次课。2个学时。三．.实验内容1.建立

原创 VC编程工具的灵活使用

一．.实验目的     复习巩固VC编程环境的使用，以及C++模板设计。1.回顾并掌握VC单文件结构程序设计过程。2.回顾并掌握VC多文件工程设计过程3.掌握VC程序调试过程。4.回顾C++模板和模板的程序设计。二．实验时间   第二周第二次课。2个学时。三．实验内容1. 设计一个单文件结构程序完成从键盘输入两个数，输出二者的

原创 VC编程环境灵活应用1.1

一．.实验目的     复习巩固VC编程环境的使用，以及C++模板设计。1.回顾并掌握VC单文件结构程序设计过程。2.回顾并掌握VC多文件工程设计过程3.掌握VC程序调试过程。4.回顾C++模板和模板的程序设计。二．实验时间   第二周第二次课。2个学时。三．实验内容1. 设计一个单文件结构程序完成从键盘输入两个数，输出二者的

原创 第一章绪论的思维导论图