2019年03月_前端岚枫

11月 10月 09月 07月 05月 04月 03月 02月

翻译 6个很棒的PostCSS插件，让您成为一个CSS向导

PostCSS是一个非常通用的工具，它可以通过javascript插件转换CSS样式。它的灵活性在于它的建造方式。PostCSS的核心部分是一个node.js模块，您可以使用NPM进行安装，它有一个由200多个插件组成的生态系统，您可以在项目中选择使用这些插件。PostCSS既不是预处理器，也不是后处理器，因为不同的PostCSS插件可能属于这两类中的任何一类，或者同时属于这两类；它完全取决于...

2019-03-27 17:00:43 1787 2

原创实现非父子之间通信，兄弟组件之间的数据传递--eventBus

vue中，组件传值的方法常见的也就那几种，1.父组件向子组件传值，用props 属性，2.子组件主要通过事件传递数据给父组件子向父传数据可以用emit触发传，但是这种方法无法实现兄弟组件直接传数据3.利用provide/inject,可以实现由祖先元素向子孙组件传递数据，方法，不需要知道祖先组件的其他作用组件，直接传递所需要的4.利用vuex实现数据共享，把数据统一存入state,只允许通过A...

2019-03-26 11:46:52 1146

原创 axios的用法详解

axios: 是一个类库，基于Promise管理的Ajax库，支持浏览器和nodejs的http库，常用于Ajax请求。特点从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装方法使用 npm:$ npm instal...

2019-03-26 09:52:14 892

翻译详细了解文档对象模型（DOM）

我们都听说过与JavaScript相关的DOM或文档对象模型。DOM是Web开发中一个非常重要的概念。没有它，我们就无法在浏览器中动态修改HTML页面。学习和理解DOM可以更好地访问、修改改和监听HTML页面的不同元素。文档对象模型还可以帮助我们减少不必要的脚本执行时间增加。另请阅读：15个用于Web开发人员DOM操作的javascript方法数据结构树节点在讨论dom是什么，它是如何...

2019-03-25 13:42:38 779

原创浅谈vue中provide和inject 用法

provide：Object | () => Objectinject：Array | { [key: string]: string | Symbol | Object }provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。是2.2.0版本新增的。这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，...

2019-03-25 10:29:35 17224 3

原创浅谈CSS3 响应式布局--Media Queries

CSS3 Media Queries ， CSS3媒体查询。使用 @media 查询，你可以针对不同的媒体类型定义不同的样式；也可以针对不同的屏幕尺寸设置不同的样式；当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。用法如下@media 媒体类型 and|not|only (媒体特性) { ...... }媒体类型值描述all :用于所有设备pr...

2019-03-23 09:30:48 442

翻译了解css中伪元素 before和after的用法

层叠样式表（CSS）主要用于将样式应用于HTML标签，但是在某些情况下，向文档添加额外标签元素是多余的或不可能的，CSS中实际上有一个特性允许我们在不中断实际文档的情况下添加额外标签，即伪元素。你听说过这个术语，尤其是当你一直在学习我们的一些教程时。实际上，有一些CSS族成员被归类为伪元素，例如：:first-line, :first-letter, ::selection, :before ...

2019-03-22 11:00:15 2404 1

原创 css常用单位px、em、 rem 区别与各自的用法解析

我们在布局页面中，总要用到一些有关字体，元素宽度，高度等长度单位，一般pc端常用到像素单位，移动端用em，rem 单位，它们都有各自的特点，今天总结一下它们的特点、区别px是Pixel的缩写，也就是说像素是指基本原色素及其灰度的基本编码，由 Picture(图像) 和 Element（元素）这两个单词的字母所组成的，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调。px是固定大小的单位,像素...

2019-03-21 09:49:11 1614

原创 JQuery源码笔记jQuery.access研究学习(13)

方法jQuery.access(elems,key, value,exec,fn(elem,key,value), pass) 可以为集合中的元素设置一个或多个属性值，或者读取第一个元素的属性值。如果设置的属性值是函数，并且参数exec是true时，还会执行函数并取其返回值作为属性值。方法jQuery.access()为 .attr()、.prop() 、.css()提供支持，这三个方法在调用j...

2019-03-20 10:22:28 583

原创过了30岁，我们前端程序员该何去何从

做计算机编程这个行业，人过了30岁，就会有种焦虑的心理，危机的综合症。一般做前端的，有两个路径可走，转管理岗位，或者转其他岗位，我认识的一些前端，有从前端转产品运营，转岗还转的特成功，不再写代码。他们大都是有前端先被提拔为领导，然后慢慢的转产品，主导一些产品需求，有的最后转向产品运营工作。有一个技术群，我是11年刚毕业加入的，当时自己是以好好学习技术知识的学习心...

2019-03-19 14:37:10 9101 1

原创内向的性格对我人生的影响

受家庭环境影响，我一直是一个内向不爱说话的人，有时可羡慕人家会表达，会说话。上初三的时候，因为初二是数学课代表，经常去数学老师办公室，慢慢地初三的班主就在那时认识了我，等升初三的时候，我自然而然地去了张老师那班，当时刚升初三的时候，班里可多留级生，我感觉压力大，生病了请假在家休息，等我休了一周课，发现很多课程赶不上了，张老师本来是教物理的，他却主动地给我补我休...

2019-03-07 15:20:48 1921 5

原创 vue中v-for的用法

当需要将一个数组遍历或枚举一个对象循环显示时候，我常用的就是列表渲染指令v-for. 它需要结合着in 或者of来使用，如下<div id="app"> <ul> <li v-for="（person, index） in persons"> {{ person.name }} </li> </ul></

2019-03-05 12:19:19 126825 4

原创 vue computed 中操作DOM和给对象添加属性遇到的问题

这两天使用vue做东西遇到一些问题，今天总结记录一下：在computed中没法操作dom元素，比如computed: { w() { return this.$refs.box.offsetWidth}}运行中报undefined错误，后来改成在mounted中获取this.$refs.box.offsetWidth,后来发现，在computed中，DOM元素未加载下来，保险...

2019-03-05 11:10:31 4369

原创坚持自己的路，勇往直前（2019年3月小记）

坚持自己的路，勇往直前今天是3月的第一天，回头看看2月的生活，发现自己按着自己的计划慢慢得努力着…回顾2月每天早上六点起床（其实我自己定的5点起床，想想计划刚实行，我就晚起一个小时），先学习半个小时的技术，然后再去做早餐，七点之前，搞定早餐，和老公一起吃完早餐，最后刷锅。收拾完之后，接着学习技术，到八点后，在睡一觉，不然到公司会很困，八点25准时起床，收拾收拾，走着去上班，因为公司离家很近，...

2019-03-01 14:43:51 487 2