gswwxyhk-优快云博客

http网络层优化第一步 url 解析1.协议：TCP/IPTCP 传输通道路HTTP 传输协议快递小哥HTTPS SSL/TSLFTP 传输一些大文件2.端口号HTTP 80HTTPS 443FTP 213.编码对整个url编码：处理空格/中文…encodeURI/decodeURI主要对传递的参数信息进行编码encodeURIComponent/decodeURIComponent========================================

2022-04-05 18:30:00 344

原创 this的了解及应用场景

this的五种情况分析this执行主体，谁把他执行的{和在哪创建和在哪执行都没有必然的关系}函数执行,看方法前面是否有“点”，没有“点”，this是window,严格模式下是undefined,有“点”，“点”前面是谁，this就是谁let fn = function fn(){console.log(this);}let obj = {name:‘aa’,fn:fn}fn();obj.fn();给当前元素的某个事件行为的绑定方法，当事件行为触发，方法中的this是当前元素本

2022-03-29 22:00:00 268

原创 js中三类循环对比及性能分析

js中三类循环对比及性能分析

2022-03-23 22:30:00 374

原创 js中数据类型检测的方法

js中数据类型检测的方法

2022-03-20 22:17:30 606

原创运行electron main.js报错：无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\electron.ps1，因为在此系统中禁止执行脚本。

全局安装electron,运行electron main.js命令时报错无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\electron.ps1，因为在此系统中禁止执行脚本。解决方案：以管理员身份打开powerShell设置set-ExecutionPolicy RemoteSigned选择Y，再试一次OK了...

2020-12-28 22:49:36 2331

原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

使用webpack-dev-server命令时报错webpack版本 "webpack": "^5.11.0", "webpack-cli": "^4.2.0", "webpack-dev-server": "^3.11.0"原因:webpack-cli和webpack-dev-server的版本不兼容导致的解决：降低webpack-cli的版本卸载当前版本：npm uninstall webpack-cl安装低版本：npm install webpack-cli@3 -D..

2020-12-19 08:54:29 175 1

原创 npm publish E403 没有其他提示

记录一个愚蠢的错误！！！第一次npm publish，刚注册了，就去publish，结果一直403，百度了一圈，发现还是不行，最后登录npm,发送邮箱验证，验证通过后就可以了。。。。

2020-12-12 16:50:47 773

原创使用render函数实现自定义按钮组件

