随笔分类 - 前端编程知识
摘要：要求数组中字母排在汉字前面。同时全汉字排在最后面 // 判断字符串是否全是中文 function isAllChinese(str) { return /^[\u4E00-\u9FA5]+$/.test(str) } // 判断字符是否为中文 function isChinese(char) { r
阅读全文
摘要：单一的字符串数组 var arr=["Kobe","James","Jordan","Curry","器官23"]; arr.sort(function(a,b){ return (a+'').localeCompare(b+'');}); alert(arr); 对象数组： var arr=[{i
阅读全文
摘要：flex-grow用于设置flex元素放大比例。默认是0，也就是不放大。 flex-shrinnk设置flex元素缩小比例。默认是1，为0的时候不进行缩放。 flex-basis可以自定义缩放到多大。 例如 flex-basis:300upx;
阅读全文
摘要：order属性可以让flex中的元素进行顺序排列，默认是0，按照flex中所有元素声明的order进行排列 比如在依次声明的view的css中声明 .red { background-color: red; order:3; } .green { background-color: green; o
阅读全文
摘要：默认情况下，容器中的元素是拉伸的状态。 也就是说，容器中声明的view元素在不添加高度的情况下会和容器的高度保持一致。 默认 align-items:stretch； 所有元素和容器等高 当容器中声明的元素高度不一致的时候，就要声明元素在交叉轴上的对齐方式了 1.flex-start 表示元素向上或
阅读全文
摘要：使用justify-content来定义元素的对齐方式。 1.flex-start 默认元素在主轴上面左对齐 或者 向上对齐(设置flex-direction为column) 2.flex-end 默认右对齐 或者 向下对齐 3.center 居中 4.space-between 在元素与元素中间添
阅读全文
摘要：在页面上声明 <style> @import url("flex.css") </style> 这里使用了@import url用法 如果css文件和vue页面在同一个目录下面，可以和上面一样的写法 注意： 1.style可以在页面中存在多个 2.页面中的样式会优先导入的css样式，假如页面中声明了
阅读全文
摘要：条件编译可以使得我们在不同应用环境显示不同的信息。 使用方法是在view/js/css中使用注释。声明ifdef 比如在view中 <view> <!-- #ifdef H5--> <view> 只在H5编译 </view> <!-- #endif --> <!-- #ifdef APP-PLUS-
阅读全文
摘要：v-for中key可以使组件中的数据绑定唯一。 比如以下实例 <view> <view v-for="(stu,index) in stuArray" :key="stu.id"> <view> <checkbox value="false"/> {{"姓名:"+stu.name+",年龄:"+st
阅读全文
摘要：存在以下变量 data() { return { stuArray:[ {name:"张三",age:12,skills:["Java","C#","Python"]}, {name:"李四",age:13,skills:["Sing","Dance","Rap","Basketball"]}, {
阅读全文
摘要：在Uni-app中，v-if 支持以下类型 假如存在以下变量 data(){ return{ isShow:true, sex:2 } } 1.bool类型的变量 <view v-if="isShow" style="width:300upx;height:300upx"> 显示 </view> <
阅读全文
摘要：用法： <view v-if="isShow" style="width:300upx;height:300upx"> 看得见1号 </view> <view v-else style="width:300upx;height:300upx"> 看不见 </view> <view v-show="i
阅读全文
摘要：在标签上使用v-on可以监控事件。比如v-on:click可以监听标签的点击事件。简写成@click 常见的点击事件 <input @focus="focus" @blur="blur" @confirm="confirm" @click="click" @tap="tap" @longpress=
阅读全文
摘要：mustache表达式不能在标签中使用，那么标签中想要动态绑定变量怎么办？ 使用v-bind 比如： data() { return { url:"../HelloWord/HelloWord", } }, 页面上 <navigator v-bind:url="url"> 进入页面 </naviga
阅读全文
摘要：mustache表达式有两层大括号组成 {{}} 使用mustache表达式，我们可以直接使用data()里面声明的变量的值。 比如 data() { return { title: '阿杜的处子秀', Adu:{ Age:18 }, Skills:["Sing","Dance","Rap","Pl
阅读全文
摘要：一般的前端尺寸单位是px，它固定大小不变，不适用于应用场景。 那么引入upx，他可以随着屏幕大小变化而变化。 默认屏幕宽度为750upx（微信小程序中为750rpx）。 假如有一块手机屏幕大小为375px，则存在375px=750upx。 所以此时存在 1upx=0.5px。 比如在页面中声明 <v
阅读全文
摘要：首先保证自带的index.vue在pages.json里面处于第一的位置，默认其为主页。 新建HelloWorld.vue并添加其后。 在主页的View标签里面添加： <navigator url="../HelloWord/HelloWord"> 进入页面 </navigator> 点击这个区域就
阅读全文
摘要：【应用生命周期】 Uni-App支持的应用生命周期函数如下： 【onLanch】 初始化完成时触发 【onShow】启动，或从后台进入前台 【onHide】从前台进入后台 【onUniNViewMessage】对nvue页面发送数据进行监听 【onError】报错时触发 【onPageNotFoun
阅读全文
摘要：新创建Uni-app项目的时候 会出现下图目录： pages文件夹也就是放置页面文件的地方。初始页面对应的就是index.vue。 下面是新创建的HelloWorld页面。 所有的路由都配置在pages.json里面 { "pages": [ //pages数组中第一项表示应用启动页，参考：http
阅读全文
摘要：template中： <template> <view class="content"> <image class="logo" src="/static/logo.png"></image> <view class="text-area"> <text class="title">{{title}
阅读全文
浙公网安备 33010602011771号