Mu_Soul的博客

原创 记录使用expres.js 的模块化开发一个简单的web服务器

地址访问我这里用到了express的router模块来做，但是如果把所有 的地址访问都放在同一个文件中，文件会显得极度的臃肿并且难以排查问题，所以，我把router做了模块化的管理。封装的针对高德那边的http处理组件，使用的是axios库，这玩意前端和node都能使，不比那个request库香？通过express.js搭建了一个简单的web服务器，功能目前只有一个，就是通过这个web服务器去访问高德的地理编码查询接口，并把高德返回的数据返回给客户端。上面的图片展示的是项目的文件结构。

原创 微信H5支付重定向前端报错跨域请求

记录一下， 不要让后端自己去做跳转，跳转由前端来做，后台只需要把只需要把授权回调的URL返回给前端，前端直接跳转那个URL就行。还有，支付这种事儿， 一定不能只在开发环境测试，一定要进生产环境去测。

原创 iOS 编译ffmpeg 4.3版本

记录iOS 编译ffmpeg的过程

原创 Mac执行ruby命令提示 dyld: Library not loaded等类似问题解决方案

dyld: Library not loaded 类似问题解决思路

原创 JS 解析URL参数并以对象形式返回

url解析为object

原创 nodemailer 的使用初体验

使用nodemailer构建一个简单地邮件发送服务

原创 微信小程序支付 调用支付JSAPI缺少参数: total_ fee

微信支付 调用支付JSAPI缺少参数: total_ fee

原创 Mac终端 -bash: mysql: command not found

mysql命令无法找到

原创 我的创作纪念日

机缘提示：可以和大家分享最初成为创作者的初心例如：实战项目中的经验分享日常学习过程中的记录通过文章进行技术交流…收获提示：在创作的过程中都有哪些收获例如：获得了多少粉丝的关注获得了多少正向的反馈，如赞、评论、阅读量等认识和哪些志同道合的领域同行…日常提示：当前创作和你的工作、学习是什么样的关系例如：创作是否已经是你生活的一部分了有限的精力下，如何平衡创作和工作学习…憧憬提示：职业规划、创作规划等​​...

原创 浅谈VueRouter 嵌套路由

VueRouter 嵌套路由的一些想法

原创 修改带有自动填充属性的input填充后的背景颜色

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay: 111111s;-webkit-transition: color 11111s ease-out, background-color 111111s ease-out;}

原创 执行npm run serve 报错Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.

执行 npm i @vue/compiler-sfc

原创 微信小程序 预览或上传体验版本后，无法进行HTTP请求

检查请求地址是否是域名且在微信后台进行过备案如果是普通的IP地址形式，或者未进行备案，则进入预览后，点击右上角胶囊的三个点点，打开调试即可使用

原创 原生js实现Tab点击切换

看了下，网上给出的Demo大多是鼠标在移入的时候做tab切换，而我最近的博客项目是希望实现知乎登录页面那样的可以点击切换的tab，所以，我自己实现了一下切换的实现思路HTML：布局方面，我选择了div标签作为容器，做横向排列<div class="test selected"></div><div class="test"></div><div class="test"></div><div class="test"

原创 正则表达式验证车牌