button.vue<script>export default { props:{ type:{ type:String, default:'normal' }, text:{ type:String, default:'默认按钮' } }, render(h){ return h('

2020-12-09 22:06:14 1458

原创 vue按钮权限控制

src/common/array.js可以根据需要修改export function checkArray(key){ // let arr = ['1','2','5','9'] let index = arr.indexOf(key) if(index>-1){ return true }else{ return false }}自定义指令main.js或者单独提出来import {checkArray

2020-12-09 22:02:18 211

原创同级目录页面快捷引入(webpack require.context)

// 动态引入// webpack require.context// 1.目标文件// 2.是否匹配子目录// 3.匹配什么类型的文件import Vue from 'vue'function changeStr(str){ return str.charAt(0).toUpperCase()+str.slice(1)}const requireComponent =require.context('.',false,/\.vue$/)requireComponent.keys(

2020-12-09 21:57:54 335

原创 electron dialog.showOpenDialog回调方法不走

解决方法：官方文档：https://www.electronjs.org/docs/api/dialog本地版本：“electron”: “^9.0.5”

2020-11-28 22:51:19 4165

原创 electron:Uncaught ReferenceError: process is not defined

解决：在main.js中添加nodeIntegration:true重新启动，ok

2020-11-28 11:41:32 690 4

原创手写vue分页组件

记录<template> <div class="page"> <nav aria-label="Page navigation" style="text-align:center;"> <ul class="pagination"> <li @click="prePage" :class="pageNo<=1?'disabled':''"> <a a

2020-11-28 11:21:40 267

原创解决Error: Redirected when going from “/wms/info“ to “/stats“ via a navigation guard.

解决方法：降低vue-router的版本删除高版本，重新安装依赖删除node_module,重新下载依赖，重启成功，不报错了“vue-router”: “3.0.7”,

2020-11-26 22:43:07 537

原创 vue中使用mock.js

安装mockjscnpm install mockjs --save-dev创建模拟数据src下创建一个mock的文件夹，里边存在index.js，保存模拟数据Mock.mock(/\/home\/page/, 'get', home.getPageDate)main.js中引入调用apiaxios拦截

2020-11-22 21:05:49 119

原创 Electron+Vue 项目搭建

环境node vue electron安装nodenode官网http://nodejs.cn/download/，下载安装即可。npm仓库镜像改为淘宝镜像npm config set registry http://registry.npm.taobao.org/或者npm install -g cnpm --registry=https://registry.npm.taobao.org安装升级vue-cli查看vue-cli版本vue -V安装或更新npm insta

2020-11-21 22:56:22 2249

原创 electron 启动报错 ReferenceError: process is not defined

解决方案：在webpack.renderer.config.js 和 webpack.web.config.js中添加 templateParameters(compilation, assets, options) { return { compilation: compilation, webpack: compilation.getStats().toJson(), webpackConfig: c..

2020-11-21 15:50:47 397

原创 umi3js 创建项目

安装npm i umi -g项目目录md umi-appcd umi-app生成页面生成首页umi g page index启动umi dev再创建一个页面aboutumi g page about动态路由再创建一个页面users/’$id’umi g page users/'$id'动态路由取值export default ({match}) => { return ( <div> <h1 className={s

2020-11-01 14:30:47 1193

原创对修饰器的实验支持是一项将在将来版本中更改的功能。设置 “experimentalDecorators“ 选项以删除此警告。ts(1219)

记录：vscode提示对修饰器的实验支持是一项将在将来版本中更改的功能。设置 “experimentalDecorators” 选项以删除此警告。ts(1219)解决：

2020-10-25 11:09:55 209

原创 nodejs获取图片的宽高

分享一个npm包，用来获取image的宽高https://www.npmjs.com/package/image-sizear sizeOf = require('image-size');var dimensions = sizeOf('images/funny-cats.png');console.log(dimensions.width, dimensions.height);

2020-10-24 23:27:37 7308

原创 Nodejs作为客户端实现上传文件

使用needlenpm地址https://www.npmjs.com/package/needlevar needle = require('needle');var data = { file: '/home/johnlennon/walrus.png', content_type: 'image/png'}; // the callback is optional, and needle returns a `readableStream` object// that trigge

2020-10-24 23:22:03 1032

原创 × Unhandled Rejection (TypeError): _form2.default.create(...) is not a function

Unhandled Rejection (TypeError): _form2.default.create(…) is not a function原因：antd 版本为4.x更新了3.x的Form.create方法解决：安装antd3.x即可

2020-10-24 23:03:11 1306

转载 css创建三角形原理

宽高0+border任意三边通过transparent隐藏 width: 0; height: 0; border: 20px solid; border-color: transparent transparent transparent pink;

2020-10-13 19:35:51 133

转载常见的居中方法

1.水平居中【宽高固定】margin:0 auto 2.绝对定位+四个反向都为0+margin=auto【宽高固定】【水平垂直居中】 width: 200px; height: 200px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto;3.绝对定位+top50%+left50%+(margin=-宽/2 -高/2)【宽高固定】【水平垂直居中

2020-10-13 19:22:21 345

原创 umi3 通过yaml注释配置路由扩展不生效

umi2通过注释扩展路由/*** title: About Page* Routes:* - ./routes/PrivateRoute.js*/umi3中不生效，改成直接给页面组件加属性import React from 'react';import styles from './about.css'; function about(){ return ( <div> <h1 className={styles.title}>Page

2020-10-11 16:09:02 725 1

原创 umi3 link router引入方式改变

import Link from ‘umi/link’报错Module not found: Can't resolve 'umi/link' .......更改为import {Link} from ‘umi’

2020-10-03 22:12:27 1653 2

原创 umi2 -＞ umi3 命令更正

嵌套路由umi g layout ./users更改为umi g page users/_layout并且修改layout.js代码import React from 'react';import styles from './_layout.css';export default (props) => { return ( <div> <h1 className={styles.title}>Page users/_layout</h

2020-10-03 22:10:22 302

原创 npm run eject报错Remove untracked files, stash or commit any changes, and try again.

记录bug:执行npm run eject 报错：Remove untracked files, stash or commit any changes, and try again.解决方法：git initgit add . git commit -m 'init project' npm run eject

2020-09-09 23:47:28 324

原创 react配置sass

项目报错：To import Sass files, you first need to installnode-sass.Run `npm install node-sass` or `yarn add node-sass` inside your workspace.Require stack:解决方案：1.cnpm install sass-loader node-sass --save-dev2.找到node_modules/react-scripts/config/webpa

2020-09-07 23:09:00 729

原创 ValidationError: Invalid options object. Less Loader has been initialized using an options object th

ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.options has an unknown property ‘source’. These properties are valid:object { lessOptions?, additionalData?, sourceMap?,

2020-09-06 10:13:23 236

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

css学习记录，水滴登录页

react相关.zip

使用js实现 .rar

jquery datatable 单元格合并

鼠标经表格，提示单元格内容 tip

空空如也