hyc127-CSDN博客

原创 webpack的一些知识总结

现在的web工程变得越来越庞大，功能变得更复杂，迭代速度也越来越快。在这种情况下，前后端分离是必然的，理应减轻后端的负担，让前端担负起更多的责任。这也给前端工程师带来了更多的技能上的要求。在这样的情形下webpack之类的工具应运而生。 webpack非常强大，它是一个模块打包器，能帮助我们处理构建项目中繁琐的问题，如果我们能比较熟练地使用它，工作将变得轻松许多，这也...

2018-05-23 21:58:44 439

在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 querySel...

2018-05-17 13:37:17 3265

转载转 lazyLoad 三种实现方式

延迟加载(Lazyload)三种实现方式有酒203 人赞了该文章定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的图片才会被加载，当你滚动首页向下滑的时候，进入视口内的图片才会被加载，而其它从...

2018-05-17 11:39:46 489

原创 vuex 补全官网教程上的代码

Action<template> <div id="app"> <p> {{ counter }} </p> <p> {{ getEven }} </p> <button @click="increment">+</button&gt

2018-04-25 17:37:21 191

原创 vue 使用自定义事件的表单输入组件

一个官方文档的例子~<currency-input v-model="price"></currency-input>这里的v-model相当于：①v-bind:value="price"(这个value是指props['value']，可以任意定义) ② @input="price=arguments[0]"Vue.component('currency-input',...

2018-04-22 18:42:30 232

原创记录下自己的webpack基本配置

const path = require('path')const HTMLplugin = require('html-webpack-plugin') //页面生成工具const webpack = require('webpack')const MiniCssExtractPlugin = require('mini-css-extract-plugin') ...

2018-04-21 16:54:34 823

原创读书笔记 --ES6 用模块封装代码

前言：在ES6以前，在应用程序中的每一个js代码中定义的一切都共享一个全局作用域。随着Web应用程序变得越来越复杂，js代码的使用量不断增大，这种做法会引起一些问题，如命名冲突和安全问题。ES6的目标之一是解决作用域的问题，为了使应用程序变得有序方便开发者，于是引进了模块。什么是模块：模块是自动运行在严格模式下并且不能自动退出运行的js代码。在模块顶...

2018-04-20 10:50:36 237

原创 Ajax 跨域

由于现在web前后端分离的原因，造成了前端开发中一定会遇到跨域的问题，在这里我总结下几种主流的跨域方式，iframe, window.name, window.domain 从来就没去用过，就不谈了。首先什么是跨域？跨域来源于同源策略。所谓同源策略是一种保障安全的策略，即协议、主机名、端口，只要其中任一一种不同且在没有服务器明显授权的情况下那么就不能通过js去获...

2018-04-17 18:08:41 133

原创使用Vue.js打造一个属于自己的音乐博客

安装Vue: 官网推荐了两种安装方式 1.通过在页面直接引入cdn即可 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script ...

2018-04-16 11:12:06 599

weixin_38929096的博客