跳至主要內容
hexo插件开发之多插件引入样式冲突

​ 在引入相关图表的时候,图表正常加载但样式却存在问题,例如在一个文章中同时引入githubRepo和highcharts标签的时候,发现显示的图表很小。

image-20220302230044875

问题分析

​ 通过排查,一开始考虑是引用时参数指定问题,但检查元素发现数据指定正常,装载的容器大小装载正常,随后继续向下检查嵌套元素发现图表的内容被封装在svg标签中,而svg样式在githubRepo中存在定义,从而覆盖了相应的引用,因此需要调整策略,对svg的css进行相应的控制,或者是针对highcharts中相关元素自定义样式。


holic-x...大约 2 分钟hexobutterflyBUG
hexo插件开发之依赖冲突
const urlFor = require('hexo-util').url_for.bind(hexo)

问题分析

​ 在引入mtime插件的时候报错,是由于对参数进行解析的时候用到了hexo-util工具类,重复导入导致依赖失效报错


holic-x...小于 1 分钟hexobutterflyBUG
5.基于JFinal项目实现oracle与mysql的版本兼容配置

[TOC]

基于JFinal项目实现oracle与mysql的版本兼容配置

​ 将项目从mysql数据库迁移兼容oracle数据库,除却基本的的配置、语法调整,可以考虑在项目搭建和代码编写的时候考虑多数据源配置的整合方式,便于后期通过简单代码转换便能自由切换项目配置的主数据源,下述以EOAS项目为例进行简单说明,并针对通用的一些开发技巧作出思考

​ 迁移步骤简单说明:

<1>数据库配置迁移
<2>项目配置调整
<3>项目接口相关sql调整
<4>数据库切换,进行项目流程测试

holic-x...大约 18 分钟框架JFinalBUG
4.JFinal常见问题处理

[TOC]

JFinal常见问题处理

【1】同一个接口请求多次调用render系列方法

​ 在一次请求中调用多次 render 系列方法,只有最后一次调用有效,只要没有return,代码会继续执行下去,仅仅根据判断直接调用render返回数据则毫无意义。

​ 使用render系列方法(renderToString 除外),不会马上渲染视图,只有当方法执行完后才会真正的渲染视图,因此render之后是代码可以正常执行。当多次调用render系列方法(renderToString 除外),只有最后调用的那个方法才会生效。如果想render之后马上渲染视图,就直接在render后直接return;结束方法。可有下述两种解决方式实现:


holic-x...大约 7 分钟框架JFinalBUG
1.项目框架搭建

项目框架搭建说明

1.项目开发说明

【1】项目概述

根据不同的应用场景,电商系统一般都提供了 PC 端、移动 APP、 移动 Web 、微信小程序等多种终端访问方式

image-20200609101619434

【2】功能、页面原型


holic-x...大约 3 分钟Vue框架VueBUG
2.登录注册模块

登录注册模块搭建

1.前台页面搭建

清理不必要的组件,构造自己的项目。只需要保留App.vue根组件即可,其他多余不用的组件可以直接清理

image-20200609142843939

image-20200609143116093


holic-x...大约 6 分钟Vue框架VueBUG
API 接口文档

1.1. API V1 接口说明

  • 接口基准地址:http://127.0.0.1:8888/api/private/v1/
  • 服务端已开启 CORS 跨域支持
  • API V1 认证统一使用 Token 认证
  • 需要授权的 API ,必须在请求头中使用 Authorization 字段提供 token 令牌
  • 使用 HTTP Status Code 标识状态
  • 数据返回格式统一使用 JSON

holic-x...大约 20 分钟Vue框架VueBUG
2.常见Vue环境配置问题

常见vue项目启动问题

【1】引入已有项目启动报错

在引入已有项目的时候,如果变更了项目之前的内容(删除原有的项目后重新引入同名的项目),启动报错(考虑是缓存的问题,需要重新清理相关的内容后重新引入依赖再启动尝试)

image-20200607232722679 Step1:npm cache clean --force Step2:rm -rf node_modules // rimraf xxxx Step3:rm -rf package-lock.json Step4:npm install npm install 成功之后再次启动 npm start


holic-x...大约 2 分钟Vue框架VueBUG
开发笔记-前端日常开发问题

[TOC]

前端开发

【1】注意事项

前端页面:

组件id不能够重复,否则加载的时候默认只加载第一个查找的数据

注意前后端返回、处理数据要保持一致性

dataTable

注意js引入顺序(或者是js冲突导致,一般先引入jquery相关随后)

数据获取:

按钮触发的时候再去获取数据,否则页面加载的时候就获取一次,之后填写的内容无法同步更新数据,按钮触发的时候获取相关的数据

【2】常见前端开发问题

a.动态生成的dom点击事件失效


holic-x...大约 8 分钟前端BUG碎片化
开发笔记-后端日常开发问题

[TOC]

后端开发

【1】代码规范

a.前后端交互数据定义

响应数据参考实体:

image-20201004124643705

自定义封装(借助JSONObject实现)参考:

image-20201004124656950


holic-x...大约 7 分钟后端BUG碎片化