vue2
文章平均质量分 74
新手学习vue2
Rashu99
记录学习的番茄派
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
项目开发(5)
详情页导航栏和内容对应点击导航栏滚动到对应的位置原创 2021-04-18 23:19:25 · 264 阅读 · 0 评论 -
项目开发(4)
详情页在goodsItem里 加上@click=“itemClick”在route文件夹index.js里和之前写的一样 复制粘贴path component这样 点击图片时就会跳转到新的页面详情页 之前views只有四个 新增一个Detail.vue使用push可以点击浏览器back 回到首页...原创 2021-04-15 23:38:27 · 203 阅读 · 0 评论 -
项目开发(3)
使用better-scroll 进行滚动时 是根据scrollerHeight属性决定的scrollerHeight属性是根据content 中子组件的高度但是在计算scrollerHeight属性时没有计算图片的高度所以计算出来一开始是1300+ 是错误的后来图片加载完了有了新的高度 但是scrollerHeight属性没有更新所以滚动出现了问题所以需要图片加载完就执行一次scroll里的refresh()刷新每张图片都加载完成那怎么监听图片是否加载完成原生的js监听图片 img.οn原创 2021-04-13 23:19:07 · 674 阅读 · 3 评论 -
项目开发(2)
首页开发Featurefeature 特征其实是一张图片上下滚动时 要保证 “购物街” 也就是 nav-bar 固定不动 一直显示在最上方还有个问题 图片被遮住了直接在home离给个padding-bottom 40px 就好了原创 2021-04-04 02:00:04 · 240 阅读 · 0 评论 -
连续抛硬币,出现【反反正】你赢,出现【正反反】我赢
假设一天抛10000次,连续抛十天可以看到我的钱 始终比你的多说明【正反反】的概率比【反反正】大一是因为前两次正反比反反更容易出现,因为有人做过实验,最后统计出来正面出现的概率确实是反面大二是因为要想出现【反反正】之前一定会出现【正反反】比如 正反反反反正 正正反反正三是计算概率如果只抛三次 那么概率是一样的 1/8 每次都是二分之一的三次方但是抛很多次的话只要出现【反反】 如果下一次是反就一直抛硬币 直到出现正 你赢游戏才结束 然后重新开始反过来说 只要不出现【反反】 .原创 2021-04-02 18:56:46 · 5783 阅读 · 0 评论 -
vscode安装git以及项目开发(1)
下载git链接next完后打开vscode,文件->首选项->设置->用户配置加上git安装路径下的Git文件夹下的cmd的git.exe原创 2021-03-30 21:46:10 · 776 阅读 · 0 评论 -
PS把图片变透明做logo
Adobe Photoshop 2020左上角点击选择 选择 色彩范围颜色容差改为200 点击一下图片 然后ctrl+shift+I 反选 后 按 delete导出为png图片wps打开图片 选择右下角修改尺寸175*56 左右的图片原创 2021-03-19 22:11:35 · 805 阅读 · 0 评论 -
promise
书接上文 tabbar原创 2021-03-11 11:18:41 · 260 阅读 · 2 评论 -
tabbar 首页/分类/购物车/我的 组件开发
创建项目vue init webpack tabbar创建css文件 公共的导入css文件@import 路径没提示解决办法"@": "${workspaceRoot}/src"创建jsconfig.json{ "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": "./.原创 2021-03-09 22:58:08 · 1327 阅读 · 0 评论 -
vue-router (2)
生命周期函数导航守卫动态修改document.title网页标题是通过 title 来显示的 但是SPA只有一个固定的HTML切换不同的页面时 标题不会改变可以在每一个路由对应的.vue文件中 通过mounted声明周期函数 但是这样不好维护更好的方法使用导航守卫beforeEach的三个参数to from nextafterEach的三个参数to from路由独享守卫在路由配置上组件内守卫keep-alive保留状态 避免重新渲染Home.vue里的生命周原创 2021-03-08 18:09:17 · 235 阅读 · 0 评论 -
vue-router
阶段后端路由由服务器渲染好页面 传给前端显示缺点是整个页面的模块都是后端写跟维护的,而且如果前端开发人员要开发,要用php和Java写代码,同时HTML与数据结合在一起很混乱前后端分离后端只负责提供数据 通过API返回数据前端写js代码在浏览器渲染单页面富应用SPA在前后端分离的基础上加了一层前端路由前端来维护一套路由规则改变URL 但是页面不刷新HTML5的historylocation.hash = 'aaa' 修改URL history.pushState原创 2021-03-06 23:55:24 · 260 阅读 · 0 评论 -
Vue Cli脚手架
command-line interface 命令行界面 俗称脚手架Vue Cli是一个官方发布vue.js项目脚手架使用Vue Cli 可以快速搭建vue开发环境以及对应的webpack配置使用vue.js 开发大型应用时,需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试前提 安装node 和 webpack (已经装好了)如果觉得npm install 慢 可以用cnpm 是淘宝镜像npm install -g cnpm --registry=https://registr原创 2021-03-06 12:46:50 · 190 阅读 · 0 评论 -
webpack之plugin
loader 和 plugin 区别loader 加载 转换某些类型的模块plugin 插件 对webpack本身的扩展添加版权声明的plugin原创 2021-03-02 16:44:29 · 203 阅读 · 0 评论 -
webpack配置vue(2)
webpack配置vue安装vue npm install vue --save在main.js里 导入vue 创建vue实例3. 在webpack.config.js里加上 alias 别名 意思是以vue结尾的 去找vue下的dist下的vue.esm.js vue目录是刚才装在node包里如果不写这个 就会报错意思是runtime-only 这个版本 代码中不能有任何的template 虽然没有定义< template > 但是 挂载的app 相当于 vu原创 2021-02-28 23:33:00 · 338 阅读 · 0 评论 -
webpack的安装、配置(1)
webpack的安装安装node.js https://www.runoob.com/nodejs/nodejs-install-setup.html 自带软件包管理工具npm查看node版本 node -v全局安装webpack npm install webpack@3.6.0 -g 3.6.0版本因为vue cli 2 依赖此版本局部安装 cd 对应目录 npm install webpack --save-dev --save-dev 是开发时依赖 项目打包后不再继续使用在终端直接原创 2021-02-27 15:56:13 · 205 阅读 · 0 评论 -
前端学习/ Day1/HTTP简单易懂/GET POST/HTTP特性/HTTP与HTTPS/HTTP版本演变/加解密数字签名数字证书
How Does The Internet Work ?假设有十台电脑 每个电脑有9个插口那么需要45根网线太麻烦如果把这些电脑都连到一台路由器上那么只需要10根网线如果要连接成百上千台电脑那就需要路由器连路由器有点接近互联网了在家里我们会发现有根线接了进来电话????电话也是一种网络为了连接这种网络需要调制解调器就是 modem可以把网络信息变成modem可以处理的信息反之亦然所以我们可以 modem 连 modem为了把信息从我们的网络发到我们想要到达的地方需要把网原创 2020-11-27 15:41:03 · 515 阅读 · 0 评论
分享