米兔吖0122-优快云博客

原创 H5新特性

H5新特性 1.语义化标签标签描述 header 定义了文档的头部区域 section 定义文档中的节（section、区段） footer 定义了文档的尾部区域 nav 定义文档的导航 aside 定义页面的侧边栏内容 article 定义页面独立的内容区域 2.增强型表单 input 的 type 描述 color 主要用于选取颜色 date 从一个日期选择器选择一个日期 datetime 选择一个日期（UTC时间） email 包

2020-12-25 22:22:56 503

原创 React 的状态值

State状态值微信小程序中的 data 和 setData() 就是模仿的 React 的状态值机制. React中: • state: 保存的值可以显示到页面上 • setState: 配合此方法, 更新数据同时可以更新UI // 状态值 state //快捷命令，输入 rcc回车一下可以出现空白模板： import React, { Component } from "react"; export default class App extends Component { // state

2020-12-08 21:37:22 217

原创小程序的生命周期及页面跳转方式

1.小程序的生命周期小程序的生命周期由小程序的生命周期和页面的生命周期来构成。 1.1 小程序的生命周期小程序的生命周期存储在app.js中。 App函数用于注册小程序，接收object类型的参数，在其中可以指定小程序的生命周期回调、全局变量等。 App({…}) onLaunch()函数 onLaunch()函数在小程序初始化完成时自动触发，全局只触发一次，其语法结构是： App({ onLaunch(){ //... } }) 可以在onLaunch()函数内完成用户是否登录的检测以及获取用

2020-12-05 16:28:14 724 1

原创微信小程序尺寸单位及其组件说明

1.WXSS WXSS(Weixin Style Sheets)，是一套样式语言，用于描述WXML的组件样式。 WXSS具备CSS的大部分特性，但其进行扩展： · 尺寸单位 · 样式导入 1.1 尺寸单位 rpx(Response Pixel)，响应式像素，可以根据屏幕宽度进行自适应，规定屏幕宽度为750rpx。设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度) iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rp

2020-12-05 15:26:40 2212

原创 “ionic ui“之循环滚动实例(段子)

循环滚动 <ion-app> <ion-header> <ion-toolbar> <ion-title>段子</ion-title> </ion-toolbar> </ion-header> <ion-content *ngIf="duanzi">  <!-- 配置: https://www.s

2020-12-03 19:20:15 308

原创 Angular-ionicUI-简单组件入手

ionic 项目启动命令: ionic s 组件库: https://ionicframework.com/docs/components 按钮组件 https://ionicframework.com/docs/api/button  <ion-app> <ion-header> <ion-toolbar> <ion-title>Button按钮</ion-title>

2020-12-02 21:12:07 497

原创 JS~冒泡排序

练习一：使用数组遍历，将一组数字按照从小到大的顺序排列 [5,7,8,6,3]–>[3,5,6,7,8] var arr=[5,7,8,6,3]; //5个数字，比较4轮，循环的轮数比元素个数少1个 //外层循环：控制循环的轮数 for(var i=1;i<arr.length;i++){ //i 长度 //1 5 4 //2 5 3 //3 5 2 //4 5 1 //每一轮比较的次数=长度-i /

2020-12-15 21:51:30 229

原创 JS~数组遍历

由[80,73,76,90]–>经翻转后形成[90,76,73,80]，具体如果实现代码如下： var arr=[80,73,76,90]; //准备一个空数组，用于存放倒着找到的每个元素 var arr2=[]; //遍历数组 for(var i=0;i<arr.length;i++){ //i 长度 //0 4 3 //1 4 2 //2 4 1 //3 4 0 //对应元素的下标=数组的长度-i-1 //console

2020-12-15 21:19:17 332

原创 JS~斐波那契数列

斐波那契数列 1 1 2 3 5 8 13 21… 第1项和第2项固定都是1，从第3项开始每项的值是前两项相加的和，求第八项的值为多少？解决方法一： function fib(n){ //第1项和第二项的值都为1 var n1=1,n2=1; //如果要求第n项的，只需要让n1和n2不断的往后挪动 //挪动结束后，n2的值就是所求项的值 //每次挪动从3开始，表示循环从3开始 for(var i=3;i<=n;i++){ //挪动的原理：n1的

2020-12-15 20:49:22 681 2

原创 js_basic小练习

练习1：创建对象保存一个员工的入职时间2020/5/18,假设合同期为3年，计算出合同到期时间，年份在当前基础之上加3，最后打印出入职时间和到期时间两个对象的本地字符串格式 d1为入职时间，d2为到期时间，d3为续签时间 var d1=new Date('2020/5/18'); //复制一份入职时间，作为到期时间 //var d=r; //拷贝d对象 var d2=new Date(d1); //3年后：年份在当前基础之上加3 //自动获取年份，然后加3：把结果作为到期的年份 d2.setFullYea

2020-12-15 20:05:03 292

原创 JS~小练习

将一句英文中所有单词首字母大写，其余字母小写 ‘whAT aRe yOU doING’ -> ‘What Are You Doing’ 字符串转数组，遍历数组，得到每个单词以下呢，我们用两种方法来实现：首先，方法一：所涉及的知识点如下： split( ) 按照指定的字符切割字符串为数组 charAt() 通过下标来找对应的字符，也可以使用数组的方式字符串[下标] slice(start, end) 截取字符串，start开始的下标，end结束的下标，不包含end，如果end为空截取

2020-12-15 18:18:14 275

原创 node.js~创建目录并删除

3秒以后一次性创建10个目录，命名为1,2,3…;紧接着在10秒钟以后再移除这10个目录声明变量，用于记录次数引入文件系统模块 const fs=require('fs'); 这里需要引入文件模块，然后再编译代码即可运行 //声明变量，用于记录次数 setTimeout(()=>{ //3秒以后执行 //创建1~10个目录 for(let i=1;i<=10;i++){ //console.log(i); //i作为目录名称 fs.mkdirSyn

2020-12-15 17:50:18 648

原创 node js~双色球案例

案例一：完成双色球案例，将获取的随机值放入到数组中，红球在1~33之间随机取6个，不能重复详细步骤如下： let arr=[]; //循环产生1~33之间所有的整数，然后把他们放入数组arr中 for(let i=1;i<=33;i++){ arr.push(i); } //console.log(arr); let arr2=[]; //随机取6个，循环6次，然后取到放到一个新数组 for(let i=0;i<6;i++){ //获取随机下标 0~32 //0~1 * 33(数

2020-12-15 17:00:23 786

原创 React（条件、列表渲染）及其生命周期

条件渲染下面用成绩等级和游戏段位来实际来操作举例一下，以便于理解 //vue中：用v-if //angular中:用 ngIf // 条件渲染: if // rcc import React, { Component } from "react"; export default class App extends Component { state = { score: 60 }; // 条件渲染: 依赖原生的if判断 -- 制作函数根据不同条件返回不同的 JSX // 非事件触发:

2020-12-08 22:29:38 277

原创微信小程序文件构成及属性

1.小程序的文件构成小程序(MiniProgram)在不分包的情况下最大2MB(是所有小程序内所以资源(包括图片、音频、视频等)的字节数)；在分包的情况下最大20MB 小程序代码由以下文件类型构成： .json文件 .json文件是静态配置信息文件 app.json，全局配置信息文件 page.json，页面配置信息文件，页面配置优于全局配置。 .wxml文件 .wxml文件在小程序开发中充当HTML角色，.wxml文件用于实现微信页面的结构。 .wxml文件中不能使用任何的HTML标签，只能使用小程

2020-12-04 22:04:23 1549 2

原创前端解决跨域之代理服务器的方法

前端解决跨域之代理服务器的方法常用共三种: 服务端解决: cors–—实际开发最常用前端解决: 代码proxy ––开发时常用, 如果发布成产品不会使用! 前端+后端共同解决: jsonp ––原理是 script 不会被同源策略影响, 很少用. angular的 proxy 解决方案 •创建 src/proxy.conf.json •配置: 让启动时自动加载代理文件 •启动时的替换原理: •重新启动: ionic s 即可这篇文章对你有帮助吗？作为一名程序猿，在评论区留下你的困惑或你的

2020-12-03 15:48:46 579

原创 Angular(渲染及管道)

Angular 使用时, 需要安装脚手架, 利用脚手架生成项目包; 然后编写代码. 生成命令: ng new ngpro 用法: • 双标签的内容: {{ 变量 }} • 属性: [属性名]=“值” 或属性名="{{ 值 }}" • 事件: (事件名)=“方法名()” • 双向数据绑定: [(ngModel)]=" 变量 " – 注意: 默认不加载Form模块, 必须手动加载且加载后必须重启命令行才能生效! • 组件的使用: – 1个组件由3个文件组成: html css ts – 主文件为: t

2020-11-30 20:55:53 505

原创安装angular脚手架-格式化工具-启动项目

安装脚手架 1. 先确保npm是中国镜像以及 node版本node尽量是最新版本: 至少>=10.9下载地址: http://nodejs.cn/download/node -v 3. 检查npm镜像是否为中国镜像重装 node都会重置镜像 4. 查看当前镜像 npm config get registry 5.设置为淘宝镜像 npm config set registry http://registry.npm.taobao.org/ 安装angular脚手架安装过程中, 可能有询问. 直

2020-11-27 22:21:26 487

happy_1212的博客