蓝牌小车[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼川贵云渝藏陕甘青宁新使]{1}[A-Z]{1}[0-9a-zA-Z]{5}$特种车辆（结尾特定汉字)[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼川贵云渝藏陕甘青宁新]{1}[A-Z]{1}[0-9a-zA-Z]{4}[挂警学领港澳]{1}$武警车辆（开头WJ)^WJ[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼川贵云渝藏陕甘青宁新]?[0-9a-zA-Z]{5}$新能源小车（第三位D纯电动\F混动）[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼川

原创 iOS 拖拽手势（UIPanGestureRecognizer）只做竖直/水平方向处理

拖拽手势提供的函数函数描述open func translation(in view: UIView?) -> CGPoint获取到的是移动后手指在相对坐标系内移动的距离open func setTranslation(_ translation: CGPoint, in view: UIView?)用于设置每次拖拽操作时视图的偏移量，状态切换至end时，要记得清零open func velocity(in view: UIView?) -> CGPoint

原创 ReactNative 通过循环添加Element

原创 iOS block小结

什么是blockblock是带有局部变量的匿名函数局部变量：作用域仅在block内的变量, 由block持有block语法^(返回值)(参数列表){表达式}ex: ^(int)(string s1, string s2) { log("%s, %s", s1, s2) }其中 ，返回值类型可以省略，参数若为空，则参数列表也可以省略//这是最简单的block结构^{表达式} block 的三种类型全局block NSGlobalBlock栈上block

原创 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!Someone could be eaves

原创 Swift:必须添加init?(coder decoder: NSCoder)的原因

当我们重写类的时候经常提示要添加代码： required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") }这个叫必要初始化器，这种情况一般会出现在继承了遵守NSCoding protocol的类，比如UIView系列的类、UIViewContro...

原创 Mac升级BigSur后，软件提示 “没有权限打开应用程序“

1、 打开「终端.app」把出现问题的程序，拖到该下述命令的后方，回车执行即可。 $ sudo xattr -d com.apple.quarantine .app文件的路径2、 在出现损坏的 app 上右键，依次打开 “显示包内容-Contents-MacOS”，然后把该目录下的文件，拖到下述命令的后方执行。...

原创 node.js 文件服务器————在线markdown转html

awdawdawd

原创 微信小程序实现仿钉钉报销页面新增报销明细功能

先上一个效果图，要实现的效果就是报销明细的组别里，填写相应的字段，点击新增一条报销，可以在组别里增加一组。提交时计算出报销的总金额，确认无误后提交。UI组件我这边使用的是vant weapp组件库第一步是基础的组件json配置{ "usingComponents": { "van-field": "@vant/weapp/field/index", "van-button": "@vant/weapp/button/index" }}首先，我们先对初始的页面进行布局，本

原创 微信小程序页面跳转后不显示内容

调用wx.navigateTo()函数，跳转页面后本应有内容的页面变成一片空白，大体上的原因如下。1、app.json 中未配置相应的页面路径，出现这个的原因很大概率与版本控制有关，当出现冲突后，会发生这种问题，重新手动生成一下pages路径就行。2、在页面中引入的一些库或者其他文件的路径发生改变，基本也是在版本控制时触发，通常这个会在控制台提示出错误，但并不会让项目无法通过编译，可以先在问题发生时看一眼控制台，如果出现错误信息，点进出问题页面的js文件，修改一下库文件的引用路径即可...

原创 node.js 与 vue实现前后端分离

后台：node.js前端：vue.js数据库：mysql首先，创建一个node项目，新建一个js文件，起名为connmysql.js，并且通过npm来安装node的mysql模块，这个文件用来实现连接mysql的方法。var mysql = require('mysql')var connection = mysql.createConnection({ host: 'localhost', user: 'root', password: '数据库密码', por

原创 Node.js web服务器遇到的问题

NODE CANNOT ENQUEUE QUIT AFTER INVOKING QUIT.数据库连接已经断开，需要在响应请求时，重新执行 connection.connect()

原创 解决Mac进程端口被占用

lsof -i:端口号 (ex: lsof -i:8080) 列出所有使用指定端口的进程kill 进程id （ex: kill 2868）杀死指定id的进程

原创 微信小程序模拟器可以显示本地图片，真机预览无法显示

1.图片后缀小写改成大写2.不要使用汉字作为图片名称

原创 微信小程序 父组件向子组件传值

首先，需要在父组件的json文件中，引入子组件{ "usingComponents": { "day-page": "/pages/First/first/index" }}第二步，在子组件的json文件中，将其设置为组件，即 “component”: true,{ "component": true, "usingComponents": {}}第三步，在子组件的js文件中，分别设置properties和lifetimes小程序文档-组件生命周期// pages

原创 Node.js + electron-vue 使用selenium-webdriver 对浏览器进行操作

在使用electron-vue写自动化测试软件的时候，遇到了一些关于使用selenium-webdriver的坑，来记录一下一、环境配置由于vue并没有实际运行在node的运行时中，所以，在vue中引入selenium-webdriver会引发 no such module 的报错，这个错误当时困扰了我很久，因为确实没有意识到是不同运行时环境的问题。所以，基于这一点，我选择了在本地起一个node服务，通过访问node，来对selenium进行操作const app = require('express

原创 Ant design vue 对栅格系统进行5等分

Antd vue 使用的是24栅格系统，可以很轻松的将内容分为4，6，8份，但是，需求不会只局限于这几种分法，5等分，7等分比比皆是，那么怎么让Antd vue的栅格系统可以做到5等分呢。下面图片为4等分容器（span=“6”）时的截图下面图片为5等分容器 （span=“5”） 时的截图看一下Antd vue 是如何将栅格5等分的打开Antd vue的源码中的 Grid下的index.css，可以看到其实这个css文件是定义了每一个情况栅格所占的大小以及布局的也就是说，我们只需要对col的样式进

原创 Ant Design Vue form结合label-in-value select组件出现的问题

在做表单提交时，我这边的需求是需要将select组件中的key作为id，value作为name传到后台。由于select组件默认无法同时获得key和value，所以，使用label-in-value属性来将key和value包装成一个object来获取。 <a-select label-in-value :disabled="disabled" show-search v-decorat

原创 Ant Design Vue 给form动态赋值时 出现set a form field before rendering a field associated with the value.

项目中有一个需求，点击列表条目编辑的时候，需要弹出一个modal，同时将列表的数据赋给modal中的form，一开始，我是在methods中定义了一个方法来接收列表参数 dialogShow (item, flag) { this.modalTitle = flag === 0 ? '新增工号' : '修改工号' if (flag === 1) { this.form.resetFields() } this.visible = tru

原创 vue出现 Uncaught (in promise) TypeError: Cannot set property posts of undefined at eval

就在刚刚，我遇到了一个新的问题刚在跟着Vue的官网写例子，在《通过 Prop 向子组件传递数据这一部分》 中，不是有相关的网络请求的一个小例子嘛，我就照着栗子写出了下面的代码<template> <div> <a-button type="primary" @click="httpRequest"></a-button> <p>{{posts}}</p> </div></template&

原创 Vue中子组件响应父组件事件，并传递参数

父组件与子组件的关系在Vue中，父组件可以通过 $refs来管理通过ref注册过的所有子组件，即 $refs对象下可以包含很多 $ref对象。事件响应分别定义两个组件 parent.vue 和 sub.vue其中 parent.vue//如果想要实际测试代码的话，请优先引入ant-desigin-vue<template> <div> <a-button type="primary" @click="parentButtonClick">父组件事件

原创 Electron-Vue + Ant desigin vue

cd vue项目：cd app_name安装环境： npm i --save ant-design-vuemain.js中 import ‘anti’ from ‘anti-desigin-vue’Vue.use(anti)

原创 Electron-Vue环境搭建

安装vue npm install -g @vue/cli创建vue项目 vue create app_name在vue项目下搭建Electron环境：1、 cd app_name2、 vue add electron-builder运行Electron项目：npm run electron:serve

原创 通过Xib加载视图时，不执行awakeFromNib的原因

一般，我们通过Xib视图时，通常都会直接勾选Also create Xib file 选项，这样一来，我们的视图类是与Xib默认绑定的。但是如果我们创建视图时，未勾选选项，则Xib默认会与当前基类进行绑定。例如：我创建一个Cell，起名为TS_Cell，当我创建文件同时去创建Xib文件后，Xib的class就会被绑定为TS_Cell。而当我们先创建了Cell而并未勾选Xib，等到我们再去创建X...

原创 Flutter Callback 示例代码

App主体，因为只是做示例，没有做页面变化的效果，所以使用了StatelessWidget这个类class myApp extends StatelessWidget { String actionName; //declare & create object Lee classLee = new Lee(); //create string only array ...

原创 iOS 向 Vue传递参数

####  上一篇文章记录了Vue是如何向iOS发送消息实现通信的，这一篇就记录一下iOS是如何向Vue传递参数的。###1、为什么要向js发送参数#####  像京东，淘宝等商城类应用的商品详情页面排版使用原生语言实现同样的效果非常费劲，所以类似这样的页面可以使用H5来进行实现。#####  通过H5实现商品详情展示，原生实现列表。可以凑活兼顾渲染大列表H5性能问题和原生排版不便的问题。...