木子聊前端-CSDN博客

原创 javascript 中null 和 undefined 故事

开到代码：log(null == undefined) // true这样故事就绑定了null 和undefined 为什么这种情况返回的是true，null 和undefined 是同一回事吗？在控制台经常看到的 not is undefined 和 is null以及 undefined 都是同一回事吗？null 和undefined 不一样但是却有着相似的行为表现注意：log 相当与 console.log() 用了结构，文章中出现的地方都一样，方便书写和使用let {lo

2020-06-19 11:06:33 396 2

原创 vue 开发插件二

接上一篇《vue 开发插件一》完善插件交互逻辑插件讲究高度配置化，弹框提示的插件要始终保持一个，并且要保证上一个弹框已经关闭处理配置参数定义一个方法来接受弹框内容和配置进行处理参数，并且有默认的参数，同时判断显示隐藏，如果只是传入一个字符串，那就是直接作为弹框提示内容// 记录最后一个弹框let lastAlert = null;function alert(config) { // 默认的参数和组件的属性要同步 const defaultConfig = { titl

2020-06-18 10:41:17 195

原创 vue 开发插件一

通过vue 暴露一个install 方法，从组件到插件的运用，从而实现完整的一套插件

2020-06-17 12:32:05 308

原创 webpack 之vue 初级打包1 从零开始

webpack 之vue 初级打包从零开始从第一个代码开始

2020-06-15 18:05:37 221

原创 css3从入门到熟练运用（三）:炫目字体，多样背景和渐变颜色，神奇边框

字体字体随处可见，网页上看到的任何字都包含字体的使用，怎么使用呢？font-family 定义字体系列传统字体我们在开发一个互联网项目首先要做的就是字体选择，通常我们在设计的时候尽量去考虑系统默认的字体；而一个系统中通常会包含很多字体，一般如何选择呢？css 中 font-family 去实现。比如：我们给一个div定义一个字体，如果是在window下面用‘微软雅黑’如果没有的话就用‘黑体’代替，如果都没有就让系统自动选择div{ font-family:"Microsoft YaHei",

2020-06-14 18:32:23 389

原创 async 函数JavaScript 最优异步

Async/Await 可以让你轻松写出同步风格的代码同时又拥有异步机制，更加简洁，逻辑更加清晰async function name([param[, param[, ... param]]]) { statements }

2020-06-12 17:25:29 248

原创 typescrip模块及模块解析

ES6 引入了模块化概念，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量通过import和export 来实现；自由跟换自主代码；Typescript 沿用了这个概念

2020-06-10 16:12:05 245

原创 Uncaught ReferenceError: exports is not defined 解决办法

缘由在不借助任何框架，单纯在浏览器运行，学习typescript ，开始一切都很美好，在命令行输入tsc xxx.ts然后把编译好都代码放到html，在浏览器运行，得出了预期结果。心情很舒畅，眼看就要顺利学完ts了。准备迎接毕业典礼，升职加薪；突然的报错模块是一个让人兴奋的区域，我们充分理解了模块带来的好处并切对import和export 有很大期待，开始写入测试代码test.tsimport {hi} from './hello'; // import 的使用console.log(

2020-06-10 10:11:35 25877 2

原创 webpack 之 typescript 打包学习基础 1

简述本文只是为了快速学习typescript 而建立的webpack初级打包，目的是为ts更好的运行起来，特别是ts的模块部分，需要放到不同的环境，也就是需要经过编译才能在浏览器运行，看到效果，因此不涉及tsconfig.json 配置webpack 生产环境配置除了webpack 不涉及其他的插件不使用ts的模版语法顺便了解webpack最基础的配置，同样一步一步来搭建项目开始不管是测试还是开发我们都需要一个目录管理新建目录这个就不说了，我的是basic目录。安装 types

2020-06-09 17:34:54 4887

原创 javascript 之 apply()、call() 探索

apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。apply的主要用途是改变函数的作用域，在特定的作用域中调用函数，实际上等于设置函数体内的this对象的值。

2020-06-06 10:18:36 317

原创 css3从入门到熟练运用（二）：css3选择器让样式飞起来

css3从入门到熟练运用（二）,介绍css的基础选择，伪类选择，最后结合html5 实现一篇文章的优美布局

2020-06-05 00:34:24 266 1

原创 webpack 之vue多页面打包（一）（脚手架）一招学会常年无忧

简要说明本项目基于webpack 打包 vue 开发多页应用，涉及内容各种组件的相互关系，本地开发，测试环境的使用，生产环境的部署，其中包括eslint，webpack插件的使用，和移动端端像素问题，ajax的请求问题处理，内容错综复杂，当然在一个公司你只有部署一次就可以，一次学会10年无忧。说的简单点就是手动搭建一个多页面脚手架因此在阅读这篇文章。你需要提前具备或者安装好node npm 基础的东西，需要掌握webpack的基础。node 打包中的常用命令，就可以跟着我一步一步见证多页面是多么舒服

2020-06-04 22:12:24 1280

原创 typescript：类、接口的基础和使用场景

类基础概念类（Class）是面向对象程序设计（OOP）实现信息封装的基础。类是一种用户定义的引用数据类型，也称类类型。每个类包含数据说明和一组操作数据或传递消息的函数。类的实例称为对象。类的实质是一种引用数据类型类是对现实生活中一类具有共同特征的事物的抽象以上概念是从百度百科拿过来类。我觉得对类整个概念描述的已经很完美了。在过去很长一段时间JavaScript都没有自己的class 类，只能通过基于原型的继承来创建可重用的组件，直到es6 的诞生，到typsscript 整个超集的出现，前端开发才

2020-05-27 17:56:14 716

木子聊前端