- 博客(194)
- 资源 (11)
- 收藏
- 关注
原创 基于VS Code的插件开发(基础篇)
VSCode 采用了 Electron,在语言上,VSCode 使用了自家的 TypeScript 语言开发。Electron是基于 Chromium 和 Node.js,使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用,它兼容 Mac、Windows 和 Linux,可以构建出三个平台的应用程序。从实现上来看,Electron = Node.js + Chromium + Native API接下来看下VS Code布局。
2023-02-28 14:14:37
7469
原创 如何修改Docker镜像地址
Docker 官方中国区: https://registry.docker-cn.com。中科大: https://docker.mirrors.ustc.edu.cn。1、点击tabar栏中的docker图标,选择Preferences。网易: http://hub-mirror.c.163.com。原因就是发现是因为docker加速器超时导致pull不下来。2、选择Docker Engine项,在文本框中填下如下配置。3、已按照上面配置完成后,重新执行pull。
2022-11-23 15:12:34
3138
原创 基于Postmate实现的跨域通信
是一款基于 postMessage 来处理父子页面通信的库,轻量且好用。一个强大的、简单的、基于 promise 的 postMessage iFrame 通信库。
2022-11-15 10:40:09
1236
原创 浅析微前端架构下的Web性能分析
虽然微前端项目和传统的SPA单页应用的在前端Web性能分析上有许多相似之处,但是在微前端架下存在子应用切换响应慢,子应用切换有闪动不流畅,子应用框架可能重复加载及多次执行,会导致首次加载资源增大,而且随着子应用数量增大重复加载的损耗就越多。尤其是涉及到父子应用和子应用之间通信,很难提前发现,造成严重的事故问题。
2022-09-30 12:08:55
1306
原创 React 的 useEffect、useCallback、useMemo区别
一、定义useEffect(didUpdate, deps);const memoizedCallback = useCallback(() => { doSomething(params);}, deps);const memoizedValue = useMemo(() => computerExpensiveValue(params), deps);deps 是依赖的参数列表,当依赖列表中的任一参数变化时,则重新执行前面的函数。1.1 useEffectuseEff
2022-05-24 09:14:55
917
原创 React hooks 实现仿头条tab居中切换效果
/* eslint-disable react-hooks/rules-of-hooks */import React, { useEffect, useRef } from 'react';import _ from 'lodash';import PageComponent from '@/components/PageComponent';import { useCallbackState } from '@/useHooks/useCallbackState';import styles
2021-07-20 18:39:48
589
原创 前端知识小结
箭头函数和普通函数区别?1、箭头函数相当于匿名函数,并且简化了函数定义,箭头函数有两种格式,一种包含一个表达式,连{...}花括号和return都省略了,还有一种可以包含多条语句,这时候就不能省略花括号和return;2、箭头函数是匿名函数,不能作为构造函数,不能使用new;3、箭头函数不绑定arguments,取而代之用rest参数...解决;4、箭头函数不绑定this,会捕获其所在的上下文的this值,作为自己的this值;5、箭头函数通过call()或apply()方法调用一个函数时,只.
2021-02-19 15:54:20
125
原创 基于antd4二次封装的form组件
antd4二次封装form组件下载地址组件支持如下1、单选2、复选3、下拉4、日期5、文本框6、区间值7、多级联动8、自定义使用方式如下/* eslint-disable no-console *//* eslint-disable @typescript-eslint/no-shadow *//* eslint-disable no-param-reassign *//* eslint-disable import/no-unresolved */import React
2020-12-31 11:13:32
1363
1
原创 antd中的upload结合cropper.js上传裁切组件
/* eslint-disable @typescript-eslint/no-unused-vars *//* eslint-disable import/no-extraneous-dependencies *//* eslint-disable prefer-const *//* eslint-disable react/jsx-boolean-value *//* eslint-disable spaced-comment *//* eslint-disable react/self-cl
2020-12-31 10:49:40
476
原创 react hook结合Ueditor实现富文本编辑器
首先在官网上下载相关插件,但是有几点需要改动,那我直接把我改好的贴出出来吧,希望可以帮到大家。点击下载Ueditor然后在index.html页面里引入js和css <!-- 百度富文本脚本 --> <script type="text/javascript" src="<%= context.config.publicPath +'ueditor/ueditor.config.js'%>"></script> <scr
2020-12-31 10:48:30
492
1
转载 xcode8 ios调用软键盘报错
点击UITextField就会出现以下警告System group container for systemgroup.com.apple.configurationprofiles path is / [MC] Reading from private effective user settings.报错提示System group container for systemgroup.com.a...
2018-06-15 14:05:07
484
原创 [Vue warn]: Error in render: "TypeError: this.formData.subImages.split is not a function"
问题:错误代码:computed:{ //附图轮播图 subImgList(){ let imgArray = this.formData.subImages.split(','); imgArray.map(n => { this.subImg.push({ name:'sub-img', url:n }) ...
2018-04-08 09:33:06
6039
3
原创 vue全家桶 引入 fontawesome-webfont 打包之后,路径不对
解决办法:添加:publicPath: '../../'现在重新打包,就可以了
2018-03-23 11:18:52
1223
原创 Vue + ccropper.js裁切图片(vue-cropper)
有什么问题可以加我的微信,有问必答。致力于技术分享按原比例裁切图片,不失真安装: cnpm install vue-cropper使用:import VueCropper from 'vue-cropper' <div class="cropper-content"> <div class="c...
2018-03-21 14:14:55
42749
45
原创 vue全家桶开发管理后台—图片预览功能(vue-picture-preview)
安装:cnpm install --save-picture-preview使用:首先在项目的入口文件中引入, 调用 Vue.use 安装。main.js:import vuePicturePreview from 'vue-picture-preview'Vue.use(vuePicturePreview)在根组件添加 lg-preview 组件的位置App.vue:<template&...
2018-03-21 14:09:48
11696
1
原创 在Vue2.0 使用v-for时报这样的错误:component lists rendered with v-for should have explicit keys.解决方法:
在vue2.0+element-ui时的v-for 报了一个这样错误:(Emitted value instead of an instance of Error) <el-tag v-for="tag in getHasRoles(scope.row.superrole)">: component lists rendered with v-for should have expl...
2018-03-13 10:24:41
14898
原创 webpack将端口号http://localhost:8080/ 改成本机IP地址:192.168.1.103:8080/,在局域网内访问,方法如下:
找到config文件下的index.js 将host: 'localhost', // can be overwritten by process.env.HOST 改为:host: '192.168.1.103', // can be overwritten by process.env.HOST即可,在浏览器输入192.168.1.103:8080/即可访问...
2018-03-13 10:05:43
20112
3
转载 使用axios post 提交数据,后台获取不到提交的数据解决方案
一、问题发现 前后端分离使用vue开发,结合axios进行前后端交互数据,一开始使用 get 请求,获取数据,没有发现任何问题,当使用 post请求 传参时,发现,数据明明已经提交,在打开F12 开发者工具,点击 network 里面的确有数据已经传过去,只是后台那里 打印日志确实没有获取到传过去的参数。二、解决方案 1. 原因: 传参方式是request payload,参数格式...
2018-03-07 13:50:48
3712
原创 vue全家桶+element-UI搭建后台管理系统(4)“:登录拦截,登陆后才可以操作”
首先明白如何实现登录拦截,他的原理是什么?这里主要用到的是路由拦截,在路由表里添加一个字段:requireAuth,用于判断该路由的访问是否需要登录;定义完路由后,我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断。现在 我们开始......首先科普下狗子函数:每个钩子方法接收三个参数: * to: Route: 即将要进入的目标 路由对象 * from: Ro...
2018-03-05 17:59:51
4783
原创 vue全家桶+element-UI搭建后台管理系统(3)“:使用element-ui搭建基本后台页面”
1、在src目录下,创建如下目录: 2、编写router->index.js:import Vue from 'vue'import Router from 'vue-router'import index from '@/views/index'Vue.use(Router)export default new Router({ routes: [ { ...
2018-03-05 16:18:06
6731
原创 vue全家桶+element-UI搭建后台管理系统(2)“:引入基本样式和图标库”
1、在想assets文件下,新建css,images,js文件,用来存放公用文件 在css->normalize.css/*! normalize.css v2.0.1 | MIT License | git.io/normalize *//* =====================================================================...
2018-03-05 15:05:57
1756
原创 vue全家桶+element-UI搭建后台管理系统(1)“:构建项目并引入element-ui”
1、:初始化,构建一个vue项目: vue init webpack Administrators;? Project name mydemovue # => 项目名称? Project description A Vue.js project # => 项目描述? Author malun <malun6...
2018-03-05 14:45:53
7327
原创 今天早上,更新了npm,在启动项目,各种报错,无奈,百度了下,只需要将项目下:node-models删掉,重新cnpm install就可以了,要是还有报错,就按照提示信息,一步步安装所需就可以了
今天早上,更新了npm,在启动项目,各种报错,无奈,百度了下,只需要将项目下:node-models删掉,重新cnpm install就可以了,要是还有报错,就按照提示信息,一步步安装所需就可以了,希望可以帮助你...
2018-03-05 11:52:49
445
原创 peerDependencies WARNING sass-loader@^6.0.7 requires a peer of node-sass@^4.0.0 but none was install
项目更新后,报错peerDependencies WARNING sass-loader@^6.0.7 requires a peer of node-sass@^4.0.0 but none was installed解决方案:重新安装node-sass和sass-loader:cnpm install node-sass --save-dev;cnpm install sass-loader ...
2018-03-05 11:46:55
28898
3
转载 本地没有初始化git的文件,如何提交到github上
1、(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中,使用命令 git add .添加到暂存区里面去,不要忘记后面的小数点“.”,意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git,把文件提交到仓库。引号内为提交说明git commit -m 'first commit'4、关联到远程库g...
2018-03-05 10:03:38
1132
原创 Vue+vuex+vue-router+sass+webpack+mint-ui 全家桶 开发商城(购物车)
先上截图,项目跑起来就是这个样子,是不是符合你的购物车?哈哈哈哈哈哈哈,我就知道购物车实现的功能:添加购物车、选择某商家下所有商品、选择指定商品、更新指定商品数量(加减)、删除指定商品、全选商品、清空购物车,等功能;准备工作:使用Vue全家桶(vue2.0+vue-router+vuex+webpack+sass+mint-ui),由于都是静态数据,就没有使用axios;注:通常使用npm安装会出...
2018-03-02 16:56:38
4198
原创 [Vue warn]: Avoid mutating a prop directly since the value will be overwritt
父组件向子组件传入一个值,在子组件中想要改变这个值,不是直接在子组件中直接修改,而是让应该这个组件提交个事件给父组件,可以用$emit,向父组件传递你改的值,在父组件中修改传递变量,...
2018-02-26 11:24:09
1423
原创 vue-cli 在css里设置背景图background:url('path'),报错* ./assets/images/icon/4100.png in ./node_modules/_css-l
解决办法:1、在webpack.prod.conf.js文件里output里面添加:publicPath:'./'2、在utils.js文件里添加 publicPath:'../../'3、在config/index.js文件里,添加assetsPublicPath:'./'到这里设置完成 开始使用...
2018-02-23 14:01:33
23826
1
原创 Vue全家桶处理问题 1
在实用Vue全家桶+mint-ui 开发时 配置sass出现问题@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-4164dc68","scoped"...
2018-02-22 14:40:37
2829
原创 js合并两个数组的方法
apply 函数的apply方法有一个特性,那就是func.apply(obj,argv),argv是一个数组。所以我们可以利用这点,直接上代码:a.push.apply(a,b); 调用a.push这个函数实例的apply方法,同时把,b当作参数传入,这样a.push这个方法就会遍历b数组的所有元素,达到合并的效果。 这里可能有点绕,我们可以
2017-12-05 11:31:57
523
转载 HTML5+规范:gallery(管理系统相册)
Gallery模块管理系统相册,支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。1、方法1.1、pick: 从系统相册选择文件(图片或视频) void plus.gallery.pick( successCB, errorCB, option );说明:从系统相册中选择图片或视频文件。每次仅
2017-11-07 09:33:27
4132
2
转载 Git远程库操作遇到的一些问题
一、问题:执行git remote add origin git@github.com:yylxm/Git.git 出现问题fatal: remote origin already exists. 解决办法:git remote显示所有的远程库,然后采用git remote rm origin删除该origin。
2017-11-06 10:55:12
390
原创 CSS3做一个三角,并将文字旋转
不说废话,直接上图吧 已上架 #productStatus{ position: absolute; right: 0; top: 0; height: 1.81rem; width: 1
2017-10-27 14:07:04
1454
转载 vue-cli的webpack模板项目配置文件分析
2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发(dev)和构建(buil
2017-10-20 17:08:41
600
原创 外部如何调用到ajax返回值?
回调函数里面的变量如何在函数外部也能访问到只需要回调内部变量赋值给全局变量就可以了,但一般这问题都出在没有搞清楚同步和异步的区别,于是虽然赋值给全局变量了,但立即访问全局变量还是没有值的情况。解决:注意ajax访问的同步和异步。使用$.ajax访问,别用get,post等已经封装过的,这类没有$.ajax来的灵活。1$.ajax(
2017-10-18 09:33:03
2240
jquery-cropper标注插件.zip
2020-07-20
jquery图片标注插件增强.zip
2020-04-21
H5移动端,富文本编辑器 wangEditor
2017-12-20
js展示聊天动画效果
2017-03-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人