node.js基础
Node.js简介Node.js是一个基于Chrome V8引擎 的JavaScript运行环境;
其中V8引擎负责解析和执行JS代码
Node.js的安装官网地址:Node.js (nodejs.org)
LST为长期稳定版,对于追求稳定性的企业级项目来说,推荐安装LTS版本的Node.js
Current为新特性尝鲜版,存在隐藏的Bug或安全漏洞。
查看已安装的Node.js的版本号打开终端,在终端输入命令 node -v
在Node.js环境中执行JavaScript代码1、切换到JS文件说在目录中
2、打开终端
3、输入 node 文件名,即可执行相应JS文件
解决文件修改后无法保存的问题1、如果文件修改后无法保存,需通过管理员身份打开powershell通过nodepad+文件名打开
2、右键文件、打开属性、修改权限
API文档的编写ShowDoc
实例:导航–ShowDoc
fs文件系统模块fs.readFile()读取指定文件中的内容+fs.writeFile()向指定文件中写入内容123456789101112131415161718192021222324252627 ...
Vue2+Vue3基础
Vue简介vue官网地址:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)
vue是一套用于构建用户界面的渐进式JavaScript框架
渐进式:Vue可以自底向上逐层的应用
简单应用:只需要一个轻量小巧的核心库
复杂应用:可以引入各式各样的Vue插件
Vue的特点1、采用组件化的模式,提高代码复用率且让代码更加好维护
2、声明式编码,让编码人员无需直接操作DOM,提高开发效率
3、使用虚拟DOM+优秀的Diff算法,尽量复用DOM结点
Vue数据绑定单向绑定:v-bind: 数据只能从data流向页面
简写形式: v-bind:value 可简写为 :value
双向绑定:v-model: 数据不仅能从data流向页面,还可以从页面流向data。
注意:
1、双向绑定一般都应用在表单类元素上(如:input、select等)
2、v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。
el与data的两种写法el:第一种写法:
123new Vue({ el: '#roo ...
云服务器的购买和使用
云服务器(linux)的购买和使用一、在对应的Linux环境下要安装相应的JDK(版本不能低于windows下springboot程序中所用到的版本)和MySQL数据库(其他数据库也可)
具体操作:
1、购买一台云服务器(以 华为云服务器 为例)
2、登录进入华为云之后,会出现如下界面,点击右上角的控制台。
3、进入控制台之后的界面如下,找到如下图标注位置,然后点击进入
4、进入之后出现如下界面,点击下图标注位置
5、进入之后出现如下界面,弹性公网IP为访问服务器的IP地址
6、点击安全组开放一些端口(数据库默认端口:3306,HTTP:80,HTTP_ALT:8080,HTTPS:443,SSH:22)在选择开放端口的时候首先检查如上端口是否已经开放,没开放的端口给它开放即可
7、下载Xshell(连接服务器后就相当于Linux上的终端)和Xftp(连接服务器后可以从windows向服务器上传文件)
8、安装MySQL,第一步cd ~在/root目录下面下载并安装MySQL官方的Yum Repository
wget -i -c http://dev.mysq ...
前端小案例
1、价格变动标签示例图片:结构代码:123456<div class="price"> <span class="now">¥1650 <i></i> </span> <span class="origin">¥5650</span></div>
样式代码:12345678910111213141516171819202122232425.price { width: 161px; height: 24px; border: 1px solid red; line-height: 24px;}.now { position: relative; float: left; width: 90px; height: 100%; background-color: red; text-align: cente ...
HTML5+CSS3+JS基础
鼠标样式
属性
cursor
值:default
默认的小白鼠标样式
值:pointer
鼠标小手样式
值:move
鼠标移动样式
值:text
鼠标文本样式
值:not-allowed
鼠标禁止样式
取消表单轮廓+防止拖拽文本域取消表单轮廓input和textarea输入框,当点击后会出现默认的边框,
1outline: none;/*可以取消这个默认的边框*/
防止拖拽文本域textarea输入框默认是可以手动变大变小的,
1resize: none;/*可以禁止用户拖拽文本域*/
去掉图片底部默认的空白缝隙img标签放入的图片,在图片的底部存在默认的空白缝隙,
1vertical-align: top/middle/bottom;/*或*/display: block;/*可以去掉这个默认的空白缝隙*/
flex布局(自适应,常用于移动端布局)
注意:flex布局中,默认的子元素是不换行的,如果装不开,会缩小子元素的宽度,放到父元素里面
布局原理
flex是flexible Box的缩写,意为“弹性布局”,用来为盒装模型提供最大的灵活性,任何 ...
MySQL常见问题
MySQL的安装与配置设置数据库主键自动递增的位置1alter table 表名 AUTO_INCREMENT=N;#(N:下一次添加数据是主键id就是N+1,并依次递增)
解决因删除某条数据导致自增id断层的问题12alter table 表名 drop id;alter table 表名 add id int(11) primary key auto_increment first;
排序ORDER BY12345SELECT * FROM users ORDER BY 字段名 #默认是按字段名升序排列SELECT * FROM users ORDER BY 字段名 DESC #指定为按字段名降序排列SELECT * FROM users ORDER BY 字段名1 DESC, 字段名2 ASC #先按字段名1降序排列,如果字段名1相同就按字段名2升序排列
COUNT() 和 AS 的使用1SELECT COUNT(*) AS 别名 FROM users 条件 #统计出符合条件的数量并给该列起一个别名
分页查询1
在表中添加一列数据1alter table 表名 add ...
Linux笔记
1、字符串的测试123456str1=aaastr2=1234test $str1 = $str2 或 test [ $str1 = $str2 ] (注意空格)---用于判断str1和str2两个字符串是否相等echo $? ---输出上一条语句的运行结果执行结果=> 1 (表示str1不等于str2)如果str1等于str2则输出为0
2、数值的测试-eq — =
-lt — <
-gt — >
-le — <=
-ge — >=
-ne — !=
123456v1=1000v2=2000test $v1 -eq $v2 (判断v1是否等于v2)(注意空格)echo $?执行结果=> 1
3、文件的测试123test -d Music ---判断Music是否是文件夹test -f ex* ---判断以ex开头的文件是否为普通文件test -x Music ---判断Music文件是否为可执行文件
4、算数运算(表达式求值)1234v1=1v1=`expr $v1 + 1` ...
算法设计题目
动态规划:动态规划详解最长公共子序列:12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970#include<iostream>using namespace std;void LCS(int i, int j, char *x, int **b) { if(i == 0 || j == 0) { return; } if(b[i][j] == 1) { LCS(i - 1, j - 1, x, b); cout << x[i]; }else if(b[i][j] == 2) { LCS(i - 1, j, x, b); }else { LCS(i, j - 1, x, b); }}void LCSLength(int m, int n, char ...