![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Artoria-Pendragon
这个作者很懒,什么都没留下…
展开
-
遇到问题或一些小功能(二)
本地开启http-serverhttps://www.cnblogs.com/nolaaaaa/p/9126385.html原创 2019-12-23 17:40:11 · 169 阅读 · 0 评论 -
vue中使用高德地图
1.首先在官网申请密钥:https://lbs.amap.com申请密钥在index.html中引用js文件,在头部引入3.在 webpack.config.js 配置文件中配置AMapentry: {app: ‘./src/main.js’},externals:{“AMap”: “AMap”,}4.在引用地图的组件中创建一个容器,定义容器的宽高.map{ ...转载 2019-12-04 17:55:34 · 616 阅读 · 0 评论 -
项目中遇到的bug或技术难点(持续更新中)
1,在页面布局中,使用img图片设置宽高为父元素100%,会出现有默认空隙问题。解决:1:给img标签添加float:left2:给img添加display:black原创 2019-10-16 11:23:33 · 3890 阅读 · 0 评论 -
git 基本指令
创建git:git init绑定用户名与邮箱: git config --global user.name “your name”git config --global user.email “your email”关联远程仓库: git remote add mosowe git@***********.git查看当前分支: git branch删除分支: git branch -d ...转载 2019-10-10 20:01:54 · 119 阅读 · 0 评论 -
vue二级路由(小白可看)
1,首先实现点击页面显示不同的内容 我们可以使用router-link to=""来完成跳转重点是跳转地址和路由的配置代码如下跳转图标可以Element,或其他插件router-link 中的to 是你所要跳转的地址通常需要加/这个不能缺少,而后面的main就是你所在的页面,就是你跳转的页面需要放在哪个页面上,实现点击切换内容的位置路由中的配置(重点)为了防止...原创 2019-09-23 19:40:06 · 1071 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == “{}”);alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}return ...转载 2019-09-20 16:24:21 · 237 阅读 · 2 评论 -
css3新特性
1,伪元素选择器E::first-letter文本的第一个单词或字(如中文、日文、韩文等)E::first-line 文本第一行;E::selection 可改变选中文本的样式;E::before和E::after在E元素内部的开始位置和结束位创建一个元素,该元素为行内元素,且必须要结合content属性使用。2,CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即...原创 2019-09-20 15:11:00 · 138 阅读 · 0 评论 -
防止页面未登陆用于路由跳转判断
对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)。导航守卫(navigation-guards)这个名字。文档地址:https://router.vuejs.org/zh-cn/advanced/navigation-guards.html全局守卫可以使用router.beforeEach注册一个全局...转载 2019-09-18 17:05:16 · 208 阅读 · 0 评论 -
创建vue项目和常见的一些问题
使用webpack搭建项目1,使用vue init webpack 你的项目名称2,当创建好项目时cd… 项目名称 进入你的项目3,这时候如果你的项目需要一些插件,比如axios,swiper,等等可以直接使用npm install 名称来安装4,这时你可以使用npm start 或者 vue run dev 来运行你的项目5,当你的项目运行时有时会报错这个时候是你安装的插件有问...原创 2019-09-18 16:59:03 · 232 阅读 · 0 评论 -
使用vue实现网上电影票购票选座
使用前需要引入全局样式,可以上网查一下下载引入具体布局如下1,做前需要先写一下json文件,根据json文件来布局和实现功能 json内容如下:{"code":200,"data":[[{"state":0,"isgood":false}, {"state":0,"isgood":false},{"state":3,"isgood":false}, ...原创 2019-09-18 16:55:14 · 14348 阅读 · 2 评论 -
vue封装api接口
1,本文使用axios请求,先在require中配置服务器请求拦截,并添加token,本文模拟token添加1111,域名使用的本地域名,需要自己配置一下。token可以使用cookie,放入cookie中获取添加当请求头中。import axios from 'axios'// 创建axios对象let service = axios.create({ baseURL: 'http:...原创 2019-09-18 16:18:10 · 3072 阅读 · 0 评论 -
vue使用refs完成input密码框明密文切换(简单版)
1,首先,先下载好自己需要的图片或图标,推荐使用阿里巴巴图标库,图标比较齐全。2,定义一个全局变量,示例: return { showpass:false,//明密文全局变量 };这里showpass需要用于点击切换使用3,html代码 <div @click="show"> <span class="...原创 2019-09-06 16:27:36 · 1471 阅读 · 0 评论 -
原生获取url地址栏参数
首先需要一个url地址,地址一般为http://或https://开头后面跟着域名,创建为172,127等等,本次试例使用本地地址127.0.0.1比如实例:var str='http://172.0.0.1:3000?name=xiaoming&age=nan&sex=12'这是一个普通的带参数的一个地址已?分隔后面跟着需要传递的参数1,获取参数需要先截取 func...原创 2019-08-20 21:28:37 · 280 阅读 · 0 评论 -
vue路由跳转动态title标题信息
:如上图先写路由如:随便模拟一条二级路由export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component:main, children:[ { path: '/', name: 'HelloWor...原创 2019-08-19 15:11:54 · 1373 阅读 · 0 评论 -
react通过组件实现星星评价(小白可看)
封装组件并传值可用propstype先定义一个组件使用export default 来抛出组件在主页面使用import 变量 from ‘地址’来引入直接在主页面调用定义名称,比如首字母按组件要求大写,可以小写,但不推荐然后在中直接加入传递的数据封装的Discuss组件使用this.props来获取组件传递过来的数据( 可以添加到this.state中)6.数据以及获取到了可...原创 2019-08-09 21:24:16 · 1387 阅读 · 0 评论 -
vue上传头像
vue上传头像关键获取file使用(e.target.files[0])let formdata=new FormData()formdata.append('headfile',file.files[0])let url="http://vueshop.glbuys.com/api/user/myinfo/formdatahead?token=1ec949a15fb709370f"axios({...原创 2019-08-02 09:08:13 · 471 阅读 · 0 评论