- 博客(55)
- 收藏
- 关注
RSS订阅原创 年周的数据处理
做项目的时候有这样一个业务需求，首页默认显示最近的年和最近的周，下拉框进行对新闻通过年和周的筛选项目页面展示如下：后台拿到数据是这样的：然后对数据进行处理： news_code().then((res) => { let arr = [] for (let key in res.data.data) { let week = [] res.data.data[key].forEach((item) => {.
2022-05-01 14:52:21
169
原创 日期格式的更换
从后台拿到的数据格式：现在需要更改成下面这种格式07 SEP 2021代码如下： transformDate (params) { switch (params) { case '1': params = 'Jan' break case '2': params = 'Feb' break case '3': params = 'Mar
2022-04-30 18:54:35
346
原创 js数组转换
现在有这样一个需求，后台请求出来的人员名称是一个数组，需要把这些数组通过contestants_type进行归类在页面渲染，contestants_typ中只有一个负责人是确定的，其他类型通过后台进行配置的。后台请求出来的数据：我需要归类渲染的数据：代码： let person_list = [] _.each(res.data.contestants_data,function(item,index){ if( !person_list.find((i
2022-03-15 10:28:06
141
原创 vue：无法加载文件...因为在此系统上禁止运行脚本
安装vue脚手架的时候一直报错，通过检查vue和vue-cli都已经安装，vscode里面就一直这样报错解决办法：输入命令符：set-ExecutionPolicy RemoteSigned重新安装脚手架运行成功：
2021-11-15 17:59:45
879
原创 react 封装网络请求
安装axios网络请求npm install axios -Simport axios from "axios";//封装网络请求function startRequestOnly(param){ return axios({...param}).then(res=>res.data).catch(err=>err);} //封装网络请求可以用来接收多个async function network(params){ if(params instanceof .
2021-10-10 14:05:11
388
原创 自定义组件
组件化开发概念：在开发中将某一个功能模块对应的网页结构，网页样式，数据渲染及交互进行统一的封装，对外仅仅提供简单的属性获取外界传递的数据，该过程被称为组件化开发。作用：对代码进行封装，实现代码的高内聚，低耦合。提高代码的可移植性，从而实现代码的复用。有效减少某一个文件的中的代码量，从而增强代码的可读性。低耦合的代码可以有效增强代码的可维护性。组件开发过程在微信小程序项目中创建components文件夹，存储自定义组件。选中components文件夹中新建空文件夹，之后选择新建的空文
2021-09-10 11:02:21
556
1
原创 微信小程序WXS语法和页面适配
概述WXS（WeiXin Script） 是小程序的一套脚本语言，结合 WXML ，可以构建出页面的结构。作用在WXML文件中如果想要嵌入一段脚本语言，实现对WXML中数据的预处理操作，此时可以使用WXS语法。适用场景在某一个WXML文件中嵌入一段WXS脚本实现对当前WXML中数据的预处理操作。可以实现JS文件中代码的减负，从而提高代码的可维护性和可移植性。可以将公共操作封装在一个独立的wxs文件中，在需要使用该脚本的WXML中导入wxs文件，从而实现公共脚本的封装。wxs语法wxs模
2021-09-09 10:36:43
538
原创 微信小程序数据渲染和数据请求
微信开放文档数据渲染概念：微信小程序和Vue实现理念是一致的，是基于数据驱动完成页面数据的自动化渲染。微信小程序中数据和Vue一样是响应式，即数据的更改会驱动页面进行数据的刷新。具体操作首先找到组件的js文件，在js文件中的data属性中定义数据源。在对应的wxml文件中需要使用数据的位置通过{{}}去绑定数据源注意：在微信小程序中除了事件以外，其他数据绑定统统使用模板语法{{}}，和Vue使用v-bind指令绑定属性不同，微信小程序中对于组件属性数据源的绑定也需要使用{{}}。在
2021-09-09 10:03:46
5832
原创 ES6基础语法
概念：ES6全称ECMAScript6，是ES5的升级版本，在原有ES5基础之上增加一些新的语法规范。作用：目前所有流行的前端架构都是基于ES6语法进行的项目构建，因此要想学习好流行框架，就必须提前掌握好常用的ES6语法。ES6常用语法结构如下：块级作用域变量 使用ES6 let关键字定义的变量，被称为块级作用域变量。在ES5中定义变量用var关键字，但是var关键字定义的变量不存在块级范围，即该变量作用范围属于全局。{var name = "张三"; //name变量被定义在一个块级.
2021-08-11 21:26:23
185
原创 node.js-文件上传
文件上传的定义服务端生成一个接口,用来接收前端传输的媒体数据,该过程称为文件上传.文件上传的操作流操作计算机在进行数据写入时，会将数据转换成二进制数据流，之后将数据一点一点的写入/读取文件，该过程好像水流的过程，因此该过程称为流操作。写入流写入流主要用来向文件中写入数据创建写入流// 导入文件操作模块fsvar fs=require('fs');var path=require('path');// 创建文件写入流var writeStream=fs.createWriteSt
2021-08-09 17:11:22
586
原创 express和fs模块
安装npm install express -S快速搭建服务器// 导入expressvar express=require('express');// 创建一个服务var app=express();// 设置服务的监听端口app.listen(8080);服务器添加功能app.get("/",function(req,res,next){ res.send("hello");})app.get("/login",function(req,res,next){.
2021-08-03 17:36:37
783
原创 node.js基础和跨域问题
node.js简介Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的 JavaScript运行环境，使用了一个事件驱动 、非阻塞式I/O模型， 让JavaScript 运行在服务端 的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。node.js服务器的搭建模块的导入和导出模块的概念：模块的本质是对一个或者多个功能的封装模块的导出：exports，作用：向外界导出一个对象作为导出对象
2021-07-30 16:30:13
65
原创 Ajax请求
完成Ajax请求大致可分为4步:创建Ajax请求开始链接发送数据等待接收数据创建Ajax请求IE浏览器并不兼容var ajax=new XMLHttpRequest();处理兼容问题if (window.XMLHttpRequest) {var ajax = new XMLHttpRequest();} else {var ajax = new ActiveXObject(“Microsoft.XMLHTTP”);}开始链接ajax.open(“GET”, “
2021-07-19 19:27:17
285
原创 JUC并发编程
回顾线程和进程1.线程是在进程下进行的，2.线程是进程的最小单位3.一个进程是由多个线程组成的4.Java默认的有两个线程：main、GC5.Java真的可以开启线程吗？不可以，只能通过本地方法去调用，native本地方法，底层的C++，Java无法直接操作硬件。并发和并行解释一：并行是指两个或者多个事件在同一时刻发生；而并发是指两个或多个事件在同一时间间隔发生。解释二：并行是在不同实体上的多个事件，并发是在同一实体上的多个事件。解释三：并行是在多台处理器上同时处理多个任务。如
2021-07-07 16:44:15
87
1
原创 仿京东放大镜
仿京东放大镜html: <div class="content"> <div class="preview_img"> <img src="https://img0.baidu.com/it/u=3311900507,1448170316&fm=26&fmt=auto&gp=0.jpg" alt="" /> <div class="cub"></div> <
2021-07-05 21:56:01
81
原创 js练习简易时钟
创建一个简易时间HTML: <div class="time"> <span class="time_link hour"></span> <span class="time_link hour"></span> <span class="time_link">:</span> <span class="time_link minuse"></span>
2021-07-04 15:20:53
128
原创 JS基础操作
变量变量：程序运行中会发生改变的量。注意:变量本质上是一个容器,因此程序运行过程中变量本身不发生改变,改变的仅仅是变量中存储的数据变量定义的语法var name1（变量名）=0（初始值）；变量命名的规范:变量名只能由数字，字母，下划线组成，并且数字不能开头.变量名不能使用系统保留字段变量名尽量做到简明知意var name = "张三";运算符算数运算符双目运算符（+， —， *， /， %）单目运算符（++， --）var num1 = 20,num2 = 20;
2021-06-29 17:57:19
250
原创 JS相关例题
通过循环输出1-100中的所有7的倍数及包含7的数字 for (var i = 0; i < 100; i++) { var num = i + 1; if (num % 7 == 0 || num % 10 == 7 || parseInt(num / 10) == 7) { console.log(num); } } //运行结果为：7,14,17,21,27,28,35,37,42,47,49,56.
2021-06-17 10:56:41
692
原创 注解和反射学习笔记与代码
什么是注解注解：Annotation注释：comment注解不是程序本身，但是可以对程序做出解释，这一点同comment作用类似，还可以被其他程序（如编译器）读取。可以附加在package，class，file，method上使用，相当于给他们添加了辅助信息，我们可以通过反射机制编程实现对这些元素数据的访问内置注解 @Override：定义在Java.lang.Override中，这个注释只适用于修饰方法，表示一个方法声明打算重写超类中的另一个方法声明。 @Deprecated：定义在Java
2020-09-09 17:36:59
148
1
原创 网络编程
IP地址 IP地址：inet Address 唯一定位一台网络上的计算机 127.0.0.1：本机local hostipv IP地址的分类：ipv4：127.2.2.1,四个字节组成，0-255，大概有42亿；30亿在北美，亚洲4亿。IPv6: fe80::588c:5b23:d5c5:eed6%13，128位。 公网（互联网）——私网（局域网）public class testInetAddress { public static void ma
2020-07-13 22:47:35
353
转载 常见的IO流面试试题
什么是比特(Bit)？什么是字节(Byte)？什么是字符(Char)？以及他们的区别？Bit 位，是计算机最小的二进制单位 ，取0或1，主要用于计算机操作。Byte 字节，是数据的最小单位，由8位bit组成，取值（-128-127），主要用于计算机操作数据。Char 字符，是用户可读写的最小单位，由16位bit（2个byte）组成，取值（0-65535），主要用于用户操数数据。什么是IO流？IO流就是以流的方式进行输入输出主要用来处理设备之间的传输，文件的上传，下载和复制流分输入和输出，输入.
2020-07-03 09:53:32
7552
3
原创 IO流
File类添加方法：1.创建普通文本文档：boolean flag= file1.createNewFile();2.创建文件夹：boolean flag2=file2.mkdir();3.同时创建多个文件夹：boolean flag3=file3.mkdirs();public class fileDemo1 { public static void main(String...
2020-07-01 20:24:42
192
1
原创 线程同步机制
概述线程同步：在现实生活中，我们经常会遇到“同一个资源，多个人都想使用，例如：食堂排队打饭处理多线程问题时，多个线程访问同一个对象，并且某些线程还想修改这个对象，这时候我们就需要线程同步。线程同步其实就是一种等等待机制，多个需要同时访问此对象的线程进入到这个对象的等待池形成队列，等待前面线程使用完毕，下一个线程在使用形成条件：队列+锁由于同一进程的多个线程共享同一块存储空间，在带来方便的同时，也带来了访问冲突的问题，为了保证数据在方法中被访问时的正确性，在访问时加入锁机制synch...
2020-06-13 10:30:32
333
1
原创 线程的五大状态以及lambda推导
实现Callable接口实现callable接口，需要返回值类型重写call方法，需要抛出异常创建目标对象创建执行服务: ExecutorService ser=Executors.newFixedThreadPool(1);提交执行: Future result1 = ser.submit(t1);获取结果: boolean r1 = result1 .get()关闭服务: se...
2020-05-26 16:42:41
175
原创 SQLyog的认识
通过命令行连接数据库：mysql -u root -p123456 --连接数据库flush privileges; --刷新权限show databases; --查看所有的数据库use school; --使用数据库，use+数据库名字Database changedshow tables; --查看数据库中所有的表 describe student; --显示数据库中所有表的信息 create database westos; --创建一个新数据库 对SQLyog操作数据
2020-05-20 22:49:53
492
原创 mysql环境配置
直接下载安装zip版本的：地址：MySQL下载地址下载后解压文件夹，添加一个mysql的配置文件my.ini(其中data文件是后期生成的，此时不用添加)环境配置：在我的电脑里的属性——高级系统设置——环境变量——系统变量中的path中新建一个输入自己的bin文档的路径，例如：E:\environment\mysql-8.0.20-winx64\mysql-8.0.20-winx64\bin，然后一路确定就可以了。在配置文件ini中添加：[mysqld]#设置3306端口po
2020-05-11 14:28:08
646
原创 HTML常用标签
标题标签 <h1>一级标签</h1> ... <h6> </h6>段落标签<p>段落标签</p>换行标签<br />此处为换行的内容举例：</head><body> <h1>肺炎</h1> <h4>...
2020-04-25 18:58:38
335
原创 线程创建的三种方法
继承Thread类//1.继承Thread类 2.重写run（）方法 3.调用start（）方法开启线程public class testThread1 extends Thread{ @Override public void run() { //run 方法流程体 for (int i = 0; i < 10; i++) { ...
2020-04-25 17:19:26
3303
原创 idea第一次创建动态web项目
首先idea要有jdk和Tomcat，可以去官网下载jdk和TomcatJDk官网Tomcat官网步骤如下：点击左上角的File–new–Project选择Java Enterprise，在Application Sever中找到自己的Tomcat，同时勾选住Web Application，之后一路像平时创建新项目一样的流程在WEB-INT下创建classes和lib文...
2020-04-23 11:22:10
364
原创 认识多线程
认识多线程多任务：类似于生活中的一心二用，同时吃饭玩手机，或者边听歌边写作业多线程：类似于生活中的马路，为了提高使用的效率，多加了几条车道普通方法调用和多线程Process和Thread程序是指令和数据的有序集合，本身没有任何运行的含义，是一个静态的概念进程则是执行程序的一次执行过程，他是一个动态的概念。是系统资源分配的单位通常在一个进程中可以包含若干个线程，当然一个进程中至...
2020-04-19 17:13:13
833
1
原创 SnakeGame步骤
首先设置一个窗体，游戏的面板public class startGame { public static void main(String[] args) { JFrame frame = new JFrame(); frame.add(new GamePanel()); frame.setDefaultCloseO...
2020-04-14 13:45:53
603
原创 JFrame的相关应用
JFrame举例：public class JFrameDemo2 { public static void main(String[] args) { new MyJFrame().init(); }}class MyJFrame extends JFrame{ public void init(){ this.setBounds(...
2020-04-12 12:25:23
249
原创 鼠标，窗口，键盘监听
画笔举例：class MyPaint extends Frame{ public void loadFrame(){ setBounds(200,200,600,500); setVisible(true); } //画笔 @Override public void paint(Graphics g) { ...
2020-04-08 19:41:25
256
原创 监听事件以及简易计算器
事件监听当某一个按钮或者文本框按下去的时候，会执行的动作举例： public static void main(String[] args) { Frame frame = new Frame(); Button button = new Button("button"); MyActionListener myActionListener...
2020-04-06 21:42:54
652
原创 Frame，Panel和三种布局管理器
窗体Frame举例：单个窗体 //frame窗体存在在内存中，看不见 Frame frame = new Frame("我的JAVA窗体"); //设置窗体的可见性 frame.setVisible(true); //设置窗体的尺寸 frame.setSize(400,400); //设置窗...
2020-04-05 13:48:55
1400
原创 Exception，Error，捕获和抛出异常
什么是异常异常指程序运行中出现的不期而至的各种状况，如：文件找不到，网络连接失败，非法参数等异常发生在程序运行期间，他影响了正常的程序执行流程。举例：//无限循环的代码，在写代码时不会报错，在编译的时候会报错public static void main(String[] args) { new demo1().a(); } public void a()...
2020-04-04 11:16:02
1165
原创 面向对象相关知识总结
封装1.该露的露，该藏得藏2.我们程序设计要追求“高内聚，低耦合”。高内聚就是类的内部数据操作细节自己完成，不允许外部干涉；低耦合：仅暴露少量的方法给外部使用封装（数据的隐藏）：通常，应禁止直接访问有一个对象中数据的实际表示，而应通过操作接口来访问，这称为信息隐藏。 属性私有：get/set...
2020-03-23 21:38:31
190
原创 Unity脚本基础和生命周期
Unity脚本语言Unity是可视化的集成开发环境，项目开发工作可以通过可视化操作和相关属性的设置完成。交互操作要通过脚本程序，将脚本挂载到特定的对象上，然后在合适的时机被调用执行。Unity支持三种脚本：1.Javascript for Unity（2017.2版本）2.C# Script3.Boo（2014年）Unity脚本生命周期1）Awake()：在游戏开始之前，脚本实例...
2020-03-21 14:44:48
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人