不吃肉的香蕉-CSDN博客

原创前端面试题记录每日一题

前端面试每日一题11-19loader 和 plugin 的区别?loader 加载器，是一种转换器，可以通过一些规则处理 js、css、json等文件，例如 babel-loader，style-loaser，less-loader，webpack 默认只可以处理 js 和 json 文件，css 等文件需要通过 loader 处理。plugin 是扩展器，可以扩展 webpack 的功能，例如打包压缩等...

2022-01-19 22:11:34 491

原创 Angular+Typescript 学习笔记(五) --- 注解

注解一个函数返回函数的函数装饰器是 typescript 的一个特性组件中@Laugh() say = 'Hello';未完待续。。。

2020-06-02 23:40:57 204

原创 Angular+Typescript 学习笔记(四)--- Module

Module模块是 angular 最基本的模块，相比于 angularjs，angular 最大的改变就是模块，万物皆可模，弱化了自定义指令的作用，模块完全能胜任。官话：模块是组织应用和使用外部库扩展应用的最佳途径模块中包含以下内容：declarations 数组：模块拥有的组件、指令或管道，注意每个组件/指令/管道只能在一个模块中声明providers 数组：module 中使用到的服务exports 数组：暴露给其他模块使用的组件、指令或管道等imports 数组：导入本模块中需要的依

2020-06-02 23:27:04 283

原创 Angular+Typescript 学习笔记(三)---viewChild

Tips设置滚动条媳妇效果：scroll-behavior: smooth;//平滑滚动-webkit-overflow-scrolling: touch;//属性控制元素在移动设备上是否使用滚动回弹效果.scroll-snap-type: x mandatory;滚动吸附（需深入学习）

2020-06-01 23:23:02 319

原创 Angular+Typescript 学习笔记(二)---生命周期

总的顺序组件构造函数调用组件输入属性改变组件初始化组件内容初始化组件内容脏值检测（多次）组件视图初始化组件视图脏值检测（多次）组件销毁constructor构造函数永远先被调用ngOnchanges输入属性@Input发生变化时被调用ngOnInit组件初始化的时候被调用ngDoCheck脏值检测时调用ngAfterContentInit组件内容初始化，当内容投影 ng-content 完成时调用ngAfterContentCheckAngular 检测投影内容

2020-05-31 22:43:41 556

原创 Angular+Typescript 学习笔记(一)---Interface

Interfacetypescript 中，接口就是为类型命名，为代码或第三方代码定义契约。自己的理解就是定一个的数据格式可以使用接口，以此来约定类型。使用场景一般在描述一个对象的属性，（带？的是可选属性）interface User = { name:string; id？:number}// 使用可以这样使用function setUser(user:User){ console.log(user.name)}let laosan = {name:'老三',

2020-05-31 21:56:16 1794

原创取数组最大值和最小值的方法汇总

在学习中将数组取最大值和最小值的处理方法于此记录：方法一：利用数组内置方法；var ary=[12,13,25,56,44,33,13,26,67,79,21]; // 数组内置的sort方法var a = ary.sort(function(a,b){ return a-b;})var min = a[0];var max = a[ary.length - 1];consol

2017-12-15 16:15:08 3723

原创移动web前端开发高效实战（二）

CSS3检测浏览器是否支持html5和css3的方法：方法一：用javascript获取到浏览器的 User Agent，然后根据User Agent判断浏览器是否支持某个属性；方法二：在javascript里面使用指定的属性，然后进行判断，如果成功执行，则说明支持。而目前比较流行的Modernizr使用的就是第二种1、CSS3新增特性总述：新增特性有以下几点：（1

2017-12-15 15:03:23 496

原创 CSS小技巧汇总

css3 小tips汇总1、css文本超出多行隐藏css3中，解决了这个问题，解决方法如下：最后的css样式如下： overflow:hidden; text-overflow:ellipsis; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒

2017-11-22 18:16:58 344

原创 vue里面各文件说明

vue文件说明1、main.js是我们的入口文件，主要作用是初始化vue实例，并使用我们需要的插件import Vue from 'vue'import App from './App'import router from './router'/* eslint-disable no-new */new Vue({ el: '#app', router, template: '<A

2017-11-09 07:33:41 6737

原创移动Web前端开发高效实战（一）

摘要：日前，笔者拿到一本有国内知名团队iKcamp团队著作的书籍，在对书籍的阅读过程当中，发现许多知识，不能准确的描述出来，于是边啃书，边对里面提到的东西进行梳理，以巩固前端知识，作为自己查阅所用。并且在学习中了解新的知识。(github仓库为https://github.com/fanyang123/Web_Ksc)全书主要涉及到的知识有：HTML5，CSS3，javascript，webpack

2017-10-31 22:51:51 5833

原创 Vue2.x和webpack踩坑与总结

Vue2.x1、hash和history模式在项目初始中，为hash模式下，hash模式，我们知道，它背后的原理是onhashange，onhaschange的定义如下：当锚部分发生变化时执行;这样子，就成了路由的基本操作方式，如就是，在点击的时候，页面不会刷新，只会更新数据内容。而hash模式回退不方便，而且无法使用描点定位。如果使用hash方法，为了使页面不会刷新，

2017-10-29 17:59:35 1035

原创使用vue2构建项目的完成流程Ⅰ

使用vue构建项目项目介绍：本项目为vue2开发，旨在从零开始，完成构建项目的一个完整的流程，加深对vue的认识。本项目为一个手机新闻站点基本流程1、规划组件结构 Nav.vue Header.vue Home.vue …2、编写对应路由 vue-router3、具体每个组件的功能建议：一些公共文件jquery，一般放在index.html中引入4、项目需要的模块

2017-10-28 13:54:15 517

原创 Webstorm使用教程

Webstrom使用Mark一个实用的webstorm主题网站，网址如下：http://color-themes.com/?view=index 1、使用方法：下载主题文件后，然后再webstorm里面，file->important setting引入文件安装即可。我的webstorm版本是2017.1.4.顺便贴一下我的配色方案：粉色！！ 2、设置好以后，再设置字体，file->

2017-10-27 09:55:52 1996

不吃肉的香蕉