MySQL
该睡觉觉了
这个作者很懒,什么都没留下…
展开
-
集成jQuery
集成jQuery在webpack打包的项目中, 使用jQuery功能下载jquery模块, npm i jquery在webpack中配置resolve, 模块解析方式resolve: { // 配置如何解析模块的引入 alias: { // 别名 // import xxx from 'jquery' 实际上 运行时是 import xxx from 'jquery/dist/jquery.min.js' jquery原创 2021-03-24 17:17:53 · 110 阅读 · 0 评论 -
数据库中的增删改查
插入语句 插入语句说那个关键字 insert into 语句 : insert into 表名(字段1,字段2……) values(值1,值2) 数据库插入语句 不需要按照表中的字段顺序进行填写字段 但是值和字段必须一一对应 也不要求将所有字段进行数据插入insert into student(username,age,province,sex,education,t_no) values('庞广达',32,'湖北',1,'本科',10001);修改语句原创 2021-03-24 20:26:42 · 224 阅读 · 0 评论 -
数据库中的数据类型
数据库中的数据类型数据类型 tinyint : 小整形 一个字节 也就是说从数字-128—127 int : 整形 专门写整数 四个字节 -2147483648—2147483647 char : 定长字符串 默认存储255个字节 可以自定义 但是不能超过255 varchar : 变长字符串 默认存储255个字节 可以自定义 但是不能超过255 text : 文本类型 可存储16KB的数据内容 char和varc原创 2021-03-24 20:23:55 · 224 阅读 · 0 评论 -
非打包资源_static
非打包资源_static需要引入1个插件模块copy-webpack-plugin@5注意: 非打包的资源, 不再被当做模块使用, 所以我们只能使用路径引入的方式, 不要使用import/require注意: 引用的相对路径, 要以打包后dist目录中index.html为起点, 来查找static (而且static也会被复制到dist中)配置插件new CopyWebpackPlugin([{ from : __dirname + "/src/static",/原创 2021-03-23 20:50:40 · 164 阅读 · 0 评论 -
打包_assets
打包_assets需要引入2个加载器模块url-loader: url-loader 功能类似于 file-loader,但是在文件大小(单位 byte)低于指定的限制时,可以返回一个 DataURL(base64字符串)file-loader: 产出, 寻找文件的引用位置准备工作: 注意打包的资源, 都要和入口文件产生直接/间接关系, 所以不要写在index.html模板文件中, 那样是不会被webpack处理的assets 下准备 图片 和字体图标在main.js中, 创建标签,原创 2021-03-23 20:49:53 · 374 阅读 · 0 评论 -
压缩css文件
压缩css文件想要压缩打包后的css文件, 可以使用 optimize-css-assets-webpack-plugin, 先下载这个插件在webpack.config.js中配置const OptimizeCss = require('optimize-css-assets-webpack-plugin');plugins: [ // 新增 new OptimizeCss()]...原创 2021-03-23 20:49:21 · 270 阅读 · 0 评论 -
集成postcss
集成postcss什么是postcss是一个转换 CSS 代码的工具和插件 (postcss转换css代码, 为了兼容不同的浏览器)类似于babel.js把浏览器不兼容的js转换成兼容的js代码 (babel转换js代码, 为了兼容不同浏览器)注意它本身是一个工具, 和less/sass等预处理器不同, 它不能处理css代码而是靠各种插件来支持css在不同浏览器和环境下正确运行的增加可读性, 会自动帮你添加特定浏览器厂商的前缀 (插件: autoprefixer)px单位自动转r原创 2021-03-23 20:47:08 · 97 阅读 · 0 评论 -
打包less
打包less需要安装less 和 less-loader 来解析less代码, 和加载less文件 npm install less@3 npm install less-loader@7在webpack.config.js中 配置加载器, 解析.less文件{ test: /\.less$/, use: ['style-loader', 'css-loader', "less-loader"]}但是这样发现css代码没有分离出来, 所以还需要使用extrac原创 2021-03-23 20:46:17 · 173 阅读 · 0 评论 -
分离css代码
分离css代码需要引入1个插件模块extract-text-webpack-plugin 使用下一个版本@next 会将所有的入口中引用的*.css,移动到独立分离的CSS文件。因此,你的样式将不再内嵌到JS中,而是会放到一个单独的CSS文件中。如果你的样式文件较大,这会做更快加载,因为CSS会跟JS 并行加载。此插件没有压缩css代码的功能webpack.config.js加载器修改:const ExtractTextPlugin = require("extract-text-w原创 2021-03-23 20:45:45 · 155 阅读 · 0 评论 -
生成html文件
生成html文件需要下载1个插件模块html-webpack-plugin@4: HtmlWebpackPlugin简化了HTML文件的创建,你可以让插件为你生成一个HTML文件,使用默认模板, 或使用你自己指定的模板webpack.config.js插件配置const HtmlWebpackPlugin = require("html-webpack-plugin");plugins: [ // 配置各种插件 new HtmlWebpackPlugin({ // 插件配置对象原创 2021-03-23 20:45:13 · 495 阅读 · 0 评论 -
打包css代码
打包css代码需要下载2个加载器模块 (目的是为了让webpack认识css文件)css-loader@3: 接收一个css文件, 并且解析import方式 下载cssloader的时候 降低一个版本 @3 下载的版本是3.6style-loader: 接收css代码, 并且将其注入到html网页中的在webpack.config.js中, 加载器配置module: { // 对加载器进行配置 rules: [ // 加载器的使用规则 { // 独立的规则对象 te原创 2021-03-23 20:44:32 · 101 阅读 · 0 评论 -
配置 多入口--单出口 和 多入口--多出口
多入口–单出口多入口: 告诉webpack, 去哪些文件里进行打包module.exports = { context: path.resolve(__dirname, "src"), entry: ["./main.js", "./center.js"], // 设置多入口文件路径 output: { path: __dirname + '/dist', filename: 'bundle.js' }};多入口–多出口modu原创 2021-03-23 20:43:55 · 564 阅读 · 0 评论 -
配置单入口--单出口
webpack使用打包js代码准备前端模块js文件, 和主入口文件main.js(名字自定义), 在主入口文件里使用前端封装的模块在当前工程目录中声明webpack.config.js的 webpack配置文件, 并且填入配置对象信息(入口+出口必须的)dist不存在会自动创建output.path的值必须是绝对路径 (因为webpack是从全局开始创建dist目录, 所以必须从全局出发)在当前工程目录中执行webpack打包命令, 查看出口生成的打包后的js文件自己新建index.h原创 2021-03-23 20:42:44 · 501 阅读 · 0 评论 -
Node连接MySQL
Node连接MySQL1.意义 只有开发者要通过Node(Express)开发相应功能并且结合MySQL以后,普通用户才能操作数据库 也就是说只能通过Node来操作MySQL,进而是开发者提供了哪些功能那么用户就能使用此功能 普通用户是没有权限直接访问数据库的。 例如:我们上网常常碰见到登录注册 注册:把注册表单中的数据传递到服务器,然后Express把数据添加到数据库中 登录:把登录表单中的数据传递到服务器,然后Express通过条件,判断数据库中寻找有无此用户且密码原创 2021-03-24 20:28:24 · 135 阅读 · 0 评论