切图妞-CSDN博客

原创 vue-cli脚手架中webpack配置基础文件详解

前言vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，可以将文件打包压缩，图片转base64，也能引入一些插件帮我们完善功能。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要，接下来我将基于webpack3.6.0版本结合文档将文件各个击破，纯干料。...

2018-05-10 10:11:00 3002 4

原创 window下升级node版本

环境：win10 64位官网安装包地址：http://nodejs.cn/download/升级步骤：官网下载安装包点击安装，默认安装路径会是你之前安装node的路径，为了保证无误可以在终端输入where node查看旧node安装地址，按照提示一直安装完成。终端输入node -v,查看最新node版本...

2019-09-05 11:16:41 372

原创 React Hooks（一）之简介和搭建

一、简介Hook 是 React 16.8.0 的新增特性,React Native 0.59 及更新版本会支持 Hook。以往的react使用class实现组件编写，Hook是一个特殊的函数，让我们可以在函数组件里“钩入” React state 及生命周期等特性的函数。官网文档链接：https://react.docschina.org/docs/hooks-intro.html二、H...

2019-09-04 17:16:01 2190

原创 js常用代码和属性（最近更新时间20190902）

学习笔记不断更新总结fill1.语法fill() 方法用于将一个固定值替换数组的元素array.fill(value, start, end)2.示例fruits数组index从2开始到4之前元素替换成watermelonvar fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.fill("watermelon", 2,...

2019-09-02 17:23:07 225

原创 flex布局遇到white-space:nowrap怎么超出一行显示省略号

一、场景：二、简化场景：三、页面布局：<ul class="g-list"> <li class="g-list-item"> <div class="item-content-wrap"> <div class="item-title"> 英短贯彻爱与真实的邪恶，可爱又迷人的反派角色！</div&gt...

2019-08-08 18:42:43 2689

原创前端必懂之Sticky Footer(粘性页脚)

Sticky Footer的场景是页脚footer永远固定在页面的底部，页面内容不够长的时候页脚黏在视窗底部，内容足够长时会被向下移动。

2019-04-23 16:22:22 2000

原创 js基础（二）：构造函数与原型

写在最前：构造函数和原型模式的使用场景很广泛，但因为对概念的混淆不清导致无法熟练掌握。切图带你从代码和流程图一步步攻克，纯干货，建议收藏详看，原型模式理解图非常重要，务必多看几遍！前往查看demo源码构造函数构造函数与普通函数区别构造函数的首字母必须大写，用来区分于普通函数(驼峰命名)，此为约定俗成构造函数内部使用的this对象，来指向即将要生成的实例对象，而普通函数中的this指...

2019-04-03 17:10:12 192

原创 BFC的原理及运用

一、什么是BFC？BFC概念块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。具有BFC属性的元素是一个独立的容器，不受子元素影响也不影响子元素。BFC原理BFC内部元素的元素在垂直方向上的边距会发生重叠BFC不会与浮动元素重叠BFC是独立的容器，不会影响...

2019-04-02 13:21:28 748

原创 js基础（一）：判断类型

目录一、常见实例判断是否为对象判断对象是否为空对象判断是否为数组判断是否为数组是否为空数组判断字符串为json判断字符串是否为数字判断某值为null或者为undefined二、五大常见方法1.typeof2.Object.prototype.toString3.$.type()4.instanceof5.constructor一、常见实例...

2019-01-14 17:06:37 1039 1

原创移动端适配专题（一）之 meta

尊重原创，如需转载请注明出处！常用：&amp;amp;amp;amp;amp;lt;meta charset=&amp;amp;amp;amp;quot;UTF-8&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;meta name=&amp;amp;amp;amp;quot;viewport&amp

2018-12-05 11:46:53 603 2

翻译 yarn官网文档（翻译）——从 npm 迁移到 yarn

原文：https://yarn.bootcss.com/docs/migrating-from-npm/对于大多数用户来说从npm迁移到yarn是个简单的过程。yarn 可以使用和npm相同格式的 package.json，并且可以从你npm注册表中安装任何依赖包。如果你想在现有的npm项目上运行yarn，试着运行：yarn你的node_modules文件夹将会兼容yarn的分辨...

2018-08-14 11:41:52 1427

原创小程序技巧合集（持续学习更新中……）

- 如何去掉button的边框？使用伪类/*——————————html——————————*/&amp;amp;lt;button&amp;amp;gt;点击&amp;amp;lt;/button&amp;amp;gt;/*——————————css——————————*/button:after { border: none;}- 如何双向数据绑定？小程序的数据响应使用set

2018-08-13 16:44:28 858 1

原创 ajax跨域

为什么会产生跨域？答：前端调用后台服务接口的时候，接口不在同域名下便产生了跨域的问题。跨域的三大要素是浏览器的限制、跨域、XHR（XHRHttpRequest）请求，缺一不可，也就是说破坏其中一个因素就可以成功访问到数据浏览器的限制浏览器出于安全的考虑，当发现请求是跨域的时候会做一些校验，校验不通过时会报错。控制台打开谷歌浏览器的时候让它忽略web的安全性，跨域是浏览器限制的行为与后台...

2018-07-10 09:34:03 165

原创 MongoDB教程之MongoDB和Robomongo的安装配置与简单实战

一、MongoDB1、下载地址官网传送门（选择适合的环境和版本，点击之后跳转到另外一注册页，请耐心等待5s左右就会跳出下载框））云盘快捷传送门： https://pan.baidu.com/s/1Y5uTvTT9rLlOrW9HnCMp7g 密码：1ycs2.安装解压安装包，选择自定义“Custom”修改安装路径为D:\Program Files\MongoDB，...

2018-07-04 17:18:38 5066

原创 mysql-8.0.1在windows环境下的安装教程图解

注：安装环境win10一、下载地址MySQL官方下载地址：https://dev.mysql.com/downloads/mysql/戳这里直接下载mysql-8.0.1 Windows64 二、配置2-1.解压将zip包解压到在一个合适的地方，可重命名 2-2.配置环境变量首先找到系统中的高级系统设置，点击之后弹框选择右下角的环境变量然后在打开环...

2018-06-18 09:28:42 11189 14

切图妞的博客