- 博客(44)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 实践一个Vue 3 + TypeScript + Vite + Pinia项目
优势：dev-tools支持、热模块更换、支持typeScript、插件机制、支持服务端渲染等等。新建文件夹 store，打开新建 index.ts。创建 useUserStore。新建一个 UserComponent.jsx 文件。新建 user.json 文件，并添加数据。在 app.vue 引入user.tsx。在 app.vue 中引入文件并展示。在 main.ts 引入pinia。实现一个简单的增删功能。......
2022-08-29 16:59:16
1245
1
原创 判断是手机端/pc端
判断是手机端/pc端//判断是手机端/pc端function isMobile(){ if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { return tru.
2022-03-24 14:52:39
2979
原创 文章收集学习
理解 Web 的重排和重绘_性能优化, 性能, performance, 会员专栏 教程_W3cplusWeb 中 的重排和重绘是 Web 渲染中常见的问题，即 Relayout（重排）和 Repaint（重绘）。其中重排（Relayout）也常被称为回流（Reflow）。另外在 Web 中聊渲染相关的话题，除了 Repaint、Reflow、Relayout之外，还有 Restyle（重写样式）和 Rendering（渲染）。这五个带有 R 开头的单词简称 5R ，对于 Web 性能的优化有着决定性的影响
2022-03-16 11:05:29
834
原创 vscode规则
{ "git.ignoreMissingGitWarning": true, "window.openFilesInNewWindow": "on", "window.openFoldersInNewWindow": "on", // "window.zoomLevel": 1, "editor.wordWrap": "on", "files.autoSave": "afterDelay", "editor.fontSize": 14, "e.
2022-02-21 16:09:06
473
原创 Laravel、执行php artisan migrate报错alter table `users` add unique `users_email_unique`(`email`))
方法一修改 config/database.php 文件，关键字搜索： utf8mb4 替换成 utf8 便可以了。方法二修改 app/Providers/AppServiceProvider.php 文件：use Illuminate\Support\Facades\Schema;public function boot(){ Schema::defaultStringLength(191);}···...
2022-02-15 22:22:32
664
原创 现在用的 vscode 插件
## 现在用的 vscode 插件#### Auto Rename TagAutomatically rename paired HTML/XML tag, same as Visual Studio IDE does.#### BookmarksMark lines and jump to them#### Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code此中文（简体）语言包为
2022-02-15 22:17:06
127
原创 laravel五、关于laravel使用宝塔面板连接云数据库（mysql）的问题
问题一：数据库一直连接不上的问题，报 navicat连接宝塔数据库出现2003-Can’t connect to MySQL server解决方案解决办法：因为云数据库使用了宝塔面板控制，宝塔安全里放行3306参考地址：https://blog.csdn.net/m0_48497187/article/details/109653053https://blog.csdn.net/no1xium/article/details/120779275问题二 使用宝塔面板连接MySQL报1045错误解
2022-02-14 23:21:38
642
原创 关于SvelteKit实践
新建文件夹 demo，并cd demo// 初始化npm init svelte@next// 下载依赖包npm install// 起服务 npm run dev
2022-02-10 11:25:33
725
原创 laravel四、Laravel中间件
中间件request middleware(app) responseAOC切面思想统一拦截请求等等新建中间件php artisanphp artisan | grep middlephp artisan make:middleware Benchmark执行完成之后会在app——Http——Middleware下创建 Benchmark.php 文件创建Benchmark类，函数handle(中间件主体函数)use Illuminate\Support\Facades\Log;
2022-02-10 00:15:24
286
原创 PHP环境搭建
PHP环境搭建-Windows系统下PHP环境搭建_Hrzhi的博客-CSDN博客_php环境搭建1、PHP环境搭建的前提是 Apache HTTP Server （Apache 服务器）已经安装部署成功，并可以正常访问到服务器的主页面。Apache HTTP Server 的安装部署已经在上一篇讲解的很详细了，不清楚的可以点击“Apache HTTP Servcer-Apache服务器下载与Windows系统下安装”查看具体操作。2、PHP下载： 2.1、下载地址：http:https://blo...
2022-02-02 01:06:52
85
原创 laravel三、Windows系统安装Apache服务器
Windows系统安装Apache服务器Apache 服务器和 Tomcat 服务器Apache 服务器下载下载地址https://httpd.apache.org/下载window版本选择ApacheHaus，然后点击download配置 Apache HTTP Server下载压缩包解压到安装目录下。主要三个文件夹，bin-执行操作命令 conf-配置文件 htdocs-放置部署的项目。配置环境变量，修改配置信息路径：Apache24\bin把这个路径添加到环境变量下路径
2022-02-01 07:54:53
536
原创 laravel二、Laravel路由传参方式
路由格式Route::get('/', function () { return view('welcome');});Route::get('/home/hello', 'HomeController@hello');Route::post('/home/hello', 'HomeController@hello');Route::delete('/home/hello', 'HomeController@hello');Route::put('/home/hello', 'HomeC
2022-01-31 01:46:20
1848
原创 laravel一、Laravel云开发环境搭建
laravel云开发环境搭建lnmp云环境部署lnmp只的是Linux+Nginx+Mysql/MariaDB+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件准备云服务器华为云或者其他可以从华为云直接连接服务器也可以本地连接本地连接远程服务器ssh root@ip密码连接成功服务器运维面板——宝塔https://www.bt.cn/ 注册登录云开发服务器部署连接远程云服务器配置密钥cd ~/.sshssh-keygen -t rsacat
2022-01-28 07:54:59
4253
原创 解决[email protected]: Permission denied (publickey).
生成.sshgit config --global user.name "注册github的name"git config --global user.email "注册github的邮箱"ssh-keygen -t rsa -C "本人邮箱" -> 回车配置key在user目录下有一个.ssh文件夹，点开复制.pub文件内容打开github ——> setting ——> addkey 复制进去保存测试ssh [email protected]——>..
2022-01-24 15:26:55
399
转载 vscode之php插件及设置
vscode之php插件及设置_星兮博客-CSDN博客_vscodephp插件推荐Chinese(Simplified) Language （不汉化，推荐一下）1.ctrl+shift+p2.搜configure display language(配置显示语言)3.在locale.json中输入括号里面的文字( "locale":"zh-cn", )4.重启...https://blog.csdn.net/u014025444/article/details/90139633...
2022-01-22 22:10:13
2685
原创 我在用的 vscode 插件
现在用的 vscode 插件Auto Rename TagAutomatically rename paired HTML/XML tag, same as Visual Studio IDE does.BookmarksMark lines and jump to themChinese (Simplified) (简体中文) Language Pack for Visual Studio Code此中文（简体）语言包为 VS Code 提供本地化界面。Code RunnerRun C,
2022-01-20 15:03:34
720
原创 在 Windows 10 中更改默认浏览器
在 Windows 10 中更改默认浏览器https://support.microsoft.com/zh-cn/windows/%E5%9C%A8-windows-10-%E4%B8%AD%E6%9B%B4%E6%94%B9%E9%BB%98%E8%AE%A4%E6%B5%8F%E8%A7%88%E5%99%A8-020c58c6-7d77-797a-b74e-8f07946c5db6
2022-01-19 10:03:00
720
原创 输入框输入，下拉框显示搜索内容使用String.prototype.search()
String.prototype.search()如果传入一个非正则表达式对象regexp，则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象。如果匹配成功，则search()返回正则表达式在字符串中首次匹配项的索引;否则，返回-1。let str = "abcd";str.search('ab') === 0 // input行为搜索ab，这个 === 为true，说明从首字母开始匹配成功str.search('bc') > -1 // inpu...
2022-01-18 21:00:31
542
原创 关于React-Router v6的文章
2021 react-router v6 快速入门 - 简书使用官方的教学项目 安装 react-router 依赖 react-router-dom是浏览器端的基于react-router库的库，所以装了这个以后就不用再手动装rea...https://www.jianshu.com/p/03234215a90eReact-Router v6 新特性解读及迁移指南_前端劝退师-CSDN博客_react router v6前言这里写自定义目录标题前言1. ``重命名为``2. ``的新特性变更3. 嵌套路由
2022-01-18 20:42:38
355
原创 运行yarn报错：yarn : 无法加载文件
具体报错信息如下：yarn : 无法加载文件 D:\programFiles\node\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ yarn add react-router-dom react-redux prop-types redux redux-saga+ ~~~~ + Ca...
2022-01-17 17:01:00
291
原创 wsjls-zw：31、react组件库
组件库什么是组件库功能类 lodash函数式化组件库 RxJSUI组件库 ant.design Fusion ElementUI组件库作用及组成提高复用；统一技术栈；提高开发效率；统一风格粒子 size、shadows、border、Text、Corner、Color、简单基础组件 Button menu checkbox range复杂组件业务组件 迭代频繁 菜单menu 弹框dialog 表单form pagenation模板 抽奖 业务逻辑 接口请求.
2022-01-17 00:59:20
343
转载 vue3项目中使用i18n国际化
1、下载il8n插件，目前通过npm install vue-il8n下载的il8n版本是无法支持vue3.0，因此要使用npm install vue-i18n@next 来获取最新的版本，我这边是的版本是9.1.6npm install vue-i18n@next 或yarn add vue-i18n@next2、在src下面创建一个名为language的文件名，并在文件下面创建zh、enjs文件（中文、英文），本文只做中英文切换作为案例，后续可加更多版本3、然后在四个js文件中写入
2022-01-13 18:13:48
1122
原创 使用cmd命令创建指定大小的文件
fsutil file createnew new.zip 5242880fsutil | Microsoft Docs
2022-01-07 10:13:56
455
原创 HBuilderX设置tab键为空格，解决error Unexpected tab character no-tabs
因为eslint保存会有报错需要设置tab键为空格XHbuild中打开 工具 -> 设置 -> 常用配置，找到以下配置修改即可
2021-12-20 10:49:29
1429
原创 git查看某段时间的代码量
在项目目录中，右键点击 Git Bash Here复制一下代码，注意改一下想要的时间git log --author="$(git config --get user.name)" --since=2021-12-16 --until=2021-12-17 --pretty=tformat: --numstat | awk '{ add += $1 ; subs += $2 ; loc += $1 - $2 } END { printf "added lines: %s removed lines
2021-12-17 09:59:56
496
原创 wsjls-zw：18、vue3 基础
Vue2 是响应式原理基于 Object.defineProperty 方法重定义对象的 getter 与 setter，vue3 则基于 Proxy 代理对象，拦截对象属性的访问与赋值过程。差异在于，前 者并不能对诸如数组长度变化、增删元素操作、对象新增属性进行感知，在 vue 层面不得不 重写一些数组方法（push、pop、unshift、shift 等），动态添加响应式属性，也要使用 $set 方法等。而 Proxy 则完美地从根上解决了这些问题，不过对于不支持 Proxy 对象的浏览器（如 IE），
2021-12-13 00:33:06
495
原创 wsjls-zw：17、this指针闭包作用域
# this指针详解## 概念this是当前函数/当前模块的运行环境的上下文, 是一个指针型变量, 可以理解为一个动态的对象, 普通函数中的this是在调用时才被绑定确认指向的.this的出现, 使得复用函数时可以使用不同的上下文, 也就是说通过不同的this调用同一个函数, 可以产出不同的结果。出现一个问题：既然this是一个动态的东西, 我们应该怎么判断它到底绑定的是什么内容呢?## this的绑定规则### 1. 默认绑定function o(){};o();指函数独立
2021-12-06 02:03:18
153
原创 wsjls-zw：16、面向对象和原型及原型链
面向对象什么是面向对象编程？面向对象是一种编程思想，经常被拿来和面向过程比较。面向过程关注的重点是动词，是分析出解决问题需要的步骤，然后编写函数实现每个步骤，最后依次调用函数。而面向对象关注的重点是主谓，是把构成问题的事物拆解为各个对象，而拆解出对象的目的也不是为了实现某个步骤，而是为了描述这个事物在当前问题中的各种行为。面向对象的特点是什么？封装：让使用对象的人不考虑内部实现，只考虑功能使用 把内部的代码保护起来，只留出一些 api 接口供用户使用继承：就是为了代码的复用，从父
2021-12-03 00:53:52
199
原创 wsjls-zw：4、vue base
vue是一套用于构建用户界面的渐进式框架响应式前端视图层框架框架 库提供调用的功能，框架定义整个应用程序设计，框架以某种特定方式调用和使用代码简单的demo<div> <p>Message is: {{ message }}</p></div><script> var app = new Vue({ el: '#app', data: { message: 'hello world' .
2021-11-19 17:03:35
568
原创 wsjls-zw：3、浏览器—捕获、冒泡、ajax
一、事件冒泡捕获 <div class="outer"> <div class="middle"> <div class="inner"> <button>click me!</button> </div> </div> </div>element.addEventListener(event, function, useCapture)
2021-11-19 15:06:51
597
原创 区分Number、parseInt、parseFloat
一、Numberconsole.log(Number(true)); // 1console.log(Number(false)); // 0console.log(Number(1234)); // 1234console.log(Number(null)); // 0console.log(Number(undefined)); // NaNconsole.log(Number('00123045')); // 123045console.log(Number('00123.45'))
2021-11-16 11:32:22
512
原创 toLocaleString国际化问题：把数字处理为千分位时部分国家显示不同
部分国家，如巴西，千分位展示方式与国内日常看到的是一样的，在巴西等国家会把 逗号和点 互换如下在国内：123,4.01在巴西：123.4,01代码如下：let n = 1234.01;console.log(n.toLocaleString(), "在中国"); // 默认是英文的，与n.toLocaleString("en-US")相同console.log(n.toLocaleString("pt-BR"), "在巴西") // 巴西显示结果为1,2.
2021-11-16 10:24:17
1428
原创 wsjls-zw：2、实现一个简单的 commonjs 模块加载器
// 实现一个简单的 commonjs 模块加载器class Module { constructor(moduleName, source) { // 暴露数据 this.exports = {}; // 保存一下模块的信息 this.moduleName = moduleName; // 缓存 this.$cacheModule = new Map(); // 源代码 this.$source = source; } re.
2021-11-15 20:36:52
380
原创 wsjls-zw：14、ES6、ESNext规范
ES6 ES2015是主要的版本ES2018 增加了rest和spread语法ES2020 第11版ES的下一个版本是ESnext## ES6及以后新增常用API#### let constfor (var i=0;i<=3;i++) { setTimeout(function(){ console.log(i) },10)}原因：1、var 全局变量，只有一个i2、setTimeout，下一轮事件循环的时候执行，i=4;console....
2021-11-15 01:16:46
555
原创 el-dialog弹框点击顶部空白，遮罩层消失，弹框不消失
今天遇到一个特别奇怪的问题，点击顶部空白遮罩层消失，弹框不消失。但是点击底部空白是正常的。经过排查问题在于在el-dialog上加了margin-top的原因，如果修改为padding-top便正常了，比较奇怪，记录一下。el-dialog 有top属性，可以设置距离顶部的高度，这个是没有问题的。如果没有全局样式，建议使用这个。...
2021-11-12 19:39:12
1625
原创 element-ui的show-overflow-tooltip不生效问题
一、问题同上正常官方文档是这样的 <el-table-column prop="address" label="地址" show-overflow-tooltip> </el-table-column>show-overflow-tooltip 当内容过长被隐藏时显示 tooltip Boolean — false 但是我引入没有生效； <el-table-column
2021-11-12 19:34:38
6112
原创 wsjls-zw：1、Promise
promise 规范很重要有then方法的对象和函数promise、thenable两个值value reason异常exceptionpromise三种状态和关系1 pending初始状态，可以改变一个promise在resolve和reject之间，处于这个状态resolve 到 fulfilledreject 到 rejected2 fulfilled最终状态不可改变resolve之后变成这样的状态必须有一个value值3 r
2021-11-12 14:40:45
531
原创 create-react-app初始化后，增加路由，及报错 ‘Switch‘ is not exported from ‘react-router-dom‘. 的处理
#### create-react-app初始化后，增加路由```npm install --save react-router-dom```当前最新的react-router-dom版本```"react-router-dom": "6.0.2",```#### 修改App.js代码```import './App.css';import React from 'react';// 路由使用 history模式import { BrowserRouter
2021-11-10 17:45:20
1803
原创 @vue/composition-api/dist/vue-composition-api.mjs in ./node_modules/vue-demi/lib/index.mjs 报错
This dependency was not found:* @vue/composition-api/dist/vue-composition-api.mjs in ./node_modules/vue-demi/lib/index.mjsTo install it, you can run: npm install --save @vue/composition-api/dist/vue-composition-api.mjs有没有什么解决的办法呢...
2021-11-02 00:47:26
9646
2
原创 vee-validate3 设置失去焦点校验 修改触发的方式
触发的方式：vee-validate提供了四种触发验证的方式，默认情况下用户输入时触发。Aggressive，输入时触发(默认)Passive，表单提交时触发Lazy，失去焦点(blur)或者更改(change)时触发Eager，Aggressive 和 Lazy 的组合，当输入框失去焦点(blur)或者内容更改(change)时触发一次校验，如果无效，进入Aggressive模式，直到输入变为有效全局设置import { setInteractionMode } from '
2021-10-26 10:13:29
2265
3
空空如也
服务器80端口被占用
2021-10-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人