自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 H5新特性

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

2020-12-25 22:22:56 408

原创 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 112

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

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

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

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

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

2020-12-05 15:26:40 1988

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

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

2020-12-03 19:20:15 202

原创 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 363

原创 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 150

原创 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 224

原创 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 511 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 210

原创 JS~小练习

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

2020-12-15 18:18:14 163

原创 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 556

原创 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 542

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

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

2020-12-08 22:29:38 188

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

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

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

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

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

2020-12-03 15:48:46 473

原创 Angular(渲染及管道)

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

2020-11-30 20:55:53 336

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

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

2020-11-27 22:21:26 348

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除