- 博客(32)
- 资源 (1)
- 收藏
- 关注
原创 【Docker】前端基于dockerfiel构建镜像部署,实现在容器启动时传递环境变量, 请求不同服务地址
docker-compose 容器启动时传递环境变量,请求不同服务地址
2024-02-24 15:30:55
1387
原创 js实现编辑粘贴及input输入框禁止粘贴
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-11-03 18:31:17
1447
原创 文字悬浮于图片上方
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-10-31 21:40:39
1441
1
原创 js获取页面参数
var locationHref = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');var locationHrefObject = {};locationHref.forEach(function (val) { var parameter = val.slice(0,...
2019-10-27 11:59:37
2423
原创 jq轮播图插件(面向对象)
1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-10-09 20:48:05
303
原创 让div固定于屏幕底部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-10-08 21:28:48
2013
原创 jq轮播图
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-10-07 10:41:35
163
原创 vuex学习笔记
1.本地安装: npm i vuex --save2.执行npm run dev 启动项目3.在项目的src目录下新建一个目录store,在该目录下新建一个index.js文件,用来创建vuex实例.首先在该文件中引入vue和vuex,创建Vuex.Store实例保存到变量store中,然后使用export default导出store:4.在main.js文件中引入该文件,再在vue实例...
2019-09-15 11:49:33
197
原创 axios学习笔记
import axios from 'axios';//axios是一个基于promise的HTTP库,可以用于浏览器和node.js//特性: 支持Promise API; 拦截请求和响应; 转换请求数据和响应数据// 取消请求; 自动转换JSON数据; 客户端支持防御XSRF// get: 获取数据// post: 提交数据(新增,表...
2019-09-14 19:07:00
297
原创 异步组件定义
How to define an async component that will be automatically code-split by webpack解决:使用import异步导入组件, 延迟加载
2019-09-13 16:53:18
173
原创 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined"
分析:异步请求获得的数据是一个对象,对象中又有数组,直接在子组件中使用数组时需要使用v-if进行判断数据类型如下:{"error":0,"data":{"name":"粥品香坊","description":"蜂鸟专送","deliverytime":38,"score":4.2,"serviceScore":4.1,"foodScore":4.3,"supports":[{"type":0...
2019-09-13 12:38:24
458
原创 axios--get请求方法封装
1.安装axios(dependence,需要随着项目打包)npm i axios --save2.在src目录下新建文件夹api,新建文件helpers.js,对其方法进行封装3.在文件夹api,新建文件index.js将方法导入,使用导出4. 设置api路径别名webpack.base.conf.js文件配置alias:5.使用...
2019-09-13 12:16:16
1262
原创 使用箭头函数,Eslint报错Expression statement is not assignment or call
vue项目解决:在<script>标签中添加type类型即可<script type="text/ecmascript-6">
2019-09-13 11:35:02
20646
原创 路由切换添加激活样式
路由切换,给被点击的tab添加样式步骤一: 编写class.active { color: red; font-size: 20px;}步骤二: 在路由里面设置const router = new VueRouter({ routes, linkActiveClass: 'active'});当被点击激活的时候就会被加上active这个class...
2019-09-12 22:58:48
381
原创 css编写性能优化技巧
1.将影响布局的样式写在前面如:display, position等2.然后是触发重绘的,不可被继承的如: 宽width, 高height3.最后是可被继承的,重绘并且重排如:字体font-size, 颜色color...
2019-09-12 21:59:30
240
原创 a标签点击,范围失效问题
html:<div class='content'> <a href="#">点击</a></div>style:.content { width: 100px; height: 100px; border: 1px solid red;}此时点击a标签,可以触发点击事件;但是点击div内, a标签外,则不能触发点击事件若...
2019-09-12 21:49:15
750
原创 alias--路径别名的设置,简写路径
webpack.base.conf.js文件配置alias:文件中直接使用简写保存文件后,需要重新运行项目
2019-09-12 21:40:29
1424
原创 css初始化: reset.css
在static下创建css文件夹,添加reset.css文件参考:1.Eric Meyer’s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset)2.http://cssreset.com在index.html文件中,用标签引入reset.css<Link rel="stylesheet" type="text/c...
2019-09-11 18:01:56
460
转载 在VSCode中添加.vue文件模版
步骤一:在VSCode中安装插件: Vetur步骤二:Code–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定步骤三:清空文件中原有代码步骤四:粘贴自定义的.vue模版<!-- --><template><div class=''></div></template>&...
2019-09-11 14:33:14
2256
原创 vue-cli2创建的项目,build文件夹下没有dev-server.js文件,如何配置mock数据
原因:最新版本的vue-cli已经放弃dev-server.js,需要在webpack.dev.conf.js配置解决:webpack.dev.conf.js配置如下:步骤一:在const portfinder = require(‘portfinder’)后添加:const express = require(‘express’)const app = express()var ...
2019-09-11 10:56:04
580
转载 vue-cli3热更新失效
问题:vue-cli3搭建项目之后,修改文件保存后,页面不会自动刷新。解决:在vue.config.js文件中添加如下配置:
2019-09-10 12:59:31
2606
2
原创 vue-cli3创建的项目, npm install 报错
问题:vue-cli3创建的项目, npm install 报错解决:运行命令:sudo chown -R moyanying(your userName) /Users/moyanying(your userName)/.config
2019-09-10 10:26:26
507
转载 vue-cli3创建的项目设置自动打开浏览器
问题:Vue-cli 3.0创建的vue项目不能自动打开浏览器解决:步骤一: 在根目录下创建一个vue.config.js的文件内容:module.exports = {// baseUrl type:{string} default:’/’// 将部署应用程序的基本URL// 将部署应用程序的基本URL。// 默认情况下,Vue CLI假设您的应用程序将部署在域的根目录下。...
2019-09-10 10:16:16
4472
原创 vue-cli脚手架创建项目(vue init webpack xxx)的时候报错
问题:用vue-cli脚手架创建项目(vue init webpack xxx)的时候报错:vue-cli · Failed to download repo vuejs-templates/webpack: EPERM: operation not permitted, utime ‘/Users/userName/.vue-templates/webpack/.circleci’解决:查...
2019-09-10 08:49:13
688
vue-cli.jpeg
2019-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人