
前端
流浪的的鱼
这个作者很懒,什么都没留下…
展开
-
使用nginx反向代理实现vue项目打包部署上线
在开发完成vue项目的时候,面临的问题就是打包部署。打包很简单,只需要执行npm run build命令即可。但是部署的时候需要使用nginx做反向代理,因为开发的时候我们使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题。使用nginx反向代理根据前面写到的下载安装nginx服务器配置nginx server { li...转载 2019-12-16 16:42:50 · 1138 阅读 · 0 评论 -
css3动画(从上、左下、左、右进入页面)
/*动画-start*/.animated { animation-duration: 1.5s !important; -webkit-animation-duration: 1.5s !important; animation-fill-mode: both !important; -webkit-animation-fill-mode: both !imp...原创 2019-11-01 10:56:36 · 7246 阅读 · 1 评论 -
nuxt第三方插件(px2rem,mint-ui,swiper,video,百度统计)
安装px2rem首先下载flexible.js可加载阿里的cdn文件 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js将下载好的文件放到static也就是静态资源文件中1.安装:npm install --save postcss-px2rem2.在nuxt.cofig.js中在head上...原创 2019-10-23 14:53:31 · 3268 阅读 · 0 评论 -
vue及js常用方法(更新中)
原生js判断某个元素是否有指定的class名的几种方法var p = document.getElementsByTagName('p');for(var i = 0;i <p.length;i++){ //第一种方法,用classList这个H5 API,有兼容性问题 if(p[i].classList.contains('test')==true){ cons...原创 2019-10-17 14:57:39 · 693 阅读 · 0 评论 -
js、jq实现滚动监听页面到顶部的距离
js:window.onscroll = function () { //获取距离页面顶部的距离 let toTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(toTop); //div距离顶部的距离 console.log(document...原创 2019-08-29 10:11:26 · 4291 阅读 · 0 评论 -
Vue推荐VSCode开发必备的插件
首先这几个是VSCode推荐Vue开发必备的插件Vetur —— 语法高亮、智能感知、Emmet等 EsLint —— 语法纠错 view in browser —— 如何用浏览器预览运行html文件 Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个) Auto Close Tag —— 自动闭合HTML/X...原创 2019-09-03 10:22:11 · 3621 阅读 · 0 评论 -
Nuxt 部署(源代码去掉css,window.__NUXT__数据,图片base64,端口)
1. 本地打包npm run build2.打包后,将以下文件上传至服务器.nuxtstaticnuxt.config.jspackage.json3.在服务器上安装相应依赖cd nuxtSSRnpm install4.Nginx配置代理服务# 新建一个nuxtserver服务upstream nuxtserver{ server 127.0...原创 2019-10-10 11:10:54 · 2633 阅读 · 0 评论 -
在Vue中使用Animate.css库
地址:https://daneden.github.io/animate.css/下载:npm install animate.css --save在入口文件引用import animate from 'animate.css'Attention Seekers 注意力寻求者(9个)样式 简介 bounce 弹跳 flash 闪 pul...原创 2019-08-29 09:28:15 · 284 阅读 · 0 评论 -
使用vuex的state状态对象的5种方式
vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jsconst state = {headerBgOpacity:0,loginStatus:0,count:66}export default state/...转载 2019-08-23 13:40:32 · 490 阅读 · 0 评论 -
vue-$event事件
原创 2019-08-22 16:56:10 · 1501 阅读 · 0 评论 -
JS跳转到第三方地图APP
最近的一个项目需求中需要让我们的手机网页跳到第三方地图APP进行导航,开发完之后进行一下整理归纳。整理思路是根据不同地图APP来进行。并分为IOS端和Android端。地图跳转的核心思路是通过URL来调起,不同的APP有着自己的scheme和参数,通过构建URL再使用window.location方法即可跳转到相关APP。 高德地图:高德开放平台地址:https://lbs.am...转载 2019-01-10 15:30:56 · 3009 阅读 · 0 评论 -
less新手入门(一) 变量、extend扩展
一、变量1.使用 @ 符号来定义变量 ,在Less中开头是 @ 则是变量@variable: 200px; //定义变量作为样式属性值使用@classname: .nav_a; //变量值不可用中划线,此变量作为插值用于选择器名称@{classname}{ //作为插值 必须加 {} width: @variable; //作为属性值直接调用}输出:.nav_a { ...转载 2019-08-24 09:30:30 · 459 阅读 · 0 评论 -
js 字符串 数组
字符串:charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() 连接两个或更多字符串,并返回新的字符串。 fromCharCode() 将 Unicode 编码转为字符。 indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。 includes() ...原创 2019-08-24 12:51:18 · 195 阅读 · 0 评论 -
VUE常用插件库总结
一、UI组件及框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- ...转载 2019-08-21 15:50:51 · 562 阅读 · 0 评论 -
在Vue中使用js-cookie
原创 2019-08-22 16:48:10 · 3304 阅读 · 0 评论 -
js数组与字符串的相互转换方法
原创 2019-08-22 16:50:52 · 130 阅读 · 0 评论 -
js添加和删除class
原创 2019-08-22 16:52:32 · 1964 阅读 · 0 评论 -
VUE:this.$route 和 this.$router区别
原创 2019-08-22 16:55:12 · 234 阅读 · 0 评论 -
利用百度地图接口,制作一键导航功能
百度地图标点功能调用该接口可调起PC或web地图,且在指定坐标点上显示点的名称和内容信息服务地址http://api.map.baidu.com/marker //PC&WebApp服务地址参数说明location lat<纬度>,lng<经度> title 标注点显示标题content 标注点显...原创 2018-11-30 10:24:43 · 4441 阅读 · 0 评论