阿学世界-CSDN博客

转载 uniapp + bootstrap+配置bootstrapvue

1.准备文件自己到DCloud官网： http://dcloud.io/ 去下载官方的IDE Hbuilder，新建一个空的uniapp项目即可。uniapp框架自带优化的vue,我们仅仅需要准备以下三个文件：bootstrap.min.css //bootstrap 4 以上。https://unpkg.com/[email protected]/dist/css/bootstrap.min.cssbootstrap-vue.min.css // https://unpkg.com/bootstra

2020-11-07 17:31:21 5790 1

原创多功能的表格组件

安装插件npm install element-ui sortablejs -S在项目中我是使用sortablejs实现拖拽的，以及使用elemnt-ui的分页组件实现分页的功能。树形结构数据如何渲染因为是树形结构的数据，所以我想到了递归组件。在设计递归组件之前先了解树形结构的数据是长什么样的。如下图通过给组件命名 recursiveRow，并且在该组件的模板里使用该组件。好吧，到这里即完成了递归组件的第一步…我将每一行设计成一个组件，如果该行数据有 children 那么就在渲染一次 recurs

2020-10-31 09:00:56 392

原创教你如何在github命令端上传代码

1.没有注册过的先去GitHub官网进行注册，注册后按照以下步骤来新建一个GitHub的仓库。2.先去到我的仓库，点击New按钮来新建一个仓库3.创建成功后进入到如下页面，箭头指的地址复制下来4.如果没有安装过Git的点击链接安装Git，已安装过的可以直接跳到下一步，安装过程中没有特殊需求的直接下一步就可以了。第一步：先到项目下，有两种方法到项目下1.直接点击任务栏中的Git Bash之后cd到自己项目下，我的是f:/web2.直接找到项目然后右键Git Bash Here第二步：通过gi

2020-10-17 15:59:56 376

原创 http和httpsd的区别

1.超文本传输协议，是一个基于请求与响应，无状态的，应用层的协议，常基于TCP/IP协议传输数据，互联网上应用最为广泛的一种网络协议,所有的WWW文件都必须遵守这个标准。设计HTTP的初衷是为了提供一种发布和接收HTML页面的方法。结果分析：HTTP协议传输数据以明文形式显示2.HTTPS是身披SSL外壳的HTTP。HTTPS是一种通过计算机网络进行安全通信的传输协议，经由HTTP进行通信，利用SSL/TLS建立全信道，加密数据包。HTTPS使用的主要目的是提供对网站服务器的身份认证，同时保护交换数据

2020-10-01 10:30:41 3215

转载彻底弄懂jsonp原理及实现方法(跨域问题)

一.JSON和JSONPJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式JSONP是JSON with Padding的略称。它是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）二.跨域的简单原理现在我们模拟下非同源的环境，刚才我们不是已经用Visual Studio新建了一个Web程序吗(这里我们叫A程序)，现在我们再打开一个新的Vi

2020-09-28 20:48:31 9959 4

转载 vue-cli3 / 4中使用echarts

echarts最近项目经常再用，所以这篇文章记录下vue-cli中如何使用echarts及注意事项这里不讨论webpack2/3 cli2以前的方法了，是时候更新一波了毕竟webpack4 / cli4很香第一步打开echarts官网找到安装方法npm install echarts --save第二步在所需的vue文件中import引入import echarts from ‘echarts’第三步在html中创建容器,css定义宽高，函数中创建实例，生命周期中调用...

2020-09-14 23:20:01 1079

原创为什么有些引入vue的文件要加 {} =＞ipmort {request} from...

1.通过export function fnt(){} 导出的方法或函数是要加上花括号{ fnt } 的export function request(comfig){ //创建网络实例 const instance1=axios.create({ baseURL:'http://123.207.32.32:8000', timeout:5000 })// 方法一,直接返回instance1 return instance1(com

2020-09-07 17:54:50 269

原创 vue-devtools安装相关问题

新版的vue-devtools并不是用npm安装，而是用yarn最好选择vue-devtools 5版本以下的（个人建议）安装:1.到github下载：git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包1.cd vue-devtools2.yarn install（新版）cnpm install（旧版）3.3.修改manifest.json文件把"persistent":false改成true

2020-09-04 15:15:47 175

转载 vue-router的来龙去脉

查看简书

2020-07-31 11:58:17 115

原创什么是Vue的生命周期？

所谓的生命周期就是Vue从初始化，加载，到整个页面的渲染的过程，整个过程是怎么样的，以及整个交互的过程是什么样的。比如我的数据更新，我就得重新渲染页面，从数据data到我们的页面视图view的更新的过程是什么样的过程，这就是生命周期过程是什么呢创造Vue实例化对象，比如事件的初始化和生命周期的初始化，然后开始创建一些内容，beforeCreate,创建之后呢，就开始我们数据的校验，created。都是进行一个数据和视图的一个初始化的绑定。渲染之前，对el外部的HTML进行template编译渲染

2020-07-23 10:14:23 180

原创 github使用指南

如何上传本地文件（夹）至GitHub及更新仓库文件1. 下载git工具git的安装就不再赘述了，在git工具下载后，按默认直接安装即可。2. 绑定github打开安装好的 Git Bash 输入以下命令：$ git config --global user.name "chenxx-lab"$ git config --global user.email "[email protected]"Note: name 和 email 为注册github 的用户名及邮箱地址。3.

2020-07-21 16:40:52 1230

原创 vue那些事？

v:show当鼠标移动上去的时候，显示标题，也就是提示语，imgTitles的数据写在data中就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。所以就会使用javascript;void（0）不让a做任何操作<a herf="javascript:void(0)"></a>...

2020-07-17 13:35:35 100 1

原创 jQuery中的cookie，ajax的使用指南

1.引入jQuery.cookies.js文件2.cookies的特性：3.ajax使用方法3.1下载本地文件:get方法3.2下载跨域文件：get方法需要加上dataType:“jsonp”3.3.ajax中的load方法：

2020-06-29 17:06:52 278

原创 SQLite嵌入式数据库的配置、编译与安装； 2、设计两个数据表，一个为 students表，包含学号、姓名、班级共3个字段；一个表为score表，包含学号、实验1、实验2、实验3、平时成绩和测试

1、SQLite嵌入式数据库的配置、编译与安装；2、设计两个数据表，一个为 students表，包含学号、姓名、班级共3个字段；一个表为score表，包含学号、实验1、实验2、实验3、平时成绩和测试成绩共6个字段。3、设计一个学生管理系统，编写一个 SQLite应用程序stu_man.c，启动并打开 test. db程序后，显示功能菜单提示用户操作：①输入学生信息；②输入学生成绩；③打印学生成绩；④退出程序。Score.c代码：#include <unistd.h>#include

2020-06-19 11:55:28 661

原创在UDP协议下，编写服务器程序listen.c和客户端程序talk.c，当服务器接收到以字母N开头的字符串时，提取出N后面的整数，并判断该整数是不是一个幸运素数(4位以上的素数，并且只有一位数字...

在UDP协议下，编写服务器程序listen.c和客户端程序talk.c，当服务器接收到以字母N开头的字符串时，提取出N后面的整数，并判断该整数是不是一个幸运素数(4位以上的素数，并且只有一位数字和其他位不同)，将判断结果返回给客户端。例如，若客户端发送N4321，则服务器端应答No；若发送N9999991，则服务器端应答YES。Server2.c代码：#include <sys/socket.h>#include <unistd.h>#include <signal.h

2020-06-19 11:49:15 240

原创在TCP协议下，编写服务器程序server.c和客户端程序client.c，使用线程，将发送和接收分开，使连续多次发送数据不需要等待服务器应答，客户端也可以及时接收到服务器连续发送的数据，实现聊天

1、在TCP协议下，编写服务器程序server.c和客户端程序client.c，使用线程，将发送和接收分开，使连续多次发送数据不需要等待服务器应答，客户端也可以及时接收到服务器连续发送的数据，实现聊天对话系统。server.c代码：#include <stdio.h>#include <stdlib.h>#include <string.h>#include <errno.h>#include <sys/socket.h>#inclu

2020-06-19 11:47:02 736 1

原创嵌入式-虚拟机：1、编写程序，创建两个线程，实现龟兔赛跑，利用变量表示速度，让兔子跑得快些，但在路上睡眠时间长些，到终点时线程运行结束。

1、编写程序，创建两个线程，实现龟兔赛跑，利用变量表示速度，让兔子跑得快些，但在路上睡眠时间长些，到终点时线程运行结束。2、使用GCC编译线程程序，生成可执行文件； 3、运行程序，观察运行效果。代码:#include <stdio.h>#include <stdlib.h>#include <unistd.h>#include <pthread.h>#define sleep_time 6 int range_tortoise;int ran

2020-06-19 11:43:09 349

原创设计程序A和程序B，程序B每隔100ms向有名管道写入一个随机整数(值为0~100)，程序A循环读取并打印有名管道数据，当连续出现3个50以上的数据时打印提示信息并暂停程序B，延时5s后继续启动程序B

1、设计程序A和程序B，程序B每隔100ms向有名管道写入一个随机整数(值为0~100)，程序A循环读取并打印有名管道数据，当连续出现3个50以上的数据时打印提示信息并暂停程序B，延时5s后继续启动程序B，然后继续读取数据。有名管道通信；随机数产生rand(): 它返回的最大值是RAND_MAXsrand ((int) time()); // 产生一个随机的随机数生成种子i = (int)(100 * rand() /RAND_MAX); — >0 – 100i=rand()%100

2020-06-19 11:40:39 797 2

原创嵌入式----在虚拟机上输出星号的菱形阵列。

1、在用户主目录(~)下新建一个tst子目录，然后在该子目录中，用vi编辑器输入程序代码，用gcc编译和gdb调试程序。程序功能要求如下：输入一个整数n(n>0&&n<=10)，输出星号的菱形阵列。例如，当输入n=10时，程序输出如下图形：unbuntu，打开终端win+r在根目录下sudo su root创建test文件夹并创建五个子文件root@fish-HDU:/# mkdir testroot@fish-HDU:/# cd testroot@fish-

2020-06-19 11:31:15 1191 1

原创 jQuery的那些事儿

jQuery是最优秀，使用最广的JS函数库，它能帮我们程序员简化DOM查询及DOM操作，轻松实现动画效果。在世界前10000个访问最多的网站中，有超过 55 %在使用jQuery。本视频全面深入讲解jQuery库的使用技术，以及基于jQuery的项目开发技巧。1.伪数组和数组的判别方法：console.log($数组名 instanceof Array)//结果为false即为伪数组伪数组含有的方法：length属性，object对象，下标属性index数组的特别方法：pop(),push(

2020-06-07 18:26:40 122

原创 vue项目打包与发布

一，打包npm run build生成一个dist文件夹二.发布1：使用静态服务器工具包npm install -g -serveserve dist访问：http://localhost/5000三：发布2：使用动态服务器web（tomcat）1.修改配置：wabpack.prod.conf.jsouput:{publicPath:/‘xxx’/ xxx是发布的文件的名字}2.重新打包：npm run build修改文件夹dist为项目名称:xxx将xxx拷贝到运

2020-06-02 13:56:04 486

转载 vue-cli经常报错的问题目录

一、 There are multiple modules with names that only differ in casing.这个情况是如果多出引用的组件有一个地方的引用地址的大小写肯定是写错了检查一下二、vue渲染iconfontvue渲染iconfont的时候，用unicode。四、预览打包后的文件vue-cli打包build出来的dist文件夹，如果直接用本地文件的形式打开，是没有效果的。可以使用本地服务器，最简单的一种就是基于node.js的http-server，使用起来也

2020-06-02 12:13:29 213

原创如何在页面创造一个浮动的小窗口？

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>带有关闭按钮的浮动窗口</title></head><style type="text/css">#fdck {border:1px solid #c0c0c0;margin:0 auto;padding:5px;background:#f0

2020-05-31 00:43:08 657

转载 ES6 箭头函数四种用法

箭头函数属于匿名函数的一类，有四种语法一、单一参数的单行箭头函数 const fn = foo => `哈哈，我是${foo}`;fn('测试'); //‘哈哈，我是测试’其中 fn是函数名， foo是传的参数 => 之后的内容是函数返回的内容该函数相当于 var fn = function(foo){ return "哈哈，我是" + foo; } 注意：其中 ${foo} 中包围foo的是大括号，还有这种省去字符串拼接，直接将变量用 ${} 括起

2020-05-28 15:16:24 281

转载 php实现登录与注销功能

登入界面<?php session_start(); header('Content-type:text/html;charset=utf-8'); if(isset($_SESSION['username']) && $_SESSION['username']==='zeng'){ exit('您已经登入了，请不要重新登入'); } if(isset($_POST['submit'])){ if(iss

2020-05-24 13:21:27 2255

原创 nodeJS学习笔记-重点难点

PEPL命令ctrl + c - 退出当前终端。ctrl + c 按下两次 - 退出 Node REPL。ctrl + d - 退出 Node REPL.向上/向下键 - 查看输入的历史命令tab 键 - 列出当前命令.help - 列出使用命令.break - 退出多行表达式.clear - 退出多行表达式.save filename - 保存当前的 Node REPL 会话到指定文件.load filename - 载入当前 Node REPL 会话的文件内容。

2020-05-21 21:03:39 605

原创 PEPL命令-交互式解释器

ctrl + c - 退出当前终端。ctrl + c 按下两次 - 退出 Node REPL。ctrl + d - 退出 Node REPL.向上/向下键 - 查看输入的历史命令tab 键 - 列出当前命令.help - 列出使用命令.break - 退出多行表达式.clear - 退出多行表达式.save filename - 保存当前的 Node REPL 会话到指定文件.load filename - 载入当前 Node REPL 会话的文件内容。...

2020-05-21 17:25:04 653

原创 node.js中出现Uncaught SyntaxError: Unexpected identifier

一、没有配环境变量。NODE_PATH值：D:\Program Files\nodejs\node_global\node_modules。注意：我的nodejs安装在D:\Program Files\目录下，所以环境变量就这样设置的；我的环境变量配置正确：二、使用错误。那就是使用错误了。下面说一下我的错误使用方式。错误使用方法： 1、直接点开Node.exe在其编辑模式下输入 > “node E:\myWebPro\nodeJS\hello.js” 2、在

2020-05-21 15:14:02 4892

原创解决方法 Uncaught SyntaxError: Unexpected token ，

这里出现了一个中文输入环境下的逗号，改正过来即可。那么很多人还会有其他的一些错误，排查的步骤可以这样做：1.先去检查一下语法错误2.检查后端返回的json格式数据，是否是正确的json格式。可以将数据打印出来，然后校验一下，这里给大家提供一个校验json格式数据的网址。http://www.bejson.com/ 将你的数据粘贴过去就可以检验出来是不是json格式的数据...

2020-05-15 16:54:28 7103

原创 javascript 出现Unexpected identifier问题

hb下运行编写的javascript代码时，在工具javascript控制台下有时会出现“Uncaught SyntaxError: Unexpected identifier ”的报错，经过我反复查看代码最后得出，原来是代码中缺少一个“,”（英文逗号）。后经在网上查阅，也有文章指出，如果该异常出现在define里多半是因为你在该行的上一行缺少了逗号。原来如此简单！在js中出现下面的错误：Uncaught SyntaxError: Unexpected identifier可能的原因是：有可能是字

2020-05-15 16:48:39 1495

原创四年前端在CSS面试上跪了

四年前端跪在CSS面试上，不可思议! CSS面试不是初级前端才会跪的吗在面试最后，面试官突然问了我最后一个问题。怎么清除浮动。当然我很快给出最常用的方法。.clearfix::after { content: ''; display: block; clear: both; visibility: hidden; height: 0;}本来我以为，面试官还会问，还有那些方法，我脑中已经构思了好几种方法。没想到，面试官竟然问我，这个方法清除浮动的原理。原理！

2020-05-15 11:01:45 604

原创路由实现的基本原理

路由实现：（1）传统开发方式url改变后，立刻发生响应整个页面，有可能资源过多，传统开发会让页面出现白屏（2）SPA 单页面应用 Single Page Application锚点值改变后：不会立刻发送请求，而是在某个合适的时机，发起ajax请求，页面局部渲染优点：页面不会立刻跳转，用户体验好<a href="#/login">登录页面</a><a href="#/register">注册页面</a><div id="app">&

2020-05-15 10:44:06 571

原创 v-bind和v-model的区别

从一开始学习的时候我们就知道v-bind是可以绑定属性和数据的，而v-model也一样可以绑定数据，那么v-bind和v-model的区别在哪里？1：如果 id={{xxx}}这种写法，则HTML实际上是这样的：id="{{ xxx}}"2:v-bind用于绑定属性和数据，其缩写为“ : ” 也就是v-bind:id === :id3:v-model也可以绑定数据，但是他是用在表单控件上的，用于实现双向数据绑定，所以如果你用在除了表单控件以外的标签是没有任何效果的。1:v-bind动态绑定指令，默

2020-05-10 17:43:49 2524

固定导航栏.html

DemoJS.html

空空如也