01 2018 档案
摘要：vue有四个全局指令：directive、extent、set、component directive:自定义指令 可以看出其实指令的实际是操作dom元素，第一个参数就是element,第二个是参数是传给指令的值，第三个。。。。 extent:作用和组件差不多,但是每次挂载都要new一次在$moun
阅读全文
摘要：1.template标签（非单文件组件） 2.template标签单页面组件 和上面一样用<template></template>,由于有vue-loader编译不需要在手动在选项template上加‘#t1’之类的 3.反单引号 4.script标签（type="x-template"）
阅读全文
摘要：简单的安装一下： 对于linux来说(window 我们会用navicat)，我们会选择用mysql workbench 然后我发现了一个天坑，居然又连不上mysql了～～～ 以往总结过连不上的原因无非就是： 1.mysql服务没打开 2.user或者password或者端口错了 3.安装了多个my
阅读全文
摘要：过去我们在vue的父子组件传值的时候，我们先需要的子组件上用props注册一些属性： 然后父组件调用的时候当属性来传值 如果我们给child传props没有注册的属性，我们就要用$attrs来取了 child: 当然这个$attrs是vue2.4才推出的，为了简化父组件和孙组件的传值： 在child
阅读全文
摘要：1.全局注册组件 使用了以上这种方式注册的组件可以在全局任何一个地方的template里面使用 2.局部组件 这种方式写就只能在这个父组件的template里面使用
阅读全文
摘要：vue实例: Vue组件： 相当于上面import的app 区别 其实vue实例和vue组件本质都是一个组件而已，大家的属性基本是一样的 但是vue实例会比vue组件多出el和router属性，而vue组件的data会被要求必须是函数，防止出现同种组件多实例共享同一个data的事情 vue实例的高逼
阅读全文
摘要：1.新建文件夹 mkdir 2.进入文件夹 cd 3.创建/修改文件 vim 如果不存在a.txt，就会新增a.txt; 如果存在，则修改 先按i,进入insert模式，然后编辑文件 按esc,输入 (意思是 写入并保存 write and quit ) 如果不想保存退出，则输入 4.查看文件列表
阅读全文
摘要：其实几个月之前我已经介绍过使用window版的nvm——wnvm了 1.先安装nvm 日常开发安装node通常会用nvm来安装，因为nvm可以帮我们管理好node的版本 我们通过git来把nvm下载到我们的home,所以先现在git: 然后clone nvm ps：退出终端，重新进入才会生效 2.用
阅读全文
摘要：正向代理 正向代理类似一个跳板机，代理访问外部资源。 举个例子： 我是一个用户，我访问不了某网站，但是我能访问一个代理服务器，这个代理服务器呢,他能访问那个我不能访问的网站，于是我先连上代理服务器,告诉他我需要那个无法访问网站的内容，代理服务器去取回来,然后返回给我。从网站的角度，只在代理服务器来取
阅读全文
摘要：1.分组 replace第二个参数传一个字符串，而$number是代替第一个参数的分组。 这里比较特别的是$number是从$1开始的。 2.自定义函数 第二个参数传函数的话，返回值就是替代的值。
阅读全文
摘要：webpack开发前端的时候往往是单独自己的服务器： 1.express 带上 webpack-dev-middleware（自己实现了热更新，而且在memory-fileSystem,不会产生多余文件） 2.webpack-dev-server（自己实现了热更新，而且在memory-fileSys
阅读全文
摘要：像我这种不是专科班出来的，真的很多概念都不太清楚，今天来说说IDE和SDK 简单的来说： IDE（集成开发环境 Integrated Development Environment） 就是我们编写代码的编辑器之类的工具，例如visual stdio SDK（软件开发工具包 Software Deve
阅读全文
摘要：有时候我们不想bundle.js过于大，想把一些库独立成文件单独拿出来
阅读全文
摘要：我们在日常开发的时候会遇到一些每个页面都可能会引用到的库(例如jquery) 这可能会导致我们在每一个页面都需要写这样一个语句： 可能有人会担心，最后打包的时候，会不会重复的引入这个库的代码？ webpack很聪明，无论在多少个模块页引入，同一个库最后打包也只会打包一次 但是最大的问题是：我们要重复
阅读全文
摘要：去除没用到的css需要用到purifycss-webpack插件，而这个插件又依赖于purify-css 1.安装 2.加入插件 一定要跟extractPlugin一起用才行，如果是内置在bundle.js里面就不能过滤掉没用的css,这里还采用了glob.sync来进行同步读取html
阅读全文
摘要：想要webpack帮忙自动加上“-webkit-”之类的css前缀，我们需要用到postcss-loader和它的插件autoprefixer 1.安装 2.加loader 其实就是css-loader前面插一个postcss-loader 而参数importLoaders=1是为了预防css文件里
阅读全文
摘要：将本来镶嵌在bundle.js的css转到外面来，我们需要用到一个插件：extract-text-webpack-plugin 使用方法： 1.安装 2.配置 在plugins只是new了一个插件实例，loader部分的fallback就是将style-loader的输出接口接到index.css上
阅读全文
摘要：之前的博文有提到怎么样去实现热更新,但是居然要用到另外一个node框架（express）而且新增了一个入口（entry）两个插件（plugin）来实现，大大提高了配置的复杂度，这样其实对使用webpack的开发者来说是非常不友好的。 之后我在技术胖的博客发现，原来早在webpack3.6的时候已经推
阅读全文
摘要：上一篇博文讲了怎么使用路由，这次主要讲讲怎么编写一个vue组件 vue定义了一种“单文件组件”后缀为‘.vue’的文件，大概长这样子： 可见Vue文件一分为三，成为了我们以前常见的html+js+css了，对应了三个大标签<template> <script> <style>。 令人惊喜的是它们上面
阅读全文
摘要：本次博文主要讲一下vue的router部分，上次我们将router也放在入口js那写了，这明显是一个很不好的写法，这次我们重写一些这个入口js和附上一个正常点的router 上面引入的路由文件： 这里要解释一下children,这个children时控制这个子路由下的<router-view></r
阅读全文
摘要：一开始接触这个vue+webpack的时候，实在是摸不着头脑，根本无从下手。 但是经过这两天的研究，其实你会发现vue其实并不难，难度都在webpack你对webpack的理解。 webpack顾名思义就是专为web前端打造的打包工具。 一般基本情况下，它会根据你提供的js入口文件，按照里面impo
阅读全文
摘要：“热更新”：对应的是 'webpack-dev-middleware' 中间件 “热加载”：对应的是 'webpack-hot-middleware' 中间件 为了使用这两个中间件，必须修改“webpack.config.js"和”server.js“ webpack配置文件(“webpack.co
阅读全文
摘要：webpack的核心就是它的配置文件，只要配置好配置文件webpack就可以用得利索～～ 而配置文件主要就是7个部分entry、output、plugins、resolve、devserver（webpack3.6热更新）、devtool(调试工具)、我们今天要讲的module:rules(或者lo
阅读全文
摘要：上一片博文主要让大家了解下究竟webpack是干什么的，明显它是专注于打包的。 gulp 和 webpack 的区别 gulp，要求我们一步步写task（es6编译、css压缩、图片压缩、打包...），全过程都是我们掌控的（一开始项目小的时候，我们觉得灵活，但是后来项目复杂度上来了，我们觉得这样写t
阅读全文
摘要：在使用webpack之前，我曾经使用过gulp(也稍微写过一下博文),虽然来说都是打包工具，但是当公司一下把一个webpack模板扔过来的时候，我一下子就懵了，不知所措，只能慢慢的来重新学习webpack。 在以前使用gulp的时候，一般有一个套路如下， 然后各种task运行都有自己的任务：编译sc
阅读全文
摘要：相信很多小伙伴都见过各种各样的Node.js项目，而里面都有一个名为package.json的文件，而这个文件究竟是干什么的呢？ 简单的来说，这个文件就是对整个项目的各种情况的配置(也是介绍)，下面给出一个较为完整的package.json： 可以看到里面有 其中最重要的莫过于scripts、dep
阅读全文
摘要：用Angular这些框架的时候会发现一系列的指令，如ng-app、ng-repeat等，这些都属于用户自定义属性 但是HTML5规范要求所有的用户自定义属性以"data-"开头，如data-num、data-name这些 所以严格来说Angular这种写法是不标准的，但是浏览器却都不一而同的认了不按
阅读全文
摘要：依赖注入（依赖反转）意思是由函数决定要引入什么样的依赖： 这里就不得不佩服Angular作者的想法了，正常来说在js里面，我们可怜的函数只能被动地接受参数，甚至不知道自己能得到多少参数，什么类型的参数，这也是js天然的“烂语法”导致，我们聪明的作者就用一种挺简单的方法实现了依赖反转，由我们的函数来决
阅读全文
摘要：这里写的都是MySQL里面的语句。 1.查询 下面这句可以处理大部分简单的SQL查询： SELECT 字段 FROM 表 WHERE 字段=值 ORDER BY 字段1 ASC,字段2 DESC LIMIT 起点,数据条数 查询数据总条数： SELECT COUNT(*) as c FROM 表 查
阅读全文
摘要：大家都知道，js没办法判断对象是否相等，因为在js引擎看来，不同的对象实例就是不相等，因此我写了个方法来判断是否对象是否相等 思路就是不对递归，遇到不想等的就设置为false：
阅读全文
摘要：BFC是Block Formatting Context （块级格式化上下文）的缩写，是一个独立的渲染区域，这个东西的存在是为了隔绝一些内部子元素对外部元素的影响。 例如： 我们用overflow:hidden来清除浮动，就是父元素生成了BFC，从而隔绝了内部子元素浮动对外部其他元算的影响，从而达到
阅读全文
摘要：这个问题其实早在大二、大三的时候我就做过记录，但是恨当时没有记录在博客，现在再重新记一下把～～ 一、加::after 给父元素加伪元素::after,并加上对应样式： 二、加div 这里的div和上面的:after作用是一样的,相当于手动在HTML上加一个::after 三、给父元素加ooverfl
阅读全文
摘要：圣杯布局其实和双飞翼布局是一回事。 它们实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，差别在于其实现的思想。 本质都是利用float后的margin-left负值，形成布局。 1.圣杯布局 html: css: 2.双飞翼布局 因为装main内容的div宽度是适应变化的，因此不能给它加上w
阅读全文
摘要：我将第二个浮动的元素的margin-left的值不断减小： 被设置元素左移，后面的元素跟着动 当被设置元素的右边界超过了前面元素的左边界，后面边的元素被前面的元素挡在外面了
阅读全文
摘要：其实这个问题到现在真的是没有意义了，因为早在IE6的兼容模式开始就已经弃用了IE盒子模型了，但是现在的各种面试题还是会时常出现这样的上世纪的题目，我觉得其实时纯粹的刁难。 好了，吐槽不多说了，直接上图你们就明白了： 很明显的区别就在于对width和height定义的不同，IE盒子模型的width和h
阅读全文
摘要：相信大家都知道IE有专门的注释条件判断来引入一些css、js、html代码，但是语法有点拗口，记不住，下面我来做一下笔记： 非IE的写法比较特殊： IE判断的写法只兼容到IE9，到IE10已经是只显示非IE注释的内容了，所以我们现在习惯叫的IE浏览器其实多是指IE9及以下
阅读全文
摘要："./"：代表目前所在的目录。 "../"：代表上一层目录。 以"/"开头：代表根目录。
阅读全文
摘要：今天我看到一个很有意思的问题，什么是框架什么是库呢？区别在哪？ 我相信挺多小伙伴都没有正真去思考和了解过，下面我来解释一下： 共同点： 都是基于原生的代码，经过人为封装，而提供给开发者使用 不同点： 1.主动控制方的不同，一句话就是：你的代码调用库，框架调用你的代码 实际上来说就是控制反转（Inve
阅读全文
