描述
微信小程序开发 days1 关注点:文件结构,jso...

2020-11-26 5k 174 前端 | Hcuan

微信小程序 小程序的文件结构 + WXML ---> HTML + WXCC ---> CSS + javaScript + JSON > 相较于传统WEB三剑客,微信小程序是四层结构,多了一层 配置.json ​ 基本的项目目录的介绍...
描述
小程序开发学习笔记 days2。 关注点:view,...

2020-11-27 6k 160 前端 | Hcuan

样式 WXSS 尺寸单位 rpx, 可以根据屏幕宽度自适应。 > 规定屏幕宽度为 750rpx。如iphone6屏幕宽度为 375px, 共有750个物理像素则:`750rpx = 375px = 750物理像素 ---> 1rpx = 0.5px = 1物理像素` 小程序中不需要进行样式文件引入(link),wxml会自动引入同名样式文件。...
描述
小程序学习笔记 days3。 关注点:生命周期,自定义组件

2020-11-28 3k 118 前端 | Hcuan

自定义组件 开发工具上。选中目录:右键 新建 components,快速生成小程序目录单个组件目录结构. (注意组件名首字母要大写? 在 相应json文件下声明此目录为组件。 ```json // json { "component": true, // 引入其他组件 "usingComponents": { "Tabs":...
描述
小程序学习笔记 days4。 关注点:scroll...

2020-11-30 3k 186 前端 | Hcuan

scroll-view 可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。 **属性** + `scroll-x` 允许横向滚动,默认 false + `scroll-y` 允许竖向滚动, 默认 false + `scroll-top/left` 设置竖向/横向 滚动条位置 +...
描述
css3 选择器,背景定义(定位), 盒子定位,弹性布...

2020-12-31 8k 126 前端 | Hcuan

选择器 [...详细](https://houdunren.gitee.io/note/css/2%20%E9%80%89%E6%8B%A9%E5%99%A8.html) 关系选择器 + `main h1` 后代选择器 + `main>h1` 子级选择器 + `main~h1` 兄弟选择器 + `main+h1` 相邻选择器 +...
描述
CSS3 帧动画 介绍

2021-01-03 3k 87 前端 | Hcuan

第一个帧动画 整体结构演示,限于篇幅,后续不再放出这么完整的代码了 ```css .body { background: f6f6f6; width: 90vw; height: 80vh; margin: 5px auto; display: flex; justify-content: center; align-items:...
描述
css3 变形与透视“动画”, 通过变形透视可以制作平...

2021-01-03 3k 103 前端 | Hcuan

+ `transition: 1s;` 控制元素变化时的过度时间, 需要定义在被变化的元素自身 + `transform: translateX(-80px);` 控制元素向x轴相对**自身本来位置**x轴移动指定距离。 + `transform-origin: left -20%; -300px` 控制元素移动(缩放,旋转...)的基准点(x,...
描述
CSS3 媒体查询,通过在不同的屏幕或设备范围内定义样...

2021-01-03 0k 83 前端 | Hcuan

设备查询 + `media="screen only,print"` 在style, link标签中使用,指定样式作用范围为 屏幕设备,打印机设备。默认值为 all + `@import url(test.css) only screen;` 在css文件中通过导入的方式,控制引入样式文件的作用范围 + `media only screen...
描述
1,来一场与Vue的美妙邂逅吧。 主要内容:Vue指令

2021-01-14 10k 211 前端 | Hcuan

[TOC] 第一个Vue实例 ```html {{ message }} {{ msg }} {{ food }} const app = new Vue({ el: "app", // 绑定挂载点, 其内部的变量(可以同名)都将可以在 data 里面调用 data: { message: "hello cs" msg: '' //...
描述
2. Vue的组件化 父子组件,插槽

2021-01-16 12k 191 前端 | Hcuan

[TOC] Vue 的组件化思想: + 它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。 + 任何的应用都会被抽象成一颗组件树。...
描述
3 js模块化开发

2021-01-19 1k 265 前端 | Hcuan

js模块化开发 为什么要有模块化 通常会将代码组织在多个js文件中,进行维护, 但是这种维护方式,依然不能避免一些灾难性的问题: + 这种代码的编写方式js文件的依赖顺序几乎是强制性的 + 全局变量同名 > ES6以前 可以使用匿名函数(`var Module = (function(){return dataObj})...
描述
5 手动配置适合Vue的webpack

2021-01-19 3k 327 前端 | Hcuan

配置自己的webpack于Vue > 如果你不想手动设置 webpack,我们推荐使用 Vue CLI 直接创建一个项目的脚手架。通过 Vue CLI 创建的项目会针对多数常见的开发需求进行预先配置,做到开箱即用。 > 如果 Vue CLI 提供的内建没有满足你的需求,或者你乐于从零开始创建你自己的 webpack...
描述
4 Webpack

2021-01-21 9k 160 前端 | Hcuan

[TOC] Webpack 是什么 + 从本质上来讲, webpack是一个现代的 javaScript应用的静态 **模块** **打包**工具。 [模块](https://hcuan.top/article/read?aid=32): + 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。 +...
描述
6 Vue CLI

2021-01-25 3k 228 前端 | Hcuan

[TOC] 了解 [Vue CLI](https://cli.vuejs.org/zh/guide/) > Vue CLI 直接创建一个项目的脚手架。通过 Vue CLI创建的项目会针对多数常见的开发需求进行预先配置,做到开箱即用。 为什么要使用vuecli + 使用...
描述
7 vue-router 前端路由

2021-01-27 9k 172 前端 | Hcuan

[TOC] 认识路由 > 路由( routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。--维基百科 路由器提供了两种机制:路由和转送 + 路由是决定数据包从来源到目的地的路径。 + 转送将输入端的数据转移到合适的输出端 路由中有一个非常重要的概念叫路由表 + 路由表本质上就是一个映射表, 决定了数据包的指向 ...
描述
8 VueX状态管理,网络请求封装 axios

2021-01-29 13k 213 前端 | Hcuan

[TOC] Promise Promise是异步编程的种解决方案。 那什么时候会来处理异步事件呢?一种很常见的场景应该就是网络请求了 1. 我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。 2. 所以往往我们会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回调出去。 3....
描述
9 事件总线,混入,插件,Polyfill(补丁),图片懒加载

2021-01-31 7k 176 前端 | Hcuan

> 一个最低实践的商城项目,触及到的一些东西 事件总线 > 当需要跨过多个组件外加父子层级去传递参数时,如 子 -> 父 -> 父 -> 子 .. 。按照父子组件通信的方式未免有些太过笨拙,此时 事件总线很好解决了这个问题。一个地方发出的事件,在程序的范围内都能被监听到。 创建一个事件总线非常简单,只需要 将 Vue这个类添加一个...
描述
11 更多,应该了解一下的一些东西。

2021-02-05 1k 101 前端 | Hcuan

ui组件库 vue el-ementui > 个人使用时局部导入Carousel,封装到组件后后再导出一直失败. 只能直接导入并使用。 并不想使用它。 饿了么前端团队开发的桌面端组件库 mint-ui 饿了么前端团队开发的移动端组件库, 也。 > [现阶段应该使用什么 Vue 的 UI 框架?...
描述
1. 初始UniApp

2021-03-11 11k 172 前端 | Hcuan

[TOC] UniApp是什么 `uni-app` 是一个使用 [Vue.js](https://vuejs.org/) 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 > 不清楚与...
描述
2 更多

2021-04-12 6k 110 前端 | Hcuan

[TOC] 开始 ```vue .page { width: 100%; height: 100%; background-color: fdfdfd; position: absolute; } ``` > tips: 一个视图(页面)本身就被包裹在 uni-app 框架定义的容器内,所以布局时不需要使用 100vh > uni-app...

2020-11 By Hchuan.

flask & bootstrap-flask

© 2021 HChuan. All rights reserved.

随机占位图来自:fghrsh

互联网ICP备案号:蜀ICP备2020031846号