随笔分类 - Project-WebFnd
Front-End
摘要：Tutor: https://www.udemy.com/course/wordpress-elementor-build-a-membership-website/learn/lecture/44974875#overview Author: https://rickywallace.co.uk/
阅读全文
摘要：useEffect Ref: Hook - 副作用来了 useEffect [...] 当里面的变量变化时，成功触发 useEffect()? 感觉 ”多此一举“。 import React, { useEffect, useState } from 'react'; const [FLG1, se
阅读全文
摘要：Continue ... Ref: Next.js 产品级的 React 框架 - 中文开发入门教学 - 编写静态页面属性 getStaticProps 为了爬虫，所以这么写。 import Head from 'next/head' export default function Home(pro
阅读全文
摘要：Next.js 产品级的 React 框架 - 中文开发入门教学 这里先了解下是个神马东西～ 与 [React] Review 的不同在于，这个重在实践～ 安装过程 官网 https://nextjs.org/docs/getting-started 操作步骤 安装 Node.js https://
阅读全文
摘要：React.js 中文开发入门教学 + Next.js 为这次的重点～ 建立简单的工程 关于 Html 部分 Create # Init. (react-learning) jeffrey@JeffreyH:~/.../web$ node -v v14.18.2 # Node 自带npm 模块，所以
阅读全文
摘要：课程学习：https://www.udemy.com/course/vuejs-google-maps-api-for-beginners/learn/lecture/17820124#overview 此乃实践笔记。 Note 1 小结一 Ref: https://wpstorelocator.c
阅读全文
摘要：前情回顾 Bitbucket方式，需要配置aws key这些个。直接在aws codepipeline如何？ Ref: https://bitbucket.org/bitbucketpipelines/workspace/projects/TAT [bitbucket提供的模板] image: at
阅读全文
摘要：Amazon Cognito 一、Cognito 标签 # 可能先需要 amplify init amplify push 安装库、包 $ sudo npm install aws-am
阅读全文
摘要：搭建好项目框架代码后，就是完善细节：route & layouts。 Ref: Vuetify - Vuejs UI Design ,Login app Modern - Sign In, Sign Up with Transition, Web Design 路由基础 一、固定套路 新建项目 $
阅读全文
摘要：Ref: [AWS] Amazon Cognito 最终的目的是：Vue结合Cognito，搞一个简单的登录功能。 跟着教程，一步一步来，构建完整的网页开发。 构建CI/CD 废话颇多印度口音：Getting started with vuejs + aws-amplify 一、准备项目和Ampli
阅读全文
摘要：总结01-09，并提供一些 code sample。将弱点列出来，逐个击破！ 基础课程：vue.js 十一天课程 VUE入门加实战 一、Code Sample 演示：https://tigerchain.github.io/vue-lesson/ 代码：https://github.com/Tige
阅读全文
摘要：Case: Canvas and Router 一、效果图 侧边栏效果。 代码下载：https://github.com/jiaopi404/my-canvas 二、demo-001 子模块 执行动画 window.requestAnimationFrame(this.draw) 对canvas做具
阅读全文
摘要：解决不同组件间的数据共享，数据持久化。 https://www.bilibili.com/video/BV1zt411e7fp?p=29 过去是，父子组件通信：[Vue] 04 - Parameter Passing 兄弟组件间的数据共享。 local storage, session storag
阅读全文
摘要：一、大纲 Mint UI - Mobile UI elements for Vue.js Ref: http://mint-ui.github.io/#!/en FOR PC Ref: https://element.eleme.io/#/zh-CN 本篇章适合实战！ /* implement */
阅读全文
摘要：Vue风格的路由 Hash 路由配置 一、安装 vue-router Ref: https://router.vuejs.org/zh/installation.html 二、准备组件 子组件一。 <template> <!-- 所有的内容要被根节点包含起来 --> <div id="home">
阅读全文
摘要：前后端分离，其实也就是关于前后端沟通的问题。 前端请求数据的模板 (1) vue-resource 官方提供的 vue的一个插件 (2) axios (3) fetch-jsonp vue-resource 一、引入vue-resource Ref: https://github.com/pagek
阅读全文
摘要：点击进入下一个界面：父组件传参到子组件 一、导入主页面 App.vue 调用主组件 v-home。（没啥重难点） <template> <div id="app"> <v-home></v-home> </div> </template> <script> import Home from './c
阅读全文
摘要：组件示范 一、创建game-item标记 组件的属性是：game，那么该属性必然要在自定义标记中去定义。 二、运行效果 该组件的作用就是：配合 list 打印出列表数据。 组件化 一、主模板 代码 v-home，v-news的组件定义在其他文件中，这里只是组装下。 <template> <div i
阅读全文
摘要：实践出真知 实现 todolist 算是上一章节的综合复习。 MVVM模型：这里当list变化时，两个列表的显示同步变更。 知识点 button 事件：keydown --> 函数($event) v-for 与 v-if 的配合使用：循环，加过滤。 <template> <div id="app"
阅读全文
摘要：开始学习 一、资源整理 资源与概念： PDF: <Vue前端开发 快速开发与专业应用> 组件化、数据绑定。 MVVM模型： MVC，MVP 和 MVVM 的图示 作者： 阮一峰 基础教程： vue教程_2019年vue视频教程 7小时学会Vue+Vuex+MintUi+ElementUi入门实战视频
阅读全文
