自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(140)
  • 收藏
  • 关注

原创 vue读取本机的excel文件的两种方式

最近工作需要,需要纯前端实现导入excel形成json安装依赖引入更新:2022-04-26。

2022-11-16 10:37:04 497 1

原创 You are using the runtime-only build of Vue where the template compiler is not available. Either pre

vue创建项目后,在js中使用template模板,项目启动时报错You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.// vue.config.js配置文件中设置。

2022-09-08 10:32:43 172

原创 PowerShell : 无法加载文件 C:\Users\huyn\AppData\Roaming\npm\ng.ps1,因为在此系统上禁止运行脚本

2、若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签名脚本,请使用以下命令将计算机上的 执行策略更改为 RemoteSigned。执行:set-ExecutionPolicy RemoteSigned。3、查看执行策略:get-ExecutionPolicy。在yarn项目运行中报错。,右键以管理员身份运行。

2022-08-22 10:15:59 292

原创 【无标题】

打开此电脑 => 属性 => 高级系统设置 => 环境变量 配置如下变量:D:\Program\nvm\yarn。yarn是一个新的JS包管理工具,它的出现是为了弥补npm的一些缺陷。可靠: 使用详细、简洁的锁文件格式和明确的安装算法,使 Yarn 能够在不同系统上保证无差异的工作。同时它是并行的,因此安装速度更快。时,可能是安装yarn的时候使用的node版本问题,可以切换node版本重新安装。npm i -g yarn // 全局安装yarn。安装yarn有很多方法,官方推荐使用npm安装。

2022-08-19 14:44:41 79

原创 npm run serve或者 npm run dev到底有什么区别

比如,npm run serve 实际运行的是 vue-cli-service serve;在运行vue文件时,需要进行npm操作,但我们发现,有时候用的是npm run serve,而有的时候用的是npm run dev,二者有什么区别。可以把这个 npm run serve 当做是 npm run package.json 里面的scripts的value。然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别,

2022-08-19 10:35:55 160

原创 package-lock.json 文件的作用

在远程的git上如果有package-lock文件,就将各种依赖包都应用到固定版本号,这也就是之前安装某个新的包时会提醒你,哪个哪个包的版本号跟项目不匹配,而查找项目的package.json中只是限制某一个之上的版本号。package.json 里面定义的是版本范围(比如^1.0.0),具体跑npm install的时候安的什么版本,要解析后才能决定,这里面定义的依赖关系树,可以称之为逻辑树(logical tree)。安装过程中有一些去重算法,所以你会发现逻辑树结构和物理树结构不完全一样。

2022-08-19 10:30:56 361

原创 不允许程序员忘记的Linux命令

基本操作Linux 关机,重启#关机shutdown-hnow#重启shutdown-rnow查看系统,CPU信息#查看系统内核信息uname-a#查看系统内核版本cat/proc/version#查看当前用户环境变量envcat/proc/cpuinfo#查看有几个逻辑cpu,包括cpu型号cat/proc/cpuinfo|grepname|cut-f2-d:|uniq-c#查看有几颗cp...

2022-08-19 10:23:31 96

原创 mac 上安装 nvm 遇到的坑

nvm 是 Mac 下的 node 管理工具,有点类似管理 Ruby 的 rvm,如果是需要管理 Windows 下的 node,官方推荐是使用 nvmw 或 nvm-windows 。1. 安装之前做如下准备卸载已安装到全局的 node/npm如果之前是在官网下载的 node 安装包,运行后会自动安装在全局目录,其中 node 命令在 /usr/local/bin/node,npm 命令在全局 node_modules 目录中,具体路径为 /usr/local/lib/node_modules/

2022-01-19 10:28:23 498

原创 开发中常用快捷键

1.小写字母转换成大写字母mac用Command+Shift+U快捷键来快速切换大小写windows系统idea切换大小写的快捷键是:Ctrl+Shift+U2.mac的方法跳转跳入一个方法内部:Command+双击跳回上一步/下一步:Command+option+ '<- ' 或者 ‘->' (左右箭头)...

2021-08-30 10:37:05 72

转载 Antd(Ant-design),嵌套子表格(expandedRowRender)的异步获取数据

使用阿里的ant-design开源框架,要在表格里面嵌套子表格,需要在用户点击父表格的一行数据后,获取该行的key,然后去异步请求后台的数据用来填充子表格的内容。如果这样写(省略无关代码):expandedRowRender = (record) => { dispatch({ type: 'flow/getPlanList', payload: { contractId: record.contract_id, // 该参数...

2021-06-29 14:24:11 2673

原创 mac使用中的小技巧

1.分屏的情况下移动DOC到另一个显示器上

2021-06-22 10:06:28 82

原创 关于node版本管理的几点

1.切换弄的版本用nvmC:\Users\ZMH>node -vv8.10.1C:\Users\ZMH>nvm ls 12.0.0 * 8.10.0 (Currently using 64-bit executable) 6.10.2C:\Users\ZMH>nvm use 6.10.2Now using node v6.10.2 (64-bit)C:\Users\ZMH>查看node版本node -vmac系统1.

2021-03-26 15:05:12 208

转载 工作中常用的性能优化方法

前端主要的优化点1、webpack性能调优与Gzip原理优化2、浏览器的缓存机制和缓存策略3、图片优化——质量和性能的平衡点4、本地存储——Cookie、Web Storage、IndexDB5、CDN的缓存和回源机制6、服务端渲染7、浏览器运行机制8、DOM优化原理与实践9、Event Loop与异步更新策略10、回流和重绘11、首屏优化图片优化图片格式比较大小比较:通常地,PNG ≈ JPG > GIF透明性:PNG > GIF ..

2021-03-19 08:13:21 339

原创 最近火了的妈妈写给初二早恋儿子的一封信,初为人母,感慨这位妈妈的底蕴,留着以后借鉴

我的少年:晚上好,现在是凌晨2点半,请容许妈妈以“少年”来称呼你,因为妈妈发现,我的儿子,已经步入最美好的花季。妈妈认真地回忆了你今天和我的谈话后,我发现,你目前最糟心的困扰,是满心想着和小静和好,并且想和她当回同桌, 像之前一样对不对?我的少年,不知不觉中,你已经在品尝一颗名为“喜欢”的果实,开始有了自己的审美,也有了自己心仪的女孩。妈妈从未想要批评你小小年纪就早恋,毕竟在你这个年纪,你的外婆,已经嫁给了外公;而你的妈妈,也和你一样,有了心仪的对象,也就是你的爸爸。无论是恋爱,还是你的

2021-01-17 17:17:32 918 3

原创 vue中需要更改调用的组件样式之/deep/使用

/deep/在vue中深度作用域1.未使用前.el-tabs__nav-wrap{ padding-left: 1rem; height: 3rem !important; background-color: #FFFFFF;}页面上并不能生效需更改成/deep/.el-tabs__nav-wrap{ padding-left: 1rem; height: 3rem; background-color: #FFFFFF;}...

2021-01-14 11:31:20 665

原创 用js超简单判断图片地址是否存在

function CheckImgExists(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = function(res) { resolve(res); } ImgObj.onerror = function(err) {..

2020-12-11 16:38:03 1636

原创 Mac修改hosts文件

一、通过终端terminal``.修改hosts```文件绑定域名1.打开终端2.在终端terminal中输入sudo vim /etc/hosts3.上一步输入完成之后按enter回车键,如果当前用户账号有密码,则在按完之后会提示输入密码231535292865_.pic.jpg4.此时输入当前账户密码后继续按enter回车键即可打开hosts文件241535...

2019-12-16 14:43:55 204

原创 常用获取url地址的几种方法

以下列出均为常用(转自地址为:https://blog.csdn.net/pengShuai007/article/details/78357238?locationNum=9&fps=11、设置或获取整个 URL 为字符串window.location.href2、设置或获取 URL 的协议部分window.location.protocol3、设置或获取 URL 的...

2019-09-22 11:59:24 10579

翻译 [译] 如何写出漂亮的 JavaScript 代码

原文:github.com/ryanmcdermo…https://juejin.im/post/5d0e11196fb9a07eee5ed6d2说明:本文翻译自 github 上的一个项目,非全文搬运,只取部分精华。如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论:变量 函数 类 异步一、变量用有意义且常用的单词命名// Bad:cons...

2019-06-28 14:18:23 165

原创 css之 display: inline-block 踩坑之旅(一)

不得不说display:inline-block;是一个强大的css属性,它解决了很多float浮动布局的不足,让页面布局更随意、富有弹性。又比弹性布局的兼容性好很多,但这个改变了元素类型的属性也存在着很多容易让人忽视的小问题,我们姑且称之为“bug”吧(实则不然),只有我们掌握了这些问题的解决办法,才能更加熟练的使用这一布局神器。html部分<body><div ...

2019-05-06 15:25:39 531

原创 CSS3自定义滚动条样式 -webkit-scrollbar

滚动条的css样式主要有三部分组成:  1、::-webkit-scrollbar 定义了滚动条整体的样式; 2、::-webkit-scrollbar-thumb 滑块部分;  3、::-webkit-scrollbar-thumb 轨道部分;下面以overflow-y:auto;为例(overflow-x:auto同)html代码:css代...

2019-03-14 18:42:11 752

原创 CSS绘制三角形—border法

1. 实现一个简单的三角形使用CSS盒模型中的border(边框)即可实现如下所示的三角形:CSS实现简单三角形实现原理:首先来看在为元素添加border时,border的样子;假设有如下代码:&lt;div&gt;&lt;/div&gt;div { width: 50px; height: 50px; border: 2px solid or...

2019-01-11 13:37:20 236

翻译 MD5加密算法原理及实现

MD5消息摘要算法,属Hash算法一类。MD5算法对输入任意长度的消息进行运行,产生一个128位的消息摘要。以下所描述的消息长度、填充数据都以位(Bit)为单位,字节序为小端字节。算法原理1、数据填充对消息进行数据填充,使消息的长度对512取模得448,设消息长度为X,即满足X mod 512=448。根据此公式得出需要填充的数据长度。填充方法:在消息后面进行填充,填充第一位为...

2018-09-06 19:16:36 250

转载 dev-server.js详解

dev-server.js详解转载自:https://www.cnblogs.com/ye-hcj/p/7091706.htmldev-server.js详解require('./check-versions')()var config = require('../config')if (!process.env.NODE_ENV) { process.env.NODE_ENV = JS...

2018-07-09 16:25:13 589

转载 .gitignore文件------Git忽略规则

对于经常使用Git的朋友来说,.gitignore配置一定不会陌生。废话不说多了,接下来就来说说这个.gitignore的使用。首先要强调一点,这个文件的完整文件名就是".gitignore",注意最前面有个“.”。一般来说每个Git项目中都需要一个“.gitignore”文件,这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。实际项目中,很多文件都是不需要版本管理的,比如Python的...

2018-07-09 15:13:03 430

转载 win10专业版、家庭版 credssp 加密 oracle 修正

远程桌面使用的是“凭据安全支持提供程序协议 (CredSSP) ”,这个协议在未修补的版本中是存在漏洞的。于是微软在 2018 年 3 月 13 日在补丁中解决了这个问题,但是默认并没有强制使用新的协议,因为一旦强制使用,假如服务器端和客户端不匹配,将无法连接。所以用户并不会感知到。在 2018 年 5 月 8 日,微软在补丁中将客户端策略提严了一点,mstsc 登录就会有提示了,就会出现如上的错...

2018-06-26 22:41:46 496

原创 vue.js 常用语法总结(一)

概述2016年已经结束了。你是否会思考一下,自己在过去的一年里是否错过一些重要的东西?不用担心,我们正在回顾那些流行的趋势。通过比较过去12个月里Github所增加的star数,我们利用bestof.js.org分析所涉及的项目技术,发现2016最流行项目有以下这些:图片通过比较去年最火的10个项目,你可以总览2016的web前端技术发展,会发现:Vue.js在去年获得了超过25000个star,...

2018-06-04 11:22:34 301

原创 js+jq的旋转木马特效

实现原理:技术栈:javascript+jQuery+html+css实现步骤:// 0. 获取元素// 1. 鼠标放置到轮播图上,显示两侧的控制按钮,移开后隐藏// 2. 为两侧控制按钮绑定事件(调用同一个方法,只有一个参数,true为正向旋转,false为反向旋转)实现代码&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;title&gt...

2018-05-28 10:04:16 912

原创 微信小程序如何获取屏幕宽度

        方法1:[javascript] view plain copyimageLoad: function () {     this.setData({       imageWidth: wx.getSystemInfoSync().windowWidth     })   }          方法2:[css] view plain copy.imgClass{   width...

2018-05-28 09:59:36 2759

转载 mpvue的入门

奔三路学习网移动版首页vue面试通前端面试通大前端知识挨踢职场找前端工作 搜索主页 &gt; vue面试通 &gt; 开源框架 &gt;mpvue菜鸟踩坑吃鸡篇一时间:2018-04-25 11:46  来源:未知   作者:admin   点击:2811次这个mpvue大大安装大家肯定都没问题的。但安装预览的时候,不是用浏览器打开输入:localhost:8080。而是打开微信开发者工具,把项目...

2018-05-15 15:29:39 2257

原创 在文件夹中快速打开命令行

老版本的windows可以在文件夹小右键=》选择“在此处打开命令行”,新的win10不支持这种功能了新方法来了:在当前文件夹空白处出单击鼠标,然后按下快捷键Alt+D,这时候光标会自动聚焦到地址栏。直接输入cmd,按回车你会发现,出现了一个command窗口,并且路径就是当前文件路径。怎么样,简单吧?!如果觉得有用,赶紧和自己的小伙伴分享一下吧:)如果我需要以管理员身份运行该窗口怎么办这个稍微有点...

2018-05-10 13:15:11 11132

转载 逍遥云天 H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信

逍遥云天H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信前言:h5分享到微信,h5使用微信支付这些功能,都需要先判断是否安装微信客户端,如果已安装就启动微信,如果没有安装微信,就提示用户前去安装。我们可以通过访问微信提供的URL协议(weixin://)来实现这个功能,代码如下:示例代码:  1 &lt;!DOCTYPE html&gt; 2 &lt;...

2018-05-04 14:04:36 5786

原创 小程序开发遇到问题集锦

1.有相关网络链接的是后提示一下问题的VM7033:1  https://wxapi-v2.langlib.com 不在以下 request 合法域名列表中,请参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.htmlconsole.error @ VM7033:1d @ VM7038 appservice:131...

2018-05-03 16:05:42 339

原创 微信小程序注册相关操作

为了可以再手机端测试自己的开发小程序,通常我们会注册一个AppID,如图:注册激活之后登录 https://mp.weixin.qq.com ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。未完。。。。...

2018-04-27 16:20:39 205

原创 初步入门小程序,来个五分钟入门案例,PS(需要的是mpvue结合小程序开发)

初学我也是一头蒙状态,现在开始简单来个流转,慢慢深入吧!1. 初始化一个 mpvue 项目现代前端开发框架和环境都是需要 Node.js 的,如果没有的话,请先下载 nodejs 并安装。然后打开命令行工具:# 1. 先检查下 Node.js 是否安装成功$ node -vv8.9.0$ npm -v5.6.0# 2. 由于众所周知的原因,可以考虑切换源为 taobao 源$ np...

2018-04-27 15:27:37 805

原创 kendo-ui中提供的windwo插件

kendo-ui中只是提供了windwo插件,并没有提供页内弹窗插件。现在分享项目中自己定制的基于window组件的弹窗插件,如果你的项目也是用的kendo-ui,只需要将组件代码引到项目中即可。特点:支持定时自动关闭弹窗按钮自定义支持最大化最小化代码:dialog.js 1 var dialog = kendo.ui.Window.extend({ 2 // set options...

2018-04-23 09:06:29 239

原创 ider编辑器汉化补丁包安装

IDEA汉化包(百度云):链接:http://pan.baidu.com/s/1dF43YST      密码:59fw下载后安装汉化方法:(未经测试仅供参考)1、首先找一个文件夹=&gt; 解压压缩包里的i汉化补丁解压后找到resources_cn.jar文件2、将resources_cn.jar文件复制回.\IntelliJ IDEA\lib目录。或是直接讲汉化包里面的resources_cn...

2018-04-20 09:58:08 651

原创 安装软件出现nsis error对话框的解决方法

安装软件出现nsis error对话框的解决方法安装软件出现nsis error对话框,而使软件不能继续安装,与计算机的硬件不兼容有关,如:内存不兼容或者其它硬件不兼容,这就得检测硬件的兼容性才行,如果排除了硬件的问题外,我们可以采用如下方法加以解决。步骤:右键 - 安装软件 - 创建快捷方式;如:安装百度输入法,我们右键单击:百度输入法 -创建快捷方式,得到一个如下图的百度输入法快捷方式安装图标...

2018-04-19 17:29:46 12697 2

原创 电脑如何更改程序默认安装路径解决办法?

我们在日常生活中用电脑安装程序时,一般都把程序安装到D盘,然而程序默认安装到C盘那么怎么修改默认安装到D盘呢,今天我就教大家如何做。工具/原料电脑方法/步骤按WIN+Rregedit找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion32位系统的找ProgramFilesDir里面的默认数值数据为“C:\Program Fil...

2018-04-19 17:19:24 6806 1

原创 面试题集锦

一、HTML和CSS你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?IE: trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit,Google与Opera Software共同开发)每个HTML文件里开头都有个很重要的东西,D...

2018-04-19 10:13:35 851

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除