项目点
项目点
前端小云儿
活到老学到老
展开
-
【收集】01
1.数据轮播不够5条(一次五条数据切换),可以再复制一次数据,进行2次轮播展示2.css点击tab切换展示下划线原创 2021-12-28 21:59:16 · 2467 阅读 · 0 评论 -
webpack22:打包总结 ,小型项目配置(全)
❤️vue webpack打包原理❤️十一假期,弯道超车_GooReey的博客-CSDN博客一、前端模块化webpack是让我们可以进行模块化开发,并且会帮助我们处理模块间的依赖关系。并且不仅仅是JavaScript文件,还有CSS、图片、json文件等等,在webpack中都可以被当做模块来使用。二、打包webpack中的各种资源模块进行打包合并成一个或多个包(Bundle)。在打包的过程中,还可以对资源进行处理,比如压缩图片,将scss转成css,将ES6语法转成ES5语法,将转载 2021-10-07 10:42:15 · 109 阅读 · 0 评论 -
webpack21:整理
npm install webpack@^4.0.0--save-devnpm install webpack-cli@^4.0.0--save-devnpm install --save-dev webpack-dev-serve webpack-mergenpm install --save-dev html-webpack-plugin clean-webpack-pluginnpm install --save-dev url-laoder file-...原创 2021-10-06 11:05:49 · 59 阅读 · 0 评论 -
webpack20:配置访问代理devServer
原创 2021-10-02 10:16:07 · 73 阅读 · 0 评论 -
webpack19:基于vue-cli3的vue项目移动端样式适配,lib-flexible和postcss-px2rem
基于vue-cli3的vue项目移动端样式适配,lib-flexible和postcss-px2rem - 秋风2016 - 博客园基于vue-cli3的vue项目移动端样式适配,lib-flexible和postcss-px2rem1,安装 flexible和 postcss-px2rem(命令行安装)npm install lib-flexible --savenpm install postcss-px2rem --save简要介绍这两个包的用途:flexible会为页面根据屏转载 2021-10-01 15:02:05 · 196 阅读 · 0 评论 -
webpack18:配置vue,render函数渲染,
yarnaddvue-loadervue-template-compiler-D原创 2021-10-01 14:23:17 · 89 阅读 · 0 评论 -
webpack17:webpack多入口文件配置
原创 2021-10-01 14:08:56 · 96 阅读 · 0 评论 -
webpack16:webpack-merge开发环境和生产环境区分配置
webpack.base.js// 公共的一些配置const path = require('path')// 引入自动生成 html 的插件const HtmlWebpackPlugin = require('html-webpack-plugin')// 引入分离 css 文件的 模块const MiniCssExtractPlugin = require('mini-css-extract-plugin')// 导入清除插件, 可以在每次打包之前, 清除 dist目录的内容c.原创 2021-10-01 13:44:13 · 239 阅读 · 0 评论 -
webpack15:webpack-dev-server保存自动刷新配置package.json
原创 2021-10-01 11:38:17 · 269 阅读 · 0 评论 -
webpack14:单入口基础配置
// 公共的一些配置const path = require('path')// 引入自动生成 html 的插件const HtmlWebpackPlugin = require('html-webpack-plugin')// 引入分离 css 文件的 模块const MiniCssExtractPlugin = require('mini-css-extract-plugin')// 导入清除插件, 可以在每次打包之前, 清除 dist目录的内容const { CleanWebpackP.原创 2021-10-01 11:08:27 · 116 阅读 · 0 评论 -
webpack13:插件的配置HtmlWebpackPlugin,MiniCssExtractPlugin,CleanWebpackPlugin
1 需要先引入// 公共的一些配置const path = require('path')// 引入自动生成 html 的插件const HtmlWebpackPlugin = require('html-webpack-plugin')// 引入分离 css 文件的 模块const MiniCssExtractPlugin = require('mini-css-extract-plugin')// 导入清除插件, 可以在每次打包之前, 清除 dist目录的内容const { Cle..原创 2021-10-01 11:06:44 · 274 阅读 · 0 评论 -
webpack12:webpack.config.js中文件入口和出口的 设置
// 入口 entry, 从哪个文件开始打包 entry: './src/main.js', // 出口 output, 打包到哪里去 output: { // 打包输出的目录 (输出的目录必须是一个绝对路径) path: path.join(__dirname, '../dist'), // 打包后生成的文件名 filename: 'js/bundle.js' },...原创 2021-10-01 11:01:47 · 126 阅读 · 0 评论 -
webpack11:webpack.config.js中module作用写法
module: { rules: [ // (1) 配置css文件的解析 { // 正则: 匹配所有以css结尾的文件 test: /\.css$/, // 实际处理顺序: 从右往左 // css-loader 让webpack能够识别解析 css 文件 // style-loader 通过动态的创建style标签的方式(js), 让解析后的css内容, 能够作用到页面中 u...原创 2021-10-01 10:58:02 · 545 阅读 · 0 评论 -
webpack10:使用 babel 处理高版本的 js 语法
比如这种,有的浏览器不识别,需要转换原创 2021-10-01 10:53:16 · 101 阅读 · 0 评论 -
webpack9:处理图片文件--分离图片-图片生成在文件夹中
原创 2021-09-28 22:49:12 · 136 阅读 · 0 评论 -
webpack8:清除dist文件夹东西
原创 2021-09-28 22:41:58 · 372 阅读 · 0 评论 -
webpack7:处理图片文件--分离图片
原创 2021-09-28 22:32:32 · 125 阅读 · 0 评论 -
webpack6:处理less文件--分离less
不用const定义引入原创 2021-09-28 22:18:03 · 101 阅读 · 0 评论 -
webpack5:处理css文件--分离css
使用demo:原创 2021-09-28 00:05:58 · 577 阅读 · 0 评论 -
webpack4:处理css文件
原创 2021-09-27 23:54:59 · 111 阅读 · 0 评论 -
webpack3:html-webpack-plugin 实现自动修改引入文件名
原创 2021-09-27 23:52:26 · 241 阅读 · 0 评论 -
webpack2:实现各行变色,jq
原创 2021-09-27 23:30:13 · 91 阅读 · 0 评论 -
webpack1:概述
vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty() 来劫持各个属性的setter , getter,在数据变动时发布消息给订阅者,触发相应的监听回调。当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的 property,并使用Object.defineProperty把这些 property 全部转为getter/setter。Object.defineProperty...原创 2021-09-27 23:22:46 · 94 阅读 · 0 评论 -
axios在vue中的使用-axios请求DEMO
1.方法封装api.jsconst CONTACT_API = { // 获取联系人列表 getContactList:{ method:'get', url:'/contactList' }, // 新建联系人 form-data newContactForm:{ method:'post', url:'/contact/new/form' }, // 新建联系人 applicat原创 2021-09-24 23:16:59 · 512 阅读 · 0 评论 -
axios在vue中的使用-axios取消请求
created() { let source = axios.CancelToken.source() axios.get('/data.json',{ cancelToken:source.token }).then(res=>{ console.log(res) }).catch(err=>{ console.log(err) }) // 取消请求(message可选) source..原创 2021-09-23 23:13:43 · 220 阅读 · 0 评论 -
axios在vue中的使用-axios的错误统一处理
<template> <div class="home"> </div></template><script>// 错误处理:请求错误时进行的处理import axios from 'axios'export default { name: 'axios3-4', created() { axios.interceptors.request.use(config=>{ return con.原创 2021-09-23 23:07:15 · 1259 阅读 · 0 评论 -
axios在vue中的使用-axios的拦截器
<template><div class="home"></div></template><script>// 拦截器:在请求或响应被处理前拦截它们// 请求拦截器,响应拦截器import axios from 'axios'export default { name: 'axios3-3', created() { // 请求拦截器 axios.interceptors.request.use.原创 2021-09-23 22:57:50 · 244 阅读 · 0 评论 -
axios在vue中的使用-axios参数配置
axios.create({ baseURL:'http://localhost:8080', // 请求的域名,基本地址 timeout:1000, // 请求超时时长(ms) url:'/data.json', //请求路径 method:'get,post,put,patch,delete', // 请求方法 headers:{ token:'' }, // 请求头 ..原创 2021-09-23 22:12:15 · 967 阅读 · 0 评论 -
axios在vue中的使用-并发请求all(),spread()
export default { name: 'axios2-3', created() { // axios.all() axios.spread() //并发请求:同时进行多个请求,并统一处理返回值 axios.all( [ axios.get('/data.json'), axios.get('/city.json') ] ).then( axios.spread(.原创 2021-09-23 21:28:25 · 289 阅读 · 0 评论 -
axios在vue中的使用-axios的特性
axios的特性:1.支持Promise API2.拦截请求和响应3.转换请求数据和响应数据4.取消请求 5.自动转换json数据 6.客户端支持防御XSRF攻击原创 2021-09-22 23:02:28 · 231 阅读 · 0 评论