- 博客(123)
- 收藏
- 关注
RSS订阅原创 浏览器模块
session是另一种记录服务器和客户端会话状态的机制session是基于cookie实现的，session存储在服务端，sessionId会被存储到客户端cookie。
2025-02-25 18:30:00
562
原创 webpack构建流程
从配置的入口模块开始，分析其 AST，当遇到require等导入其它模块语句时，便将其加入到依赖的模块列表，同时对新找出的依赖模块递归分析，最终搞清所有模块的依赖关系。在用Loader 对一个模块转换完后，使用 acorn 解析转换后的内容，输出对应的抽象语法树（AST），以方便 Webpack后面对代码的分析。在运行过程中会广播事件，插件只需要监听它所关心的事件，就能加入到这条webpack机制中，去改变webpack的运作，使得整个系统扩展性良好。是一个串行的过程，它的工作流程就是将各个插件串联起来。
2025-02-14 19:15:00
1141
原创 webpack研究，解决了什么问题
例如，我们是用过script标签在页面引入这些模块的，这些模块的加载并不受代码的控制，时间一久维护起来也十分的麻烦。开发方式，也从javascript到后面的es5、es6、7、8、9、10，再到typescript，包括编写CSS的预处理器less、scss等。约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script标签对应一个模块，然后调用模块化的成员。理想的解决方式是，在页面中引入一个JS入口文件，其余用到的模块可以通过代码控制，按需加载进来。而webpack可以解决以上问题。
2025-02-13 18:45:00
741
原创 单例模式的理解
单例模式（Singleton Pattern）：创建型模式，提供了一种创建对象的最佳方式，这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建在应用程序运行期间，单例模式只会在全局作用域下创建一次实例对象，让所有需要调用的地方都共享这一单例对象，如下图所示：从定义上来看，全局变量好像就是单例模式，但是一般情况我们不认为全局变量是一个单例模式，原因是：在javascript中，实现一个单例模式可以用一个变量来标志当前的类已经创建过对象，如果下次获取当前类的实例时，直接返回之前创建
2025-02-12 19:45:00
231
原创 设计模式的理解？常见的设计模式有哪些
从许多优秀的软件系统中总结出的成功的、能够实现可维护性、复用的设计方案，使用这些方案将可以让我们避免做一些重复性的工作设计模式提供了一套通用的设计词汇和一种通用的形式来方便开发人员之间沟通和交流，使得设计方案更加通俗易懂大部分设计模式都兼顾了系统的可重用性和可扩展性，这使得我们可以更好地重用一些已有的设计方案、功能模块甚至一个完整的软件系统，避免我们经常做一些重复的设计、编写一些重复的代码合理使用设计模式并对设计模式的使用情况进行文档化，将有助于别人更快地理解系统更加深入地理解面向对象思想。
2025-02-11 20:00:00
375
原创 04商品详情
src\views\Detail\components\DetailHot.vue接口src\apis\category.js导入调用src\views\Detail\components\DetailHot.vue渲染模版适配不同标题titlesrc\views\Detail\components\DetailHot.vue图片预览src\components\PicturePreview.vuesku组件(商品的一些规格)src\views\Detail\index.vue组件
2025-01-20 09:51:42
818
原创 6-1express-cors-jsonp
🍕是基于node.js平台，快速、开发、极简的web开发框架。思考：不使用Express能否创建Web服务器能，使用node.js提供的原生http模块(用起来较复杂，效率低，Express是基于http模块封装的，能够极大的提高开发效率)})🍕简单来说 路由就是映射关系。一个客户端的请求与服务器处理函数之间的映射关系。🍟在express中路由是由三部分组成，分别是请求类型、url地址、处理函数。业务流程多个第二个参数可以传入多个})🥪需求描述与实现步骤。
2025-01-15 20:15:00
904
原创 5.npm包
/入口文件//定义格式化时间的函数return `${//入口文件 //定义格式化时间的函数 function dateFormat(date) {} //补零 function padZero(num) {//入口文件 //定义格式化时间的函数 function dateFormat(date) {} //补零 function padZero(num) {${
2024-12-24 20:45:00
1385
原创 4.模块化
🥗和函数作用域类似，nodejs中在自定义模块中定义的变量、方法等成员，对于整个系统来说，模块是可组合、分解和更换的单元。🌭加载内置和第三方模块不需写路径，直接写模块名字即可。🚜加载自定义模块需写路径(可以省略后缀)，方可执行。🐱🏍Node.js遵循了CommonJS模块化规范。在每个.js自定义模块中都有一个，里面。对象，可以向外共享模块中的成员。🍿当一个任务很复杂时，自顶向下逐层把。方法导入，即可得到成员。，这种访问限制，称之为。，把一个大文件拆分成。方法，可以加载需要的。🥞共享成员时的注意点。
2024-11-27 21:45:00
416
原创 3.http模块
🍔什么是客户端，什么是服务器在网络节点中，负责消费资源的电脑，叫做客户端；负责对外提供网络资源的电脑，叫做服务器。🍳http模块和之前的fs模块都是node官方提供的模块，用来创建web服务器的模块。通过提供的方法，就能把电脑变成一台服务器，对外提供资源服务。同样需要先导入它。
2024-11-26 19:45:00
950
原创 2.fs文件系统模块
🧇path模块是官方提供的、用来处理路径的模块。提供一系列的方法和属性，用来满足用户对路径的处理需求。方法，可以将多个路径片段拼接成一个完整的路径字符串方法，可以从路径字符串中，将文件名解析出来🥪require关键字导入方式🍖fs.writeFile()方法只能创建文件，不能用来创建路径🥟重复调用写入同一个文件，新写入的内容会覆盖之前的旧内容。
2024-11-20 20:15:00
879
原创 vue常见题型(10-15)
🍿代理，是一种特殊的网络服务，允许一个通过这个服务与另一个网络终端进行非直接的连接。🥞是把图形、非图形的各种逻辑抽象为一个统一的概念来实现开发的模式，在vue中每一个.vue文件都可以视为一个组件。是如何完成数据的绑定；等待同一事件循环中的所有数据变化完成之后，会将队列中的事件拿来进行处理，进行。的方式进行注册(安装)，第一个参数为名字，第二个参数是可选择的配置项。🎉插件(plugin)用来增加你的技术栈的功能模块，它的目标是。同源策略，是一种约定，是浏览器最核心同时最基本的安全功能。
2024-11-08 20:15:00
687
1原创 uni-app之旅-day06-加入购物车
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言8.0 创建 cart 分支8.1 配置 vuex8.2 创建购物车的 store 模块8.3 在商品详情页中使用 Store 中的数据8.4 实现加入购物车的功能8.5 动态统计购物车中商品的总数量8.6 持久化存储购物车中的商品8.7 优化商品详情页的 total 侦听器8.8 动态为 tabBar 页面设置数字徽标8.9 将设置 tabBar 徽标的代码抽离为 mixins前言8.0 创建 cart 分支git
2024-10-11 19:00:00
1543
原创 uni-app之旅-day04-商品列表
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考🌭🌭🌭根据接口的要求，事先定义一个请求参数对象data() {return {// 请求参数对象queryObj:{// 查询关键词query:'',// 商品分类Idcid:'',// 页码值pagenum:1,// 每页显示多少条数据},//商品列表的数据//总数量total:0},
2024-10-09 19:30:00
1107
原创 uni-app之旅-day03-搜索
🍔🍔🍔5.1.1 自定义 my-search 组件在项目根目录的 components 目录上，鼠标右键，选择 新建组件在分类cate.vue页面的 UI 结构中，直接以标签的形式使用 my-search 自定义组件-- 使用自定义的搜索组件 --> < my-search > </ my-search > < view class = " scroll-view-container " > <!-- 左侧滚动视图区域 --> </ view >
2024-10-08 19:15:00
995
原创 1-3 微信小程序协同工作和发布
协同工作和发布🥟🥞以权限管理需求为例一个项目组，一般有不同的岗位，不同角色的员工同时参与项目成员流程成员管理的两个方面不同项目成员对应的权限版本
2024-09-07 21:00:00
208
原创 vue3有了解过吗？和vue2的区别
🍔🍔🍔通过这种形式，我们能够更加容易维护我们的代码，将相同功能的变量进行一个集中式的管理。,我们可以在组件的逻辑位置写模板代码，然后在 Vue 应用范围之外渲染它。之外的其他位置的技术，就有点像哆啦A梦的“任意门”🐱🏍🐱🏍🐱🏍是一种能够将我们的模板移动到。功能，可以将无用模块“剪辑”，仅打包需要的。🥫🥫🥫我们能够构建自定义渲染器，我们能够将。的某个组件内部，那么处理嵌套组件的定位、编写的，可以享受到自动的类型定义提示。等这样的元素，如果我们嵌套在。🍳🍳🍳 支持有多个根节点。和样式就会变得很困难。
2024-09-02 19:30:00
1642
原创 Day08-Cos上传和权限数据
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录1.员工详情-员工头像组件2.权限管理-搭建权限页面3.权限管理-获取数据转化树形4.权限管理-新增5.权限应用-权限概念6.员工分配角色-弹出层7.权限应用-员工分配角色-回显数据并提交8.给角色分配权限-弹出层9.权限应用-角色分配权限-显式已有权限数据10.确定提交1.员工详情-员工头像组件创建imageupload组件(src/views/employee/components/imageUpload.vue)
2024-07-19 19:30:00
636
原创 Day07-员工管理-上传下载
1.员工管理-导出excel导出员工接口返回的是二进制axios配置responseType为blob接收二进制流文件为Blob格式按装file-saver包，实现下载Blob文件npm install add file-saver导出员工excel的接口 (src/api/employee.js)export function exportEmployee(){ return request({ url:'/sys/user/export', //改变接收数据的
2024-07-16 21:00:00
752
原创 Day05-组织架构-角色管理
自定义启用列和操作列的结构-代码位置(src/views/role/index.vue)< el-table-column prop = " state " align = " center " width = " 200 " label = " 启用 " > < template v-slot = " {row} " > < span > {{ row.state === 1?'已启用':row.state === 0?
2024-07-05 20:15:00
813
原创 day04-组织架构
通过在el-tree中传入插槽内容，就可以渲染数据自定义树形结构-代码位置(src/views/department/index.vue)-- 节点结构 --> <!-- v-slot="{ node, data }" 只能作用在template --> < template v-slot = " { data } " > < el-row style = " width : 100%;-- $event 实参 表示类型 --> < el-dropdown > <!
2024-07-04 19:45:00
1056
原创 day02-登录模块-主页鉴权
2.1.2实现token的Vue数据持久化2.1.3实现登录的action方法2.1.4在登录组件中调用该action方法 代码位置 src/views/login/index.vue2.1.5注意：因为user模块导出的时候namespaced为true,所以我们调用action的时候要加上模块名称如user/login3.Vue-cli代理解决跨域3.1请求模块-axios封装-跨域-区分环境注意：要去掉before这个选项，这个是mock数据，会影响到我们的请求，并且修改完成之后要
2024-06-27 16:06:50
834
原创 day01-项目介绍及初始化-登录页
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考settings.js导出网站基础配置，包括：网站标题、固定header、显示logopermission.js(权限)，主要负责路由导航守卫data(){return{},mobile: [{message: '请输入手机号',}, {message: '手机号格式不正确',}],message: '请输入密码',
2024-06-27 13:35:49
864
原创 前台项目-商品详情页
🍔🍔🍔 表单元素修改产品个数。🍳🍳🍳 将产品添加到购物车。监听滚动行为默认顶部开始。🍔🍔🍔商品属性值选择切换。新增detail仓库。接口地址: 两个参数。
2024-01-12 19:00:00
562
原创 前台项目-搜索页参数合并、品牌操作、综合/价格排序、分页
🍞🍞🍞这次使用getters,简化仓库数据。🍔🍔🍔处理品牌,点击品牌查询对应的品牌商品。🧈🍚组件获取到仓库数据 展示。
2023-12-04 18:30:00
1073
原创 前台项目第三天(11)
---使用声明式导航 router-link 可以实现路由的跳转与传递参数 但是如果循环过多 会出现卡顿 因为它作为一个组件 生成实例的时候 如果有上千个 进行渲染 耗费性能。----三级联动用户可以点击的有 一级分类 二级分类 三级分类 触发时 跳转到search组件 用户选中的产品(产品的名字 产品的id) 进行传递。----编程式导航:push|replace 功能全面。给父元素 all-sort-list2 添加点击事件。----声明式导航:router-link。
2023-11-17 18:30:00
176
原创 前台项目第二天(7-10)
*----9.2如何指定params参数可传可不传?----query参数 不属于路径当中的一部分 类似于ajax中的queryString /home?----编程式导航 用的是组件实例的$router.push|replace方法 除了跳转 还可以收集数据 发请求 功能全。----项目复杂 接口多 有的接口在不同组件都有使用 后期接口一旦变化 使用过这个接口的都需改 所以统一管理较方便。----把一个仓库 拆分成若干小仓库 对应若干组件 这样仓库存储的是 对应组件的数据 新建对应的模块文件 例如。
2023-11-16 20:15:00
128
原创 前台项目第一天(1-6)
-----------路由组件 需要在/router/index.js中进行引用和注册(使用的即为组件的名字)----package.json中 script:{vue-cli-service serve --open}------5.2.1.路由组件 放置在pages或者在views文件夹里面。------------在App.vue根组件中 使用路由组件 需要使用。------------非路由组件 放置在components文件夹里。
2023-11-15 18:30:00
205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人