- 博客(63)
- 收藏
- 关注
RSS订阅原创 微信小程序入门
微信小程序项目目录组成page文件内目录JSON是一种数据格式，在实际开发中，JSON总是以配置文件的形式出现。小程序项目中有4种json配置文件，分别是：补充：style：全局定义小程序组件所使用的样式版本，如果用旧的样式版本就把style删除就可以了project.config.json是项目配置文件，用来记录我们对小程序开发工具所做的个性化配置，例如：微信已开放小程序内搜索，效果类似于PC网页的SEO。sitemap.json文件用来配置小程序页面是否允许微信索引。当开发者允许微信索引时，微信会
2022-12-04 23:13:04
271
原创 java入门（一）
JDK(Java Development Kit Java开发工具包)JDK是提供给Java开发人员使用的，其中包含了java的开发工具，也包括了JRE。所以安装了JDK，就不用再单独安装JRE了。其中的开发工具：编译工具(javac.exe)，打包工具(jar.exe)等JRE(Java Runtime Environment Java运行环境)包括Java虚拟机(JVM Java Virtual Machine)和Java程序所需的核心类库等，如果想要运行一个开发好的Java程序，计算机只需要安装
2022-12-04 23:11:04
488
1
原创 使用pkg打包node.js为可执行文件（exe）
生成了exe文件后，可以不依赖node环境，就可以执行安装可以使用pkg -h查看相关命令pkg app.js环境只支持编译为windows系统的可执行文件缓存里缺少相应的二进制文件查看自己的node版本node -v。
2022-11-22 15:53:43
2140
原创 Echart入门
解决：code的时候打错了，vscode自动补全引入express，但我没有npm express，删掉那行代码就好了。错误一：在webpack5中移除了nodejs核心模块的polyfill自动引入，所以需要手动引入。错误二：Module not found: Error: Can’t resolve 'fs’等。
2022-11-13 19:42:05
154
原创 webpack学习笔记（十）模块与依赖
在模块化编程中，开发者会将程序分解成功能离散的一些文件，我们把这些文件称之为模块，每个模块都很轻量，这就使得项目的调试、验证、测试比较容易。这些模块提供了可靠的抽象和封装界限。使得应用程序的每个模块具备了条例清晰的设计和明确的目的。大多数浏览器都支持了esm模块化ECMAScript模块、CommonJS模块、AMD模块、Assets模块。
2022-11-05 19:08:16
1019
原创 webpack学习笔记（十）source-map、devServer
回顾搭建webpack环境1.创建package.json文件（保存安装包的一些信息【版本信息】）2.创建了node_modules和package-lock.json(保存了当前安装包的一些依赖信息)3.创建文件index.js 入口文件entry里可以配置4.创建webpack.config.js module.exports={mode:‘development’}
2022-11-02 00:28:13
554
原创 webpack学习笔记（八）缓存及打包文件
通过修改optimization.splitChunks这个属性来实现，可以定义一个cacheGroups缓存组，将我们的业务代码引用的第三方的文件都打包到一个文件中，在浏览器中缓存，由于这个文件不频繁更新，所以我们可以提高首屏的打开速度节省我们网络流量。由于缓存的存在，在获取新的代码的时候比较困难，那就需要配置webpack，来确保webpack编译生成的文件能够被客户端缓存，而在文件内容发生变化时，又能够请求到新的文件。3.将所有的打包文件都打包到script文件夹中。2.缓存第三方库代码。
2022-11-01 13:36:24
508
原创 webpack学习笔记（七）代码分离
在入口的地方通过Entry dependencies 或者通过SplitChunksPlugin来去重和代码分离。代码分离科研用于获取更小的bundle以及控制资源加载的优先级，可以极大缩短加载时间。bundle是打包分离出来的文件，然后把这些文件按需加载，或者是并行加载。缺点：如果是多个入口，那么这些入口的共享文件会分别在每个包里重复打包。通过模块的内联函数import调用来分离代码。第一种方法+webpack自带的插件进行优化。能够把代码分离到不同的bundle中。（二）防止重复的分离方法。
2022-10-06 20:54:36
559
原创 webpack学习笔记（六）loader加载器
当碰到通过require或者是import去引入一个txt文件时，在对这个文件进行打包之前，先使用raw-loader转化一下。loader可以让webpack解析其他类型的文件，并且将这些文件转化为有效的模块以供应用程序使用。加载后的样式会在head标签里，添加一个style标签，引入一个文件就添加一个style。webpack只能理解js和json文件，这是webpack开箱可用的自带的能力，webpack.config.js配置。通过两个插件来进行抽离和压缩。未被压缩前的打包的css文件。
2022-10-04 16:50:13
688
原创 webpack学习笔记（五）资源模块
资源模块类型：asset module type,会通过四种新的类型模块来替换所有的loader。asset:会在导出一个Data URI 和发送一个单独的文件之间自动进行选择。asset modules资源模块，可以引入除了js以外的任何的其他类型资源。允许我们应用webpack来打包其他的资源文件，比如字体文件、图标文件。asset/resource:会发送一个单独的文件并导出URL。asset/inline：会导出一个资源的Data URI。asset/source:会导出资源的源代码。
2022-10-03 23:05:42
278
原创 webpack学习笔记（四）一些配置说明[提高开发效率的一点小配置]
【代码】webpack学习笔记（四）一些配置说明[提高开发效率的一点小配置]
2022-10-03 21:17:40
133
原创 webpack学习笔记（三）插件
webpack会把这个依赖的关系都记录下来，然后交给webpack编译器，webpack编译器经过加工以后会生成目标文件，比如css文件和js文件。webpack的编译过程需要一些工具帮忙，这些工具可以帮助webpack执行一些特定的任务，比如：打包优化，资源管理等。包含community社区的插件，weback内置的一些官方的插件，webpack contrib第三方的插件。在webpack中，会指定一个入口文件，而这个入口文件又会依赖与其他的文件（如import xxx.js）
2022-10-03 20:44:01
176
原创 webpack学习笔记（二）自定义webpack
不方便 不直观，所以可以通过配置文件来配置webpack.config.js。例如：打包过程中指定入口文件和模式。
2022-10-03 20:03:50
126
原创 Express后台开发遇到的问题
渲染内容用res.render(),将会根据views的模板文件进行渲染。客户端发送一次请求的时候，服务器端给出了多次响应。将请求头发送到客户端后无法设置请求头。res.send()发送http响应。解决方法在mysql中执行如下语句。JSONVUE（chrome插件）效率：在页面上格式化展示数据。Express响应相关。
2022-09-28 11:50:10
194
原创 webpack学习笔记（一）安装webpack
当在控制台输入webpack的时候其实运行的是 node_modules\node_modules\webpack\bin\webpack.js这个文件，他会根据是否安装有webpack-cli或者是webpack-command进行处理，当没有安装其中之一就会告诉你需要下载webpack-cli,如果只有安装webpack-cli就会利用require.resolve获取webpack-cli/package.json的路径，然后根据这个路径加载模块。在当前路径中安装webpack不能使用。
2022-09-26 15:57:25
713
转载 HTTP1，2，3
解决了http 2.0中前一个stream丢包导致后一个stream被阻塞的问题。连接迁移，不再用tcp四元组确定一个连接，而是用一个64位随机数来确定这个连接。基于google的QUIC协议，而quic协议是使用udp实现的。优化了重传策略，重传包和原包的编号不同，降低后续重传计算的消耗。减少了tcp三次握手时间，以及tls握手时间。
2022-09-05 16:32:38
95
原创 windows下node更新
某些新版本的库要求 webpack@5，更新依赖时，根据依赖选择的规则，就以 webpack@5 作为主依赖安装。（2）波浪号~指定版本：比如 “core-js”: “~3.6.5”, 表示安装3.6.x的最新版本（不低于3.6.5），但是不安装3.7.x，也就是说安装时不改变大版本号和次要版本号。（3）^指定版本：比如 “antd”: “^3.1.4”,，表示安装3.1.4及以上的版本，但是不安装4.0.0，也就是说安装时不改变大版本号。3.安装sass后，webpack版本又冲突。...
2022-08-14 17:01:26
1312
原创 双向数据绑定
Watcher对象【vm,key(该属性是监听的属性名),callback,updata()\调用callback更新视图 replace(pattern,newVal)方法】：在模板complie中会对每个数据加上一个watcher对象进行监听，并且会将watcher实例存放在Dep对象中。Dep对象【subscribers数组，addSub(),notify()遍历每一个订阅者update】：收集依赖，全局的依赖（每一个Observer都有一个Dep实例），用来存储订阅者watcher。......
2022-08-13 18:07:34
195
原创 mock+封装axios+vuex分发
点击注册按钮，在click事件中分发去注册，再action中发送异步请求，请求registerResponse接口。编写对应接口并对外暴露。
2022-08-06 19:00:05
106
原创 SCSS目录结构
assets中的文件会被合并到一个文件中，然后进行压缩。多用来存放业务级的js、css等，如一些全局的scss样式文件、全局的工具类js文件等。mixin.scss与variable.scss一般是按需导入，需在vue.config.js中配置。作为入口文件,可以引入当前文件夹中的其他scss文件，且该文件需要在main.js中引入。在assets文件中管理scss文件。......
2022-08-06 10:38:03
379
原创 Array方法
1.创建数组let colors=["red","pink"];let names= new Array("AA","BB")2.检测是不是数组if(colors instanceof Array){}3.迭代器colors.keys() [0,1]colors.vaules() ["red","pink"]colors.entries() [[0,"red"],[1,"pink"]]4.复制与填充ints.copyWithin(0,5) 从ints中复制索引5开
2022-03-20 15:37:59
79
原创 正则表达式
\d 匹配一个数字字符。等价于 [0-9]。\D 匹配一个非数字字符。等价于 [^0-9]。\f 匹配一个换页符。等价于 \x0c 和 \cL。\n 匹配一个换行符。等价于 \x0a 和 \cJ。\r 匹配一个回车符。等价于 \x0d 和 \cM。\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。\t 匹配一
2022-03-15 15:18:20
282
原创 三种提取子字符串的方法
slice()、substring()第一个参数表示子字符串开始位置，第二个参数表示子字符串结束的位置substr()第二个参数表示子字符串数量省略第二个参数都表示提取到字符串末尾let stringValue = "hello world";console.log(stringValue.slice(3,7)); //"lo w"console.log(stringValue.substring(3,7)); //"lo w"console.log(stringValue.substrin
2022-03-13 16:19:01
3037
原创 instanceof和typeof的区别
typeof 和 instanceof 都是用来判断类型的函数typeof 对于原始类型来说，除了 null 都可以显示正确的类型typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'typeof true // 'boolean'typeof Symbol() // 'symbol'typeof 对于对象来说，除了函数都会显示 object，所以说 typeof 并不能准确判断变量到底是什么类型t
2022-03-13 14:27:39
484
原创 Date类型
在ES中，引用类型是把数据和功能组织到一起的结构，引用值是某个特定引用类型的实例。1.Date// 创建日期对象，就使用new操作符来调用Data构造函数：let now = new Date();// 无参数时，返回的是当前日期和时间Date.parse()和Date.UTC()可以自定义时间Date.parse()方法接受一个表示日期的字符串参数，尝试将这个字符串转换为表示该日期的毫秒数，格式如下：月/日/年 eg. “5/23/2019”月名 日，年 eg.“May 23,
2021-11-29 22:14:59
155
原创 JS中的语句
1. if语句if(){ //}else if(){ //}else{ //}2.do-while语句循环体内的代码至少执行一次do{ //}while()3.while语句先检测后循环，所以循环体内代码可能不会执行while(){ //}4.for语句先检测后循环，所以循环体内代码可能不会执行for(let i=0 ; ; ){ //}使用let声明迭代变量，可以将这个变量的作用域限定在循环中5.for-in语句用于枚举对象中的非符号键属性//
2021-11-28 22:51:40
292
2
原创 JS操作符
数学操作符（加、减），位操作符，关系操作符，相等操作符一元操作符1.递增/递减操作符let age =5console.log(++age) //6console.log(age++) //52.一元加和减一元加放在变量前面，对数值没有任何影响。一元减放在变量前面，把数值变为负值。如把1转换为-1一元加和减操作符主要用于基本的算术，也可以用于数据类型转换let s1 = "1.1"s1 = -s1 //变为-1.1位操作符10010 //18补码【不看符号位，取反码，
2021-11-27 21:50:17
534
原创 JavaScript数据类型
6种简单数据类型Undefined, Null, Boolean, Number, String, Symbol1种复杂数据类型Object（是一种无序名值对的集合）typeofundefined 表示值未定义boolean 表示值为布尔值string 表示值为字符串number 表示值为数值object 表示为对象（而不是函数）或nullfunction 表示值为函数symbol 表示值为符号typeof 是一个操作符，不是一个函数let messagetypeof mes
2021-11-25 21:26:27
379
原创 var、let、const的区别
1.var声明的范围是函数作用域，let声明的范围是块作用域，const声明的范围是块作用域2.var声明的变量会自动提升到函数作用域顶部，而let不会3.var在全局作用域中声明的变量会成为window对象的属性，而let不会4.条件声明，var声明时会被提升，JavaScript会自动将多余的声明在作用域顶部合并为一个声明。而let的作用域是块，所以不能检查到前面是否已经使用let声明过同名变量。5.for循环中var定义的变量，经过迭代，会渗透到循环体外部。let就不会6.const声明时必
2021-11-19 22:24:04
773
原创 preprocessing
数据预处理查看数据类型及数据缺失情况data.info() 查看数字属性data.describe()统计类别数量data["sex"].value_counts()数据填充1.用最频繁的值进行填充 X.fillna(most_frequent)2.用均值填充 pipeline 数字数据 ("imputer",SimpleImputer(strategy="median")) 类别数据 ("imputer", MostFrequentImputer
2021-09-14 21:22:38
105
原创 tensorflow 函数学习
tf.get_variable('x')获取变量x的值，如果变量名为x的变量没有的话就创建，有的话就引用详情：https://blog.csdn.net/weixin_36670529/article/details/97646462tf.variable_scope()变量的作用域管理器tf.variable_scope()的意义，在大项目中，变量很多，第114行有一个v的变量，第339行又出现了v的变量，后面写代码都晕了，搞不清楚。怎么办？搞一个变量管理器，即使变量名一样，但是变量作用域不
2021-08-31 14:59:46
107
原创 html细节
文档类型声明标签（不属于html标签）<!DOCTYPE html>告诉浏览器这个页面采用html5版本来显示页面<html lang="en">提示网站是中文网站（lang=“zh-CN”）还是英文网站;如:google浏览器中的一键翻译，让浏览器识别语言。对于浏览器的显示没有什么影响。<meta charset="UTF-8">规定HTML文档应该使用哪种字符编码charset常用的值有：GB2312、BIG5、GBK和UTF-8...
2021-06-30 17:44:55
200
3
原创 浏览器内核
|浏览器|内核浏览器内核使用该内核的其他浏览器IETridentIE、猎豹安全、360极速浏览器firefoxGecko火狐浏览器内核SafariWebkit苹果浏览器内核chrome/OperaBlinkchrome/Opera 浏览器内核Blink是WebKit的分支...
2021-06-30 16:20:39
70
原创 windows上部署vue3项目
使用npm run build打包之后，直接打开index.html无法看到网页内容。需要在项目中新建一个vue.config.js的文件，内容如下：module.exports = { // 基本路径 baseURL已经过时 publicPath: './', //publicPath: process.env.NODE_ENV === "production" ? "/dist/":"./", // 输出文件目录 outputDir: 'dist',
2021-04-21 12:44:01
841
原创 前后端分离
前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口即可前端：负责数据展示和用户交互后端：负责提供数据处理接口前端html -> ajax -> RESTful后端数据接口前端三大框架：react、vue、anglarvue 前端通过axios访问后端前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。实现技术Spring Boot + Vue使用Spring Boot进行后端应用开发，使用Vue进行前端应用开发
2021-03-22 16:01:45
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人