Practice!

因为是自学，打包部署上线这个过程异常艰难，记录一下。一开始尝试serverless，但npm没显示二维码登录，跳转到网站后又要求AWS账号，执行sls又报错就放弃了。转到http://free.3v.do/，申请了个100M的空间，传了个Jq写的小页面，成功。把全部vue文件放上去，打开网页后空白。网上查了得npm run build生成Dist文件，生成后dist-index.html又是...

<!-- 顶部图 --> <div id="toppicture"> <img class="img1" :src="toppicture.coverImgUrl" alt=""> <div class="imgDescri">{{toppicture.name}}</div> <di...

用axios的时候请求数据出现错误：The ‘Access-Control-Allow-Origin’ header has a value ‘http://www.yemengs.cn’说跨域了，解决方法： <meta http-equiv="Access-Control-Allow-Origin" content="*">...

template必须包裹根元素axios一定要用箭头函数vuex中子组件加方法要在computed中加！每个项目都要npm install vue-router --save 和npm install vuex --save 5. vuex的store.js中要写export const storedata一定要是个functiondata(){ return { ...

一开始项目都放在basic这个文件夹下面在github建仓库的时候，不知道为什么把basic这个文件夹替换掉了，点进去就是仓库在github上能看到这些文件，但是网页版没有同步更新文件。本地文件也丢了。暂时没有找到解决方法，解决了再来更新。...

import axios from 'axios'Vue.prototype.$ajax = axios;得到具体哪一条信息created(){ this.$ajax.get('http://jsonplaceholder.typicode.com/posts/'+this.id).then(resp=>{ // console.log(resp.data)...

<input type="text" v-model="search" placeholder="输入搜索内容"> <div v-for="item in filterdMsgs" class="oneMsg"> <h3>{{item.head}}</h3> <!-- 在main.js设置了自定义过滤，让...

代码 <label for="">职业</label><br> <select v-model="msg.job"> <option v-for="item in jobs"> {{item}} </option> ...

GitHub：总结出来的注意点可以分多个Js文件，放不同分类的代码，这样写的时候更清晰。模块化一点点把需求分析出来，实现各部分的内容。逻辑错误，因此达不到预期效果，建议先梳理好逻辑，什么逻辑实现什么功能，再打代码语法错误，比如Math.floor(x)不能忘记打Math.拼写错误，比如变量名拼错或者写成其他的变量可以在写了一段代码后就测试效果，比如给出固定的数组 利用alert或者其...

利用htnl5和css3的新特性，可以更方便地实现一些效果。移到图片上，图片变淡之前是使用jq的fadeTo来完成，现在可以用伪元素来完成。伪元素::before为加在父类的内容前的内容，必须有content属性。在使用:hover的时候，看好要有变化的主体是什么，是谁在变化，是元素呢，还是元素的伪元素，还是内部的子元素？HTML<div id="pic"><img ...

本期实现以下6种效果：实现对话框移到图片上，图片变淡，下方形容图片的文字弹出两列自适应实现验证码表单实现钱币和花形状实现一条弧线1.实现对话框HTML代码注意应该写<div><div></div></div>，而不是<div></div><div></div>。这样在设相对绝对关系...

前端学习进度：html+css+JavaScript+jquery初级，下一阶段是html5和css3。下面为利用所学知识能够实现的一些效果的整理。本篇实现前6种效果，全部效果拼成一个搜索主页。全部的目录：同一行最左边和最右边各有文字移到文本框上，默认文字消失，反之出现自动均分元素实现图表点击按钮显示图表，再点一次隐藏实现“关于我们 | 联系我们 | 版权声明”的排版滚动条拉到一定高...