自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小菜鸡程序媛的挣扎史

慢慢变成一个厉害的人吧

  • 博客(76)
  • 收藏
  • 关注

原创 小白学习Vue实用实战实例小技巧小tips(一)

目录1、v-cloak解决插值表达式闪烁的问题。2、插入html代码并显示成html元素。3、简写methods的方法4、点击事件层级(冒泡)5、动态class样式6、动态style样式7、单向绑定和双向绑定8、v-for循环的索引9、v-for中 key属性的运用10、v-if 和 v-show的区别11、增删改查功能设计12、时间格式化过滤器...

2019-09-06 11:12:12 445

原创 从小白开始学vue学习笔记(一)——基础篇

目录一、引入vue二、helloWorld程序三、声明式渲染四、条件与循环五、处理用户输入六、组件化应用构建与自定义元素的关系SLOT API定义插槽算法获取分布式节点算法分布分辨率算法slot元件扩展到Element七、Vue实例1、创建一个Vue实例2、数据与方法3、实例生命周期钩子4、生命周期图示八、模...

2019-08-27 13:47:23 897

原创 javaScript学习笔记(一)之数据类型篇

目录1、模板字符串2、获取字符串某个指定位置的字符3、Array4、字符串操作函数indexOfslicepush和popunshift和shiftsortreversespliceconcatjoin5、数组可以直接打印出来6、in检测是否拥有某一属性7、for ... in8、Map9、Set10、iterabl...

2019-08-09 16:56:28 139

转载 你未必知道的49个CSS知识点

https://juejin.im/post/5d3eca78e51d4561cb5dde12#heading-30

2019-08-06 16:18:03 100

原创 CSS选择器大全:基本选择器/属性选择器/伪类选择器

CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="f...

2019-07-22 11:50:39 1214

原创 《JavaScript权威指南》学习笔记(一)

跟着《JavaScript权威指南》整理的一些知识点和自己的小拓展。有不足之处请指正。1、try catch防止程序异常直接报错退出,而是能对异常进行一些处理,具体处理就在catch中。最好是在最外层函数使用。2、HTML不区分大小写、XHTML区分大小写、JavaScript区分大小写。许多客户端JavaScript对象和属性与它们所表示的HTML标签和属性同名。在HTML...

2019-07-16 09:29:13 928

原创 【算法题】JavaScript js 求超大数字相加之和

const add = (a, b) => { // 反序 const arr1 = a.split('').reverse(); const arr2 = b.split('').reverse(); const length = Math.max(arr1.length, arr2.length); const res = new Array...

2022-05-24 15:16:04 230

原创 怎么通过fiddler抓非浏览的包 postman 以及 nodejs 脚本 http 模块 以及 axios 的包?(非常简单的方法)

非浏览器的fiddler包怎么抓?postman、nodejs发送的请求抓不到?一个思路统统轻易搞定!

2022-02-21 11:58:53 3610

原创 金蝶云之家前端面经

1、路由钩子2、浏览器强弱缓存3、v-show 是display:none, v-if是删除了那行东西4、简单请求和复杂请求5、http26、vuex可以直接更改state吗7、权限路由8、vue生命周期9、双向绑定原理10、实现跨域1、 通过jsonp跨域通常为了减轻web服务器的负载,我们把js、css,img等静态资源分离到另一台独立域名的服务器上...

2020-02-22 15:07:10 2137 3

原创 字节跳动前端面经凉经(半年经验社招)待填坑

不难,但是很广,很多知识要深究,基本上会从你自己说的技术里面出问题,所以说项目用到了什么技术一定要深究一下技术。目前只记得这些。对手写代码的考察还挺有要求的。1、解释原型链和原型对象2、websocket和http2了解吗解释一下(大学学过不记得了)3、自己实现一个event类class Event { on(name, cb) once(name, cb)...

2020-02-17 15:57:48 5535 3

原创 el-dialog校验残留 重置校验失败 resetFileds失效的斗争

问题现象:使用el-dialog作为子组件的时候,新增和编辑是同一个弹窗,先打开编辑,取消,再打开新增弹窗会弹出校验。先打开编辑再打开且关闭前会短暂显示之前编辑框的内容问题分析:首先 this.$refs.Form.resetFileds 是清空校验并重置为初值。因为el-dialog是用 visible.sync 绑定的,只是控制显示和隐藏,并...

2020-01-09 13:52:07 1319 2

原创 火狐FIREFOX使用a标签下载文件,欲同时使用href和onclick事件,onclick事件无效的解决方法

因为火狐的兼容性问题,在想要点击a标签下载文件,同时对它添加点击事件记录下载次数时,会出现只有href属性生效,onclick内的函数无效的现象。在网上找了很多方法都无法解决,无法同时使用href和onclick属性。<a href="url" @onclick="count(id)">下载</a>count(id) { updateCount(id)...

2019-12-30 16:51:59 1413 1

原创 常用的git必须知道的小技巧(持续更新)

目录一、避免冲突二、单独将某个分支的某个提交放到另外一个分支 cherry-pick三、pull --rebase手动解决冲突四、新建/删除本地分支及远程分支五、tortoise push不用每次输入账号密码1 Git生成秘钥1.1 确认本地秘钥1.2 生成秘钥信息2 gitlab秘钥添加2.1登录gitlab2.2 添加秘钥 ...

2019-12-06 10:03:45 419

原创 table表格中的复选框勾选框后面带有省略号

1、表格的复选框勾选框会有省略号overflow:eslipse可以去掉谷歌的省略号clip可以去掉谷歌和IE的overflow: clip

2019-11-13 15:05:42 1250

原创 图片在IE浏览器显示异常显示不出来显示叉,在其他浏览器正常显示的解决方案

1、图片可以正常打开/路径没错/火狐谷歌显示正常的情况下,IE显示不出来某些图片在ie中不能正常显示,但在google,firefox等浏览器中却能正常显示。其中一个可能是这张图片被手动改了后缀名,比如原来的格式是jpg的,被手动改成gif的,这样的话,在ie中就不能正常显示了。关于这个问题的解决办法之一就是:把这张图片放在ps中试一下看能不能打开,如果能打开就不是图片格式的原因;如果打不...

2019-11-13 15:03:13 5005 1

原创 傻瓜式移动端适配——媒体查询和rem

一、当只有两套设计图的情况下,一套pc 一套移动端(一般为了用户体验更好,不会只有一套设计图)1、禁止移动端缩放,且让屏幕layout viewpoint 横向css像素=屏幕横向的dips(定值)<meta name="viewport" content="width=device-width,initial-scale=1.0, minimun-scale=1.0,m...

2019-11-13 14:55:40 598

原创 H5 html5学习笔记之Canvas(一)

目录将 HTML5 元素定义为块元素为 HTML 添加新元素Internet Explorer 浏览器问题HTML5 新元素新多媒体元素新表单元素新的语义和结构元素已移除的元素HTML5 Canvas什么是 canvas?创建一个画布(Canvas)使用 JavaScript 来绘制图像Canvas 坐标Canvas - 路径Can...

2019-10-21 16:30:36 289

原创 前端基础知识学习 XML JSON RESTFUL SOAP WEBSERVICE

目录一、Web Services 应用程序组件什么是Web Services?它如何工作?Web services 平台的元素:二、SOAP 简易对象访问协议 通信协议什么是 SOAP?为什么用SOAPMicrosoft 和 SOAP三、XML 可扩展标记语言四、JSON JavaScript 对象表示法 轻量级的文本数据交换格式五、URI ...

2019-10-21 09:11:41 1358

原创 删除远程的错误push上去的commit的记录 撤销回退到之前的版本

git logA fsdfasfnsmnfkngwiweB fjklsdjflsrfjwejfnlsdfjlwfC fjadfldjfokjdkfjsdjfsdfskld(按英文q 退出log的查看)比如想删除A 的提交,要回退到B的版本就复制B的commit id fjklsdjflsrfjwejfnlsdfjlwfgit reset --hard fjklsd...

2019-10-18 10:09:07 170

原创 element 隐藏组件 el-scrollerbar 使用方法详细解说 带无限滚动 适配不同的浏览器

1、首先从上述路径可以看见scrollbar这个组件是存在的渲染出来层级*el-scrollbar(下面是自动渲染出来的不需要写在代码里) *el-scrollbar__wrap *el-scollbar__view *el-scollbar__bar is-horizontal *el-scollbar...

2019-10-17 17:06:26 6301

原创 简单快速理解Vuex 图解 快速上手

目录Vuex 是什么?五个核心的理解:1、state: 存放需要管理的状态2、getters:由基本数据派生/计算得出的数据(相当于State的计算属性)3、Mutations:修改state的唯一方法(同步!)Mutations 需遵守 Vue 的响应规则4、actions: 异步通过提交mutation更改state5、modules: 模块化Vuex同...

2019-10-14 09:44:54 956

原创 input file图片压缩踩坑

<!--调用canvas方法--><canvas id="canvas"></canvas><!--压缩后的图片路劲--><img src="" class="preview"><img src="" class="preview"><!--原图压缩--><img class="source" ...

2019-09-29 16:03:14 776

原创 input file 踩坑 是否允许上传两张一样的图片(chrome)

<input type="file"> 是h5新特性,但是存在浏览器差异,解决兼容性问题的方法如下,火狐和谷歌在input file 的差异:在默认不做更改的情况下火狐在上传同一张图片的情况下: 可以上传两次一样的某张图片谷歌在上传同一张图片的情况下:第二章图片的上传会没有任何反应造成这种差异的原因是:在谷歌onchange事件会在内容改变且失去焦...

2019-09-29 11:36:50 1025

原创 vue-router query和params传参(接收参数),$router、$route的区别

链接:https://segmentfault.com/a/11900000127351681.query方式传参和接收参数传参: this.$router.push({ path:'/xxx' query:{ id:id } }) 接收参数:this.$route.query.id...

2019-09-20 14:45:33 140

原创 vue v-model双向绑定有两种状态的输入框(待填坑寻求更优解

、由于想实现上述的效果,当勾选checkbox时,法人姓名/法人手机号 v-model绑定联系人/手机号,取消勾选时,v-model绑定不相同的法人姓名和手机号最开始查阅资料,想让v-model绑定一个动态变量或者计算属性但是计算属性的话,只有联系人/手机号变动时(移开焦点 trigger:blur),才会触发计算想要一直监听,让下面随上面变化,得使用watch...

2019-09-19 16:28:22 1068

原创 使用element UI非必填字段校验的效果修改

必填字段应该达到的效果是:不填-> 提示应该要填写填写-> 对了 -> 框变绿 -> 错了 -> 框变红 提示错误原因非必填字段应达到的效果是:不填-> 不校验填了-> 校验 -> 正确绿框 错误红框填了删除-> 不校验方法一、自定义校验规则 validator:(rule,val...

2019-09-19 11:21:48 1916

原创 (填坑)vue实现简单的增删改查和全选反选功能

没有技术含量的暴力版:<template> <div class="container manage"> <div> <ul class="clearFloat manage__title"> <li> <label>id(添加或修改):</label&g...

2019-09-12 11:16:28 478

原创 VUE.js中访问地址的url带有#的问题

在开发的过程中会发现,访问VUE的项目是会在访问地址后面加上#,这个#其实是VUE的HASH模式所产生的,正确点来说是因为VUE使用了HASH模式。那么先说如果不想有#应该怎么做:修改路由Router的mode为history即可例如在vue init webpack my-project创建项目完毕以后,在src->router->index.js里修改import Vu...

2019-09-10 16:24:44 6742

原创 vue使用ESLint规则时, Missing space before function parentheses等格式问题

引发错误的原因是代码格式化插件和ESLint的规则冲突。要么1、卸载所有的代码格式化插件2、自定义ESLint的规则使其符合习惯3、关闭ESLint2、去官网复制错误代码可以搜索对应的解决方案https://eslint.org/docs/rules/space-before-function-paren#require-or-disallow-a-space-b...

2019-09-10 13:51:18 20102 4

原创 小白学习Vue实用实战实例小技巧小tips(二)

目录1、过滤器详解replace()定义和用法语法返回值说明2、vue的生命周期3、发送请求4、动画详解-过渡transition:使用第三方类使用钩子函数列表动画5、组件创建方式6、组件中的data7、组件切换方式8、模板定义方式9、父组件向子组件传值10、父组件向子组件传方法11、resetFields和clear...

2019-09-09 14:00:51 409

原创 webpack入门

目录简介现状 安装 WebPack安装配置执行 使用 WebPack本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程...

2019-09-04 17:19:35 142

原创 npm学习笔记(一)

目录npm 是什么?如何安装 npm 并管理 npm 版本从 Node.js 网站安装 npm1. 安装 Node.js 和 npm2. 更新 npm使用版本管理器安装Node.js和npm如何安装本地包如何更新本地安装的包如何卸载本地安装的包如何安装全局包如何更新全局安装的包如何卸载全局安装的包如何创建 Node.js 模块npm 是什么?...

2019-09-04 11:59:37 769

原创 从小白开始学vue学习笔记(六)——工具篇

目录一、单文件组件1、介绍2、怎么看待关注点分离?(1)例子沙盒(2)针对刚开始接触JavaScript模块系统开发的用户(3)针对高级用户二、单元测试1、简单的断言2、编写可被测试的组件3、断言异步更新一、单文件组件1、介绍在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: ...

2019-09-04 11:21:44 208

原创 从小白开始学vue学习笔记(五)——可复用性 & 组合篇

目录一、混入1、基础2、选项合并3、全局混入4、自定义选项合并策略二、自定义指令1、简介2、钩子函数3、钩子函数参数(1)动态指令参数4、函数简写5、对象字面量三、渲染函数 & JSX1、基础2、节点、树以及虚拟DOM(1)虚拟DOM3、createElement参数(1)深入数据对象(2)完整示例(3)...

2019-09-03 17:26:02 330

原创 从小白开始学vue学习笔记(四)——动画篇

目录一、概述1、单元素/组件的过渡(1)过渡的类名(2)CSS过渡(3)CSS动画(4)自定义过渡的类名(4)同时使用动画和过渡(5)显性的过渡持续时间(6)JavaScript钩子2、初始渲染的过渡3、多个元素的过渡(1)过渡模式4、多个组件的过渡5、列表过渡(1)列表的进入/离开过渡(2)列表的排序过渡_.shuffle...

2019-09-02 18:08:16 378

原创 从小白开始学vue学习笔记(三)——组件篇

目录一、组件注册1、组件名2、组件名大小写使用 kebab-case使用 PascalCase3、全局注册4、局部注册5、模块系统(1)在模块系统中局部注册(2)基础组件的自动化全局注册二、Prop1、Prop 的大小写 (camelCase vs kebab-case)2、Prop类型3、传递静态或动态Prop(1)传入一个数字...

2019-09-02 15:35:39 967

原创 从小白开始学vue学习笔记(二)——事件篇

目录一、事件处理1、监听事件2、事件处理方法3、内联处理器种的方法4、事件修饰符默认冒泡5、按键修饰符(1)按键符(2)系统修饰符(3).exact修饰符(4)鼠标按钮修饰符6、为什么在HTML中监听事件二、表单输入绑定1、基础用法2、文本3、多行文本4、复选框5、单选按钮6、选择框7、值绑定(1)复选框...

2019-08-28 15:14:42 497

原创 移动端适配:使用flex布局和rem

目录一、使用rem和flex布局1.先说说几个前端常用的几个单位的概论:2.开始进入rem教程 3、媒体查询(插播:比较繁琐不推荐)4、通过less方法写函数来简化代码5、解决div字体font-size兼容问题一、使用rem和flex布局1.先说说几个前端常用的几个单位的概论:1、px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像...

2019-08-23 09:32:15 3858

原创 JavaScript学习笔记(七)之node.js篇

目录1、npm2、hello world命令行模式和Node交互模式使用严格模式3、运行调试JavaScript4、模块CommonJS规范深入了解模块原理5、基本模块globalprocess判断JavaScript执行环境6、fs文件系统模块异步读文件同步读文件写文件stat异步还是同步7、streampip...

2019-08-22 18:03:19 493

原创 JavaScript学习笔记(六)之错误处理

目录1、错误处理try ... catch ... finally错误类型抛出错误2、错误传播3、异步错误处理4、underscore1、错误处理在执行JavaScript代码的时候,有些情况下会发生错误。错误分两种,一种是程序写的逻辑不对,导致代码执行异常。例如:var s = null;var len = s.length; // Type...

2019-08-22 11:02:09 156

空空如也

空空如也

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

TA关注的人

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