• 等级
  • 176729 访问
  • 111 原创
  • 8 转发
  • 20735 排名
  • 33 评论
  • 89 获赞

Vue项目build打包之后,背景图路径错误问题解决方式

在vue项目中,npmrunbuild之后,得到的项目输出文件部署到服务器之后,图片无法找到,发现是图片路径不对。处理和修改方式如下:index.js中修改//在index.js中assetsPublicPath:'./',bulid文件下,utils中修改//ExtractCSSwhenthatoptionisspecified//(which...

2019-04-25 11:21:17

小程序登录机制的剖析

在分析小程序登录机制之前,需要明确几个问题:1.微信小程序是什么2.微信公众平台、微信开放平台以及商户平台的区别3.微信openid与unionid的区别4.小程序unionid的机制1.小程序是什么官方给出的解释是:小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。官方的解释过于含蓄,通俗点来说,...

2019-02-24 11:58:30

mac如何安装tomcat并部署vue项目

1.安装tomcat官网下载tomcat,download目录下,下载对应的tomcat资源文件,下载zip或者tar.gz文件在资源库文件夹下,新建文件夹Tomcat并将下载的文件拷贝至该文件夹下修改项目文件的读写权限,在tomcat文件夹下打开终端,并执行 sudochmod755/apache-tomcat-9.0.16/bin/*.sh 输入电脑密码...

2019-02-19 11:29:35

git提交代码到线上库的详细步骤

在我们使用github作为我们代码管理仓库时,我们需要利用git提交我们的代码到线上仓库,具体提交的方式方法如下:(备注:提交的方式方法不尽相同,但是博主建议按如下方式提交)1.gitstash目的是,缓存本地的修改,避免代码同步时候代码丢失2.gitpull  (或者gitpull分支)拉取线上代码,与线上仓库保证代码的同步,并解决拉取代码时可能存在的代码冲突3....

2019-02-06 21:19:07

mac上如何将python2.7修改为python3

mac会默认安装python,默认python的版本为python2.7。但通常我们在使用python的时候会应用python3,如何将我们默认的python环境变量修改为python3?1)打开终端输入 python-V 可查看mac当前python的版本 //显示为python2.7.xx2)用brew升级python brewupgradepython3)修...

2018-12-12 10:22:31

微信小程序开发如何选择获取unionid方案

在微信小程序开发过程中,我们通常有获取用户unionid的需求。首先,何为unionid?对于这个问题,举个例子,在微信授权的各个登陆应用中,能区分用户唯一的标识就是微信授权用户的unionid。这一点有点类似于用户的微信号,是唯一的。对于如何获取用户的unionid 官方文档给了四种方式(当前时间2018/12/03):UnionID获取途径绑定了开发者帐号的小程序,可以通过下面...

2018-12-03 17:37:15

微信小程序中如何有效的修改app.js中全局变量的值,并能在页面中进行动态响应

在微信小程序开发的过程中,博主一度被app.js中全局变量的设置,以及在page中重新赋值,却未在项目中所有page中动态响应这一问题困扰了很久。博主把本人遇到的问题叙述一下:博主的错误示例app.jsApp({data:{globaldata:1,//用于测试的全局变量}})page中:constapp=getApp()...

2018-11-22 09:34:36

微信小程序点击事件传递参数的方法

小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下:wxml:<viewbindtap="passQuery"data-index="1">点击事件传参</view>js中:passQuery:function(e){//传递的参数...

2018-11-13 13:49:50

手机端h5页面利用rem进行适配的有效方案

关于H5页面的适配方案,有很多很多,各种方法有各种方法的优势。在博主做项目的实际开发过程中,常用的方案是利用rem进行适配。具体的适配原理如下:需要明确的一点,各种浏览器对字体默认的大小为16px.通常UI设计师给到前端开发的设计稿是以iphone6手机大小设计的,前端开发时也是参照iphone页面显示效果进行开发。在开发的前期我们需要对浏览器默认字体的大小进行修改。使得,在页面上设置...

2018-10-11 17:28:34

vue项目中富文本编辑器vue-quill-editor的使用

前端开发过程中,会遇到在页面上加入富文本编辑器,在vue项目中开发遇到这一需求的时候,我们可以使用富文本编辑器vue-quill-editor,话不多说,先上一张效果图:1)安装vue-quill-editor依赖npminstallvue-quill-editor--save2)入口文件main.js中引入//引入富文本编辑器importVueQu...

2018-09-30 15:07:24

vue中对数组值变化的监听与重新响应渲染的方法

在我们项目开发过程中,实例中的数据类型可以是对象、数组等。在对象中,某个属性值发生更改时,我们可以通过对象的深度监听,以达到重新渲染页面的需求。或者查阅博主的文章 https://blog.csdn.net/weixin_37861326/article/details/81034231;例如:<script>exportdefault{data(){...

2018-09-29 10:32:10

图示vscode修改缩进为2个空格

此外可以对settings.json文件做出修改亦可。图示如下:

2018-09-26 12:37:28

vue状态管理vuex使用之项目中如何合理引入vuex

在前端开发过程中,状态的管理是一件很令人头疼的事情。尤其是在项目中,涉及同一状态的组件越多,在组件状态管理上,通过父子组件之间通信来更新状态将变的复杂。Vue项目开发过程中,借助vuex进行状态管理将极大的减轻我们在开发过程中对于组件状态的维护。vuex:vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可...

2018-09-26 11:29:35

margin与padding值设置为百分数时,其值的计算参照最近父级元素width

在前端开发过程中,设置样式参数margin与padding值为百分数时,其具体值的计算方法需参照最近父级的width计算。1)exp1:margin-top为百分数其中标签的嵌套关系为:<divclass="boxparent">父级box<divclass="listbox">子box</d...

2018-09-21 14:55:16

Vue项目中如何使用Echarts 及Echarts中echarts-liquidfill水晶球插件

在博主的前述的一篇文章当中,有写到如何在vue项目引入Echarts插件,Echarts插件的应用方法可参考博主之前的文章。在本文中,博主将结合实际开发过程中的操作,介绍一下如何引入echarts-liquidfill插件,并使用它。echarts-liquidfill在github上的链接是https://github.com/ecomfe/echarts-liquidfill,上面有详述插件的...

2018-09-12 14:17:27

如何修改input输入框placeholder文字颜色

开发过程中在使用input、textarea标签placeholder作为提示性文字时,往往文字颜色达不到我们的预期效果,因此需要对placeholder属性提示文字默认颜色进行修改,修改的过程也很简单添加样式即可。input::-webkit-input-placeholder{color:#dadada;}input::-moz-placeholder{...

2018-09-06 11:15:14

vue项目中路由不匹配或者路径错误,添加默认404页面的方法

在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白。然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即notfound页面。处理方法如下,在router中添加方法:router.beforeEach((to,from,next)=>{if(to.matched.length===0){//匹配前往的路由不存在...

2018-09-04 14:50:27

react引入router提示,The prop `history` is marked as required in `Router`, but its value is `undefined`

关于react项目中,按照下述方式,在引入路由Router、Route、Link时:import{Router,Route,Link}from'react-router'运行出现下述错误Theprop`history`ismarkedasrequiredin`Router`,butitsvalueis`undefined`.inRouter...

2018-09-02 19:06:49

关于react中使用browser.js转译JSX的操作方法,并附react.js,react-dom.js,browser.js文件下载链接

在初学react这个框架时,可采用在文件中引入react.js,react-dom.js,browser.js库来编写代码。JSX在React中是一种非常常见的写法,具体JSX的解释很难说的清楚,但通常可以理解为JavaScriptXML或者是JavaScriptSyntaxeXtension(JavaScript语法扩展的缩写)。在项目中使用JSX技术时,我们需要用babel进行转译,...

2018-09-01 16:00:10

react.js、react-dom.js、browser.js文件包下载(github链接)

React.js与React-dom.js版本号均为V0.14.7,链接:github: https://github.com/Path2017/react_files/tree/master/react-packages用法示例:<!DOCTYPEhtml><htmllang="en"><head><metacharset...

2018-08-30 17:39:23

酷酷小七

一场渐行渐远的旅途。
关注
  • 计算机软件/web前端
  • 中国 上海 浦东新区
奖章
  • Github
  • 持之以恒