- 博客(20)
- 收藏
- 关注
RSS订阅
原创 vue-cil3项目根据inquirer进行分环境及多配置打包
vue-cil3项目根据inquirer进行分环境及多配置打包背景在一次国际化需求中，我们需要打出不同的包满足不同语言的需求，如果按照根据不同命令打包，那么package.json则会越来越多，例如：这样的话背离了我们代码的初衷，如果这样写下去，世界这么多语言，我们需要多少命令可以满足？那么到时候的package.json中的scripts需要多长？所以，当我看到inquirer的时...
2020-03-20 22:54:47
1204
原创 Mac 下全局模式无法访问本地 localhost 内容
Mac 下全局模式无法访问本地 localhost 内容今天在Chrome上访问我本地localhost的页面居然报错 :: ERR_CERT_AUTHORITY_INVALID，然后来了兴致，介是为嘛，在我不懈努力下我找到了问题所在我使用了全局代理的原因，当然，我关掉之后发现还有这个问题，最后通过查找Chrome手册，我找到一个方法chrome://flags/#allow-insecur...
2020-03-17 17:18:22
2279
原创 input组件支持限制字符、汉字
在平时开发的过程中，产品终会提一些另辟蹊径的建议，例如我们在做输入限制的时候，产品希望可以根据输入字符汉字不同去做不同限制；例如：限制输入10个字符或者5个汉字开发时候踩到的坑中文截断问题这个问题应该很多人都碰到过，并且网上的解决方法也有很多，其实使用onkeydown/onkeypress/onkeyup事件来监听并不能解决复制问题，在苦（cha）思(zhao)冥(gu)想(ge)的情况...
2019-12-09 10:07:58
934
原创 前端nginx配置并且同一域名配置多个项目以及nginx跨域设置
前端nginx配置并且同一域名配置多个项目前端nginx配置并且同一域名配置多个项目first of all下载配置nginx配置nginx开机自启动nginx -t 找不到nginx的修复nginx进行重启Nginx同一个域名配置多个项目nginx按不同的目录分发给不同的项目启用二级域名，不同的项目分配不同的二级域名nginx 跨域配置前端nginx配置并且同一域名配置多个项目前端小白一枚之...
2019-11-03 15:11:30
6695
原创 理解CSS3中 max/min-content及fit-content等width值
理解CSS3中 max/min-content及fit-content等width值一、兼容性问题基本上，移动端使用时没有让任何问题：.width{ width: -webkit-min-content; width: -moz-min-content; width: min-content; }二、width:fill-availablefill-availab...
2019-09-02 16:13:37
2609
原创 Angular6 + My97DatePicker时间选择器实现数据双向绑定
Angular6 + MyDatePicker97时间选择器实现数据双向绑定在angular6中使用MyDatePicker97的时候直接使用ngModel或者form表单的formControlName不能直接获取到值；此时必须进行数据绑定，这里采用的是指令的形式将数据绑定到ngModel或者formControlName上话不多说，直接干！！！首先定义一个ts文件，名字叫input...
2019-06-20 19:27:49
1305
原创 阿里巴巴Iconfont代码中如何设置渐变字体图标
阿里巴巴Iconfont代码中如何设置渐变字体图标此处默认会使用iconfont基本操作1.首先：<i class="iconfont icon-icon-imperial-crown" id="iconOne"></i>2. 接着#iconOne:before{ background-image: -webkit-linear-
2019-02-18 15:24:24
3680
原创 格式转换
格式转换本文旨在将数组、对象中常见的数据格式进行转换为自己所需要的1.数组1）.数组合并对象里相同属性值后台给数据的时候不一定会给出我们所需要的，因此涉及到格式转换，例如下面的形式：skuList: [ { name: 'test03', storeIds: [ 48, ...
2019-01-09 10:54:04
438
原创 关于element-ui中Table表格如何合并单元格
element-ui中Table表格如何合并单元格相信大家在使用element-ui中table组件的时候在boss要求合并单元格时都犯过怵（仅指我这个小白），而element-ui中合并的时候也没有给全解释（也是我的问题），但工作在前，终于通过不懈努力，终于将它搞成功；文章最后贴上源码第一步 设计师给出的样式第二步：代码开撸首先在data中新建变量data() { retu...
2019-01-07 19:28:51
21349
6
原创 vue中rem如何配置
vue中rem的配置开发移动端，我们常常会因为把握不好尺度而觉得十分难受，因此可以用到rem+flex进行，那么vue中我们该如何如何配置呢？在js中统一计算进行配置新建src/utils/rem.js 代码如下：const setFontSize = (minFontSize = 12, maxFontSize = 16) => { // 7.5根据设计稿的横向分辨率/...
2018-12-27 11:40:22
6580
2
原创 vue中element-ui合并列
vue中element-ui合并列在一些日常操作中，后台不会给出令前端满意的数据结构，此时就需要我们自己做出格式修改。如图，设计需要这样的表单结构这样子的话数据格式根据elememt中所要求的数据格式，应为：tableData6: [{ id: '12987122', name: '王小虎', amount1: '234', ...
2019-02-26 14:35:59
7254
转载 前端js面试题（高级）
前端js面试题（高级）1、ES6模块化如何使用？开发环境如何打包？export语法&&import语法开发环境可用webpack ,rollup.js 模块打包工具2、Class和普通构造函数有何区别1、class在语法上更贴近面向对象的写法。2、class实现继承更加易读易理解。3、本质还是语法糖，使用prototype一、构造函数function Math...
2019-01-25 14:45:01
14650
转载 html+css面试题
html+css面试题1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素有哪些？块级元素有哪些？ ...
2019-01-22 18:21:09
955
转载 JavaScript面试题
JavaScript面试题37个 JavaScript 基本面试问题和解答1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷？这个陷阱如何避免？答：尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题是null也被认为是一个对象！因此，对于大多数开发人员来说，下面的代码会将真实...
2019-01-21 20:13:39
2535
转载 css面试题
CSS面试题一、基础篇1、用纯css创建一个三角形的原理是什么？首先，需要把元素的宽高设置为0，然后设置边框样式。width: 0;height: 0;border-top: 40px solid transparent;border-left: 40px solid transparent;border-right: 40px solid transparent;border-...
2019-01-18 16:52:55
2602
1
转载 webpack面试部分
Webpack面试问题1、webpack打包原理把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载。2、webpack的优势（1） webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。（2）能被模块化的不仅仅是 JS 了。（3） 开发便捷，能替代部分 grunt/gulp 的工作，比如打...
2019-01-18 11:53:42
3355
转载 React面试题
React 面试题1、当你调用setState的时候，发生了什么事？当调用 setState 时，React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态。这将启动一个称为和解（reconciliation）的过程。和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新UI。 为此，React将构建一个新的 React 元素树（您可以将...
2019-01-17 19:00:13
2012
转载 前端面试题
2018 vue前端面试题1、active-class是哪个组件的属性？嵌套路由怎么定义？vue-router模块的router-link组件2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子？答：三种，一...
2019-01-17 14:21:16
495
转载 WEB前端面试题
Web前端常见面试题及答案1、盒子模型盒子模型包括四部分：内容（content）、填充（padding）、边框（border）、边界（margin）盒子模型可以分为两种：IE盒子模型和W3C标准盒子模型区别：两者对于width的计算方式不同，前者width=border+padding+内容宽度，后者width=内容宽度。2、position包含几种属性？absolute和relat...
2019-01-16 13:30:41
2935
转载 JavaScript一维数组转二维数组
JavaScript一维数组转二维数组当接收到一个数组时后端不一定会给你做太多处理，而我们需要的是一个多维的数组，这个时候，我们就需要将一维数组进行转换第一种情况：数组里面是字符串的时候 let array = [1, 2, 3, 4, 5, 6, 7, 8]; len len = array.length; let n = 4; //假设每行显示4个 let lineNum ...
2018-12-26 10:02:50
2073
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人