2 SilenceJude

尚未进行身份认证

菜鸟一只,稳健发育中。

等级
TA的排名 2w+

Vue项目使用less和css3的calc时计算错误问题解决方案。

起因:项目开发过程中,需要计算一个div版块的高度为100% - 0.48rem,于是很自然的想到了: .content { height: calc(100% - 0.48rem); overflow: scroll; word-wrap: break-word; word-break: normal; }打开控制台查看代码效果,却发现 高度和我预想的不对。而且99.52%这个数字似乎很眼熟,看了半天才发现99.52 = 100 - 0

2020-05-11 17:05:25

选中商品后右下角显示√号,纯css完成。

目录css代码:效果:解析:css代码: &.selected{ color: @theme; border: 0.02rem solid @theme; position: relative; transition: all 0.5s ease; ...

2020-04-08 17:16:53

使用nginx解决开发环境下canvas的toDataURL转换线上地址图片时的跨域问题。

文章目录前言一级目录二级目录三级目录前言前端开发在合成二维码海报时,经常会使用html2canvas工具将二维码和海报合成一张图片。如果合成用的海报是项目本地图片,那没什么问题。但是如果合成海报的图片,是后台传过来的线上图片,那么就很可能由于跨域问题导致合成的线上图片是空白,只有二维码。报错如下:这时,聪明的你肯定想到了既然如此,那我们提前将需要合成的海报转换成base64不就ok了吗...

2020-04-01 01:29:00

使用nvm管理node时,安装angular/cli出现【无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称......】解决方案

由于公司项目原因,nodejs的版本指定为6.14.3,而最新的angular/cli 8 必须使用10.x以上的nodejs版本,所以决定安装nvm来进行node版本管理。安装完nvm之后,一切顺利。最后再安装angular/cli的时候却出现了各种问题。首先是ng v 的时候提示nodejs版本过低,需要10.x以上版本于是切换到了12.14.0,但是再次运行ng v ,提示【无法将“...

2019-12-23 09:47:34

移动端前端开发真机调试攻略

...

2019-12-17 16:31:11

如何在tslint.json中使用注释

正常情况下,tslint.json中是无法使用注释的,会报错。但是没有注释的情况下,对于代码交接很不方便,而且面对繁多的ts-lint规则,即使查阅文档也很麻烦。幸好,vscode中可以设置一下,将json文件关联成jsonc的格式,这样就可以使用注释了。选择【首选项】,【设置】在用户设置中,增加以下代码: "files.associations": { "tslint.js...

2019-12-17 11:54:00

基于vue/Cli2下的typescript配置。

记录一下基于vue/Cli2下的typescript配置。或者直接使用此空白项目文章目录一、新建项目二、安装TypeScript相关依赖三、修改webpack配置。四、添加 tsconfig.json五、添加 tslint.json一、新建项目vue init webpack xxxx二、安装TypeScript相关依赖//安装vue的官方插件npm i vue-class-comp...

2019-12-17 11:39:59

vue cli 2.0项目改造ts中,提示找不到模块vue

vue cli 2.0项目改造ts中,提示找不到模块vue。不光是找不到vue,任何node模块都会提示找不到。如下图所示:{“resource”: “/f:/personnelProject/ts-cli2-sudoku/src/main.ts”,“owner”: “typescript”,“code”: “2307”,“severity”: 8,“message”: “找不到模块...

2019-12-17 09:55:01

Vue项目在vscode中使用eslint

老话说的好,无规矩不成方圆。最开始接触eslint的时候我也是一脸懵逼,怎么多一个空格就报错,换行多了报错,分号多了报错,变量未使用报错,没用驼峰命名报错…随手写一行代码能有十行报错,所以很长一段时间内不愿意启用eslint。但是随着项目经验的积累,团队开发协作的情况越来越多,现在只想对eslint说一句——真香。其实eslint规范虽然比较严苛,但是只要学会配置就真的很简单。以前的自己只是因为...

2019-12-05 10:42:06

vue/cli2下的webpack3升级webpack4记录。

前言:由于公司项目是历史项目,因此还是基于vue/cli2搭建的,webpack版本也是3.6.0。听说升级到webpack4之后打包速度贼快,所以早就想体验一下,但是又不敢拿公司项目开刀,因此先找一个以前写过的demo项目练练手。下面就记录一下vue/cli2下的webpack3升级webpack4中遇到的一些问题及解决方案。文章目录1、安装 webpack-cli ,升级webpack2...

2019-11-15 10:29:35

vue中多页面项目配置详解。【cli2和cli3版本配置】

前言:最近总结了一下自己以前写过的一些项目,发现项目分散的比较杂乱,因此想通过一个多页面应用来统一管理,正好借此机会实战一下多页面应用。结合网上查阅的一些资料,整理了一下vue部署多页面应用的配置详情。如有错误,欢迎指正。git地址: https://github.com/Silent-Jude/multi-project文章目录版本一:vue2.5.2 + webpack3.6.0 + ...

2019-11-12 15:20:22

vue项目中,调用iframe子网页中的方法 和在iframe子页面中调用vue父页面中的方法。

目录描述一、vue项目调用iframe子页面中的方法。二、在iframe页面中,调用引用它的父页面中的方法。一、vue项目调用iframe子页面中的方法。父页面代码:<template> <div class="pjpccx"> <h1 class="title_color">{{ title }}</h1> <bu...

2019-11-08 14:21:01

radio组件封装的关键

阅读element组件库的el-radio组件时,发现其设置了一个label属性用于存放真正的值,这样父组件使用v-model时,才能正确设置绑定的值。而父组件使用时需要传递label,这样才能正常实现效果。之前自己封装时将:value绑定的值是value,导致v-model无法正常工作。...

2019-10-16 17:38:14

NPM报错 Error: EPERM: operation not permitted, unlink......解决办法和清除缓存。

由于国内外环境因素,npm install安装依赖的时候经常会出现各种问题,特别是“Error: EPERM: operation not permitted, unlink…”这个错误。这个错误因为报错信息的误导性,导致很多网上提出的解决办法都是什么设置权限,以管理员身份进入等乱七八糟的。其实这个错误出现的原因就是网络不稳定,导致npm包下载不完整或者出错导致的。什么,你家里100M光纤网...

2019-09-23 10:38:32

CSDN-markdown编辑器用法指南

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-09-23 10:33:19

防抖(节流)函数在Vue项目中的应用。

文章目录防抖函数应用方式一:直接import到每个组件单独使用应用方式二:函数式组件实现防抖。应用方法三:使用自定义指令封装防抖函数。防抖函数废话少说,先上一个防抖函数。关键是如何应用到vue项目中。/** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 * @param immediate true 表立即执行,false...

2019-09-10 17:05:46

csdn自动生成目录和基础操作

文章目录自动生成目录索引生成水平线生成标题自动生成目录索引文章开头加入@[TOC](目录描述)目录描述可不写生成水平线3个短横杠---生成标题# 一级标题## 二级标题### 三级标题... 以此类推注意#号后面一定要有空格。...

2019-09-10 09:59:38

使用git克隆指定分支的代码

今天下载项目代码,最新的开发环境代码是位于development分支上的,master主分支上的则是稳定的线上代码。而直接使用git clone [xxxx项目地址]命令克隆代码,得到的是master分支上的代码,因此我需要克隆指定分支的代码。上网查找了一下,指令是:git clone -b [xxx分支名称] [xxx项目地址]测试了一下, 没问题。...

2019-09-06 14:19:25

三分钟通过nginx反向代理解决前端跨域问题

前后端分离开发的过程中,跨域问题一定避免不了。关于如何解决跨越问题,已经是老生常谈了,cors,jsonp,nginx,iframe,Nginx正向代理与反向代理 https://www.jianshu.com/p/ae76c223c6ef...

2019-09-03 23:49:24

使用nodejs快速搭建express服务器记录。

大半年没有写node服务器代码了,今天突然想写个node服务器测试一下nginx反向代理配置,结果发现半天写不处理。我这真是鱼的记忆。如果忘却不可避免,那么赶紧的用文章把它记下来!第一步,初始化项目npm init然后会自动创建package.json第二步,安装依赖最基础的依赖包有express,body-parser,如果需要使用到数据库就再安装mysql,或者其他数据库npm ...

2019-08-23 15:35:02

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。