- 博客(38)
- 收藏
- 关注
RSS订阅原创 react零基础入门到项目实战-01
React与传统MVC的关系react的特性声明式：我只告诉你我想的东西是什么，具体怎么实现不需要我去实现；只需要根据react模板写好的规则去书写即可，而react怎么把数据映射到视图上的、怎么渲染到页面上的不需要我们去关心；将来数据发生了改变，react怎么去更新模板不需要我们去关心，我只负责改变数据即可；我们只关注数据层的改变...
2022-03-14 17:25:19
927
原创 Echarts+Vue3.0 大数据可视化项目构建
项目结构myapp文件夹：前端项目初始化进入app.vue，清空所有外在样式<style lang="less">* { margin: 0; padding: 0; // 解析的时候，边框、内边距等是包含在width中的 box-sizing: border-box;}</style>项目分辨率响应——lib-flexible项目页面布局随窗口大小改变而改变使用第三方库lib-flexible，rem屏幕适配myapp> npm
2022-03-07 23:23:12
2627
3
原创 css 与 html5
折叠隐藏文字快捷键：span*6，然后敲一个tap键，会生成6个span标签写业务style之前，需要先清除style的内置样式也就是在style里面写上* {margin: 0;padding: 0;}注意body的height:100vh;不要写100%弹性盒子能使子元素垂直居中的条件：弹性盒子本身具备高度使用>直接控制子元素，而不会影响到孙元素body { background-color:#003a8c; width: 100%
2021-11-28 15:22:53
101
原创 npm、Node、Express、MongoDB
如何使用 package.json ——所有 Node.js 项目或 npm 包的核心package.json 文件是所有 Node.js 项目和 npm 包的枢纽， 和 HTML 文档中的 <head> 区域用来描述网页的配置信息（元数据）一样，它存储项目的相关信息。 它由单个 JSON 对象组成，并以键值对的形式存储项目信息， 且至少包含两个必填字段：“name”和“version”——但是最好提供有关项目的其他信息，这将对用户或者维护者有所帮助。如果能找到项目的文件树，那么可以在文件树
2021-10-31 01:13:27
180
原创 JS对象 与 数组
使用数组存储不同类型的数据以下是最简单的数组（Array）示例： 这是一个一维数组（one-dimensional array），它只有一层，或者说它里面没有包含其它数组。 可以观察到，这个数组中只包含了布尔值（booleans）、字符串（strings）、数字（numbers）以及 JavaScript 中的其他数据类型：let simpleArray = ['one', 2, 'three', true, false, undefined, null];console.log(simpleArra
2021-10-29 19:46:50
1926
原创 es6基础
var 和 let 关键字之间的差异使用 var 关键字来声明变量，会出现重复声明导致变量被覆盖却不会报错的问题。var camper = 'James';var camper = 'David';console.log(camper);这里控制台将显示字符串 David。在上面的代码中，camper 变量的初始值为 James，然后又被覆盖成了 David。 在小型的应用中，你可能不会遇到这样的问题。但是当你的代码规模变得更加庞大的时候，就可能会在不经意间覆盖了之前定义的变量。 因为这样的情
2021-10-27 10:39:32
2488
原创 Sass基础
用Sass存储数据Sass 不同于 CSS 的一个特点是它允许使用变量。可以在 Sass 中声明变量，并为它赋值，就像在 JavaScript 中一样。在 JavaScript 中，变量是使用 let 和 const 关键字定义的。 在 Sass 中，变量以 $ 开头的，后跟变量名。这里有几个例子：$main-fonts: Arial, sans-serif;$headings-color: green;并使用变量：h1 { font-family: $main-fonts; co
2021-10-24 00:29:24
95
原创 bootstrap响应式css框架
引入Bootstrap 会根据屏幕大小来动态调整 HTML 元素的大小————因此称为 Responsive Design（响应式设计）。通过响应式设计，我们将无需额外设计一个手机版的网页， 因为它在任何尺寸的屏幕上看起来都很棒。任何 Web 应用，都可以通过添加如下代码到 HTML 顶部来引入 Bootstrap 。<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstra
2021-10-23 14:08:07
1135
原创 vue相关知识
目录结构bulid文件夹：(构建脚本目录)node_modules文件夹：(项目依赖模块)vue.config.js(配置文件)scr文件夹：(项目源码目录,重点掌握，包含结构如下)api文件夹：(统一接口管理)(api文件的分层与命名，与view文件下各个vue文件的分层与命名一一对应)(主要功能是将每个vue文件中使用到的接口抽离出来，统一管理)，例如：system文件夹school.jsfile.js……login.jsuser.jsschool.
2021-10-10 19:55:11
143
原创 微信小程序开发
注册https://mp.weixin.qq.com/上面这个网址，是注册小程序用的小程序语法特点小程序适配方案创建小程序点开微信开发者工具，创建一个小程序注意那个AppId，可以在最上面那个网址里面拿到工具介绍左上角个人中心，扫码登录模拟器跟编辑器对应这两块区域这是调试器点击编译，就会重新跑一遍程序，点击预览，就会生成一个二维码，然后可以真机体验...
2021-08-15 23:16:41
500
原创 实战——登陆注册管理后台
新建vue.config.jsclone项目，vue create项目，在根目录下新建vue.config.js进行配置把一下配置代码粘上去 //主要是用于分析项目的大小占比的，不需要的话可以注释掉// const WebpackBundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { // 部署应用时的基本 URL //部署应用时的根路径(默认'/
2021-07-23 17:17:48
473
原创 Node.js编程
入门尝试web尝试模块一——HTTP服务器server.jsvar http = require("http");//请求Node.js自带的 http 模块，把它赋值给 http 变量。http.createServer(function(request, response) { response.writeHead(200, {"Content-Type": "text/plain"});//注意小括号里的语法 response.write("Hello World"
2021-06-16 01:13:35
232
原创 Vuex基础 Cookie_js
官网地址：https://vuex.vuejs.org/zh/基础vuex可以看作是一个仓库，什么时候使用呢，譬如说我们搭建一个管理后台，会有一个组件用来写左侧菜单栏对吧，菜单栏有收起的属性；然后我们在首页这个组件用了菜单栏这个组件，那么我们在首页想要改变菜单栏的收起属性该怎么做到呢？就得使用vuex来全局改变怎么用先在main.js里面用上注意要去packge.json里面看看有没有vuex这个依赖噢然后写store.js，也就是数据状态存储器存储东西在上面的store.js里面
2021-06-01 00:54:53
277
原创 前端开发常用函数
处理input中的空白字符串text为input 的值，返回处理后的字符串。function inputValue(text) { var _val = text.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,''); return _val;}删除字符串中的HTML标签输入处理前字符串，返回去除标签的字符串。function slicpfn(str) { var _str = str, dd = _str
2021-05-31 23:49:27
251
原创 前端适配 // 做项目配置
Layout ViewPort:布局视口手机后面那一块的大小Vsual ViewPort:可视视口手机屏幕大小Ideal ViewPort:理想视口Layout ViewPort 是手机后面那一块的大小，一般为980px，如果不去设置ViewPort控制的话，它是会被缩小到适应手机屏幕大小的，于是就造成缩放了解决方法如下：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale
2021-04-11 16:09:58
109
原创 用T-SQL创建表并导入TCPH数据集的数据//删除数据库
drop table PART;CREATE TABLE PART(P_PARTKEY int primary key,P_NAME varchar(55),P_MFGR char(25),P_BRAND char(10),P_TYPE varchar(25),P_SIZE int,P_CONTAINER char(10),P_RETAILPRICE decimal,P_COMMENT varchar(23))TRUNCATE TABLE PART;BULK INSERT PART
2021-03-25 16:32:14
797
原创 vue起步
template标签里，一定要有一层父级元素包裹住内容，不一定得是div标签，也可以是其他的，否则会报错style标签里写样式时，加上scoped，则当前样式只适用于局部这个vue组件，否则适用于全局vue一般是用数据驱动视频渲染，即很少在html中书写中文，一般是在data的return中定义数组，然后在html中用v-for来遍历数组以渲染json对象mounted(){}里面写的东西，是挂载完成以后自动执行的什么时候绑定class属性：例如以下情况，:class="{ 'active' =
2021-02-16 17:35:34
237
原创 关系代数——除运算
已知关系R(X,Y)XYX1Y1X2Y2X2Y3X2Y1和关系S(Y,F)YFY1F1Y2F3R÷S其实就是判断关系R中X各个值的像集Y是否包含关系S中属性Y的所有值第一步：找出关系R和关系S中相同的属性，即Y属性。在关系S中对Y做投影（即将Y列取出）；所得结果如下YY1Y2第二步：被除关系R中与S中不相同的属性列是X ，关系R在属性（X）上做取消重复值的投影为{X1，X2}；
2020-12-29 16:32:34
3991
原创 E-R图/关系模式
E-R模型用E-R图来描述现实世界的概念模型，包括实体、属性、实体之间的联系等E-R图中：实体型用矩形表示，矩形框内写明实体名；属性用椭圆形表示，并用无向边将其与相应的实体型连接起来；联系用菱形表示，框内写明联系名，并用无向边分别与有关的实体型连接起来，同时在无向边旁标上联系的类型注意：联系也可以具有属性；为了简化E-R图，现实世界的事物能作为属性对待的尽量作为属性对待两个实体之间的联系一对一联系（1：1）#mermaid-svg-hVqc7PER88pQkV34 .label{font-
2020-12-29 14:55:25
4942
原创 控制台重定向
结构WNDCLASS包含一个窗口类的全部信息，也是Windows编程中使用的基本数据结构之一，应用程序通过定义一个窗口类确定窗口的属性基本方法有： typedef struct _WNDCLASS { UINT style;// 窗口类型 WNDPROC lpfnWndProc;//窗口处理函数 int cbClsExtra;//窗口扩展 int cbWndExtra;//窗口实例扩展 HINSTANCE hInstance;//实例句柄 HICON hIcon;//窗口的最小化图标 .
2020-12-27 15:36:00
1418
4
原创 数据库基本查询
Instructor:instructorIDfNamelNameSSNdeptCodepositionbonus76AndyChou467374211mathassistant300.0052ChrisBowen602497126mathassociate0.0044JenniferFurman290337845acctassistant800.0089DanielPradmore589035216acctfu
2020-12-25 11:21:01
807
原创 生产者消费者
临界区在使用时以CRITICAL_SECTION结构对象保护共享资源，并分别用EnterCriticalSection（）和LeaveCriticalSection（）函数去标识和释放一个临界区。所用到的CRITICAL_SECTION结构对象必须经过InitializeCriticalSection（）的初始化后才能使用，而且必须确保所有线程中的任何试图访问此共享资源的代码都处在此临界区的保护之下。否则临界区将不会起到应有的作用，共享资源依然有被破坏的可能。简单来说，EnterCriticalSec..
2020-12-24 17:13:18
133
原创 数据库/范式
给定关系模式R<U,F>,U={ABCXYZ},F={AB->Y,C->BX,BX->A,B->X}求Fmin试问属于R的关系是第几范式写出分解算法，将R分解为3NF并保持函数依赖和具有无损连接性求最小化基本集的方法如下：一般直接从题目所给的FD集合开始推，先将右边有多个属性的FD分解，然后删去集合中能被其他FD推出来的FD；对于左边有至少两个以上属性的FD，例如本题中的AB->Y，将其分为A->Y（或B->Y），观察A->Y（或B-
2020-12-22 18:21:26
2344
1
原创 Java类
类：结构/框架实例：结构+数据（来源于现实世界），于是在虚拟世界中建立了对象类变量：静态数据+动态行为（对数据的操作）构造方法与类同名，无返回值，在new后执行初始化成员变量，创建实例包装/封装用private/public等决定引用程度public:全开，private:全闭用getter方法或setter方法配合private一起使用，达到半开半闭的效果eg: private String password;public void changePW(String newPW){
2020-12-21 23:30:45
63
原创 Java技术体系/可移植性/标识符/变量
Java SE——Java平台标准版Java EE——Java平台企业版Java ME——Java平台微缩版JRE——Java运行环境（Java Runtime Environment,有时也称为Java运行系统）运行时库JDK—— Java 语言的软件开发工具包（Java Development Kit） 开发库API——应用程序接口（Application Programming Interface,包含了实现Java平台基本特征与功能的类和接口）Java的可移植性JVM——Java虚
2020-12-21 22:42:12
104
原创 static静态
静态变量又称类变量，区分于实例变量。在类装入实例之前，就已经生成类变量了，且类变量可以通过类名直接调用，不需要创建实例也可。不管创建多少的实例，静态变量/方法都只独有一份存在内存中，并不会被各个实例所独有public class First { public static void main(String[] args) { // TODO Auto-generated method stub System.out.println("This is the very first code."
2020-12-19 11:40:06
76
1
原创 java实验五（继承与多态）
一、 实验目的及要求设计一个数据类型判断类Polymorphism，使用重载、装箱等技术判断一个不带等号的Java表达式的结果的数据类型。设计一个链表结点类LinkNode，此类可以存放int、long、float、double、byte、short、String、StringBuffer类型的数据。用此类：a、随机产生100个整数（范围自定）的链表，在生成的过程中从小到大排列，然后输出；b、随机产生100个6个英文字母的单词的链表，在生成的过程中从小到大排列，然后输出。（关注装箱和拆箱相关概念In
2020-12-18 20:06:26
1278
原创 java实验四
一、实验目的及要求将你在实验3中设计的模拟堆栈程序，封装成一个类（注意访问控制的运用、getter和setter的运用、构造方法的设计等），并用这个堆栈类重写中缀表达式转换成后缀表达式程序。（体会封装）设计一个时间类MyDate：（日期均大于1900年） a、 其中包括年、月、日、时、分、秒。其他成员变量可根据需要增设；b、 可以直接获得时间的年、月、日、小时、分钟、秒数；(public修饰) c、 计算日期的dayOfWeek（星期几）；d、 //实现日期加减一个整数后得到新的日期（加减天数）；
2020-12-18 20:06:11
548
原创 接口/抽象类
public class First { public static void main(String[] args) { // TODO Auto-generated method stub System.out.println("This is the very first code."); petsArray(); } public static void petsArray() { Dog[] dogs=new Dog[10]; Cat[] cats=new C
2020-12-18 20:05:55
62
原创 比较器
Java 集合框架提供了一套性能优良，使用方便的接口和类，java集合框架位于java.util包中， 所以当使用集合框架的时候需要进行导包。Comparable(内部排序) int compareTo(Object obj);返回值为int，默认升序排序，自然排序，可以直接通过Collection.sort()或着Arrays.sort进行排序public int compareTo(T obj);返回值的三种情况:1.正数:当前对象大于目标对象2.03.负数public class Car
2020-12-18 20:05:41
109
原创 Eclipse程序调试
1、设置断点：Toggle Breakpoint2、debuge（F11）：以调试方式运行程序,显示调试视图3、F6：step方式运行，逐句执行；4、F5：step into，深入到子程序执行；5、F7：执行完子程序，跳出子程序，返回主程序；6、F8执行到下一次遇到断点；7、几个视图窗口；8、terminate按钮、Java Perspective按钮...
2020-12-18 20:05:29
84
原创 File类/输入输出流/异常处理
import java.io.*;import java.util.Date;public class AboutFile { public static void main(String[] args) { File myFile=new File("C:\\Inetpub\\wwwroot\\iisstart.asp");//注意其他位置的文件如何打开？ //目录和文件级别的操作类，提供文件和目录的信息、创建文件和目录 System.out.println("路径： .
2020-12-18 20:05:17
180
原创 实验六
3、 输入一个文件系统的子目录，编程序将其中的所有内容的名字输出到console上，要求：a、使用泛型的动态数组作为工具；b、使用课本193页的File对象及其方法；c、将此子目录下的所有子目录（可能有很多层）及其中的所有文件的文件名输出；d、输出目录名和文件名时，用前缀空格显示出层次关系；import java.io.*;import java.util.ArrayList;public class OpenFile{ public static void main(String[]
2020-12-18 20:05:01
183
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人