if.else.Z

原创 uniapp中使用iconfont多色图标

1、iconfont下载图标2、安装iconfont-toolsnpm install -g iconfont-tools3、powershell执行命令1. 以管理员身份运行PowerShell2. 执行：get-ExecutionPolicy，收到Restricted，表示状态是禁止的3.执行：set-ExecutionPolicy RemoteSigned4.选择Y注意：一定要以管理员的身份运行PowerShell，不是cmd窗口！4、引用&l

原创 uni-app 学习笔记

html标签和uni-app内置组件的映射表：div 改成view span、font 改成text a 改成navigator img 改成image input仅仅是输入框。 原html规范中input不仅是输入框，还有radio、checkbox、时间、日期、文件选择功能。在uni-app和小程序规范中，input仅仅是输入框。其他功能uni-app有单独的组件或API：radio组件、checkbox组件、时间选择、日期选择、图片选择、视频选择、多媒体文件选择(含图片视频)、通...

原创 uni-app 组件

规范所有组件与属性名都是小写，单词之间以连字符-连接。 根节点为<template>，这个<template>下只能且必须有一个根<view>组件 共同属性类型：id、class、style、hidden、data-*、@* 基础组件分为八大类：视图容器：view、scroll-view 、swiper 基础内容：icon、text 、rich-text、progress 表单组件：button、form、input、checkbox、ridio...

原创 uniapp-【progress】

属性名 类型 默认值 说明 平台差异说明 percent Float 无 百分比0~100 show-info Boolean false 在进度条右侧显示百分比 border-radius number/string 0 圆角大小 app-nvue、微信基础库2.3.1+、QQ小程序 font-size number/string 16 右侧百分比字体大小 app..

原创 uniapp-【rich-text】

rich-text 组件内屏蔽所有节点的事件。所以如果内容中有链接、图片需要点击，则不能使用rich-text，此时可在uni-app插件市场搜索parse插件使用。app-nvue的rich-text组件支持链接图片点击 name 属性大小写不敏感 img 标签仅支持网络图片 如果在自定义组件中使用 rich-text 组件，那么仅自定义组件的 css 样式对 rich-text 中的 class 生效。nodes 属性推荐使用 Array 类型，由于组件会将 String 类型转换为 Array

原创 uniapp-【text】

在app-nvue下，只有<text>才能包裹文本内容。无法在<view>组件包裹文本decode 可以解析的有&nbsp;&lt;&gt;&amp;&apos;&ensp;&emsp;<text>组件内只支持嵌套<text>支持\n方式换行如果使用<span>组件编译时会被转换为<text>除了文本节点以外的其他节点都无法长按选中...

原创 uniapp-【icon】

属性名 类型 默认值 说明 type String icon的类型 size Number 23 icon的大小，单位px color Color icon的颜色，同css的color <view class="item" v-for="(value,index) in iconType" :key="index"> <icon :type="value" size="26"/&...

原创 uniapp-组件规范

easycom、uni_module、datacom、原生组件、uniCloud组件 easycom： 只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。 不管components目录下安装了多少组件，easycom打包后会自动剔除没有使用的组件，对组件库的使用尤为友好 easycom是自动开启的，不需要手动开启 在组件名完全一致的情况下，easycom引入的优

原创 vue-css【scoped css】和 【css module】

<style>标签可以有scoped或者module属性对于样式全局化问题，解决方案可以有：CSS Modules、scoped css、CSS预处理器(Sass/Less等)CSS Modules：https://blog.youkuaiyun.com/weixin_44869002/article/details/105806021当<style>标签有scoped属性时,它通过使用 PostCSS 来实现以下转换：<style scoped>...

原创 uniapp-【cover-view】【cover-image】

属性名 类型 默认值 说明 平台差异说明 scroll-top number/string 设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效 微信小程序2.1.0

原创 uniapp-【movable-area】【movable-view】

movable-area指代可拖动的范围，在其中内嵌movable-view组件用于指示可拖动的区域 即手指/鼠标按住movable-view拖动或双指缩放，但拖不出movable-area规定的范围 movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动 movable-view 必须设置width和height属性，不设置默认为10px movable-view 默认为绝对定位，top和left属性为0px 当movable-view小于movable

原创 uniapp-【match-media】

例如在match-media组件中放置一个侧边栏，媒体查询规则设置为宽屏才显示，就可以实现在PC宽屏显示该侧边栏，而在手机窄屏中不显示侧边栏的效果属性名 类型 默认值 必填 说明 min-width number 否 页面最小宽度（ px 为单位） max-width number 否 页面最大宽度（ px 为单位） width number 否 页面宽度（ px 为单位） min...

原创 uniapp-【swiper】

属性名 类型 默认值 说明 平台差异说明 indicator-dots Boolean false 是否显示面板指示点 indicator-color Color rgba(0, 0, 0, .3) 指示点颜色 indicator-active-color Color #000000 当前选中的指示点颜色 autoplay Boolean false 是否自动切换 ...

原创 uniapp-【scroll-view】

属性名 类型 默认值 说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时（单位px），触发 scrolltolower 事件 scr

原创 uniapp-【view】

<view class="uni-flex uni-row"> <view class="flex-item">A</view> <view class="flex-item">B</view> <view class="flex-item">C</view></view>.flex-item {width: 33.3%;}<view class="uni-flex uni-...

原创 优秀网站设计

用来提高审美https://www.jq22.com/yanshi18906https://www.jq22.com/yanshi23553https://www.jq22.com/yanshi22486https://www.jq22.com/yanshi17425https://www.jq22.com/yanshi23386https://www.jq22.com/yanshi18091https://www.jq22.com/yanshi23573https://www.jq22.

原创 图片转换成base64格式的优缺点

一、图片转换成base64格式的优缺点1. 优点（1）base64格式的图片是文本格式，占用内存小，转换后的大小比例大概为1/3，降低了资源服务器的消耗；（2）网页中使用base64格式的图片时，不用再请求服务器调用图片资源，减少了服务器访问次数。2. 缺点（1）base64格式的文本内容较多，存储在数据库中增大了数据库服务器的压力；（2）网页加载图片虽然不用访问服务器了，但因为base64格式的内容太多，所以加载网页的速度会降低，可能会影响用户的体验。（3）base64无法缓存

原创 git 回退历史版本并以此版本新建分支

git checkout -b 新分支名 commitIdgit checkout -b V1.3.0 a4e1c4326aec56cbbd874a697e5b7a6eca79a0d4执行后如何push到服务器如何查找commitId

原创 基于git的代码管理规划和环境部署

方案一：方案二：

原创 vue按需加载

//没有按需加载component: () => import(/* webpackChunkName: "home" */ '@views/index/Home.vue')//有按需加载component:resolve => require([/* webpackChunkName: "home" */ '@views/index/Home.vue'],resolve)

原创 uniapp 引用 vant weapp 使用usingcomponents方式

"usingComponents": { "van-button": "/wxcomponents/vant/button/index", "van-cell": "/wxcomponents/vant/cell/index", "van-cell-group": "/wxcomponents/vant/cell-group/index", "van-icon": "/wxcomponents/vant/icon/index", "van-image": "/wxcompo.

原创 uniapp+vant weapp 引用所有组件后报错

报错：[Vue warn]: Do not use built-in or reserved HTML elements as component id: header原因："van-calendar": "/wxcomponents/vant/calendar/index"vue 组件名称(name 属性) 与 HTML5 标签名称冲突，注意 vue 组件命名不要与已有标签一致即可解决：将calendar中header组件改为vanheader...

原创 HbuilderX 调用 微信开发者工具报错

设置->安全设置->服务端口要打开

原创 uniapp 使用 vant-weapp 编译微信小程序报错

1、问题：uniapp 使用 vant-weapp运行在chrome中完全没问题，但是运行到小程序就编译报错，原因是因为不能用easycom方式引用组件，要用usingComponents的方式报错：Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):(Emitted value instead of an instanc.

原创 uniapp中引用vant weapp 使用easycom

1、通过npm install 方式引入 npm i @vant/weapp -S --production"easycom": { "autoscan": true, "custom": { "van-(.*)": "@/node_modules/@vant/weapp/dist/$1/index.vue" }}2、通过复制黏贴到wxcomponents方式引入"easycom": { "autoscan": true, "custom":.

原创 uniapp结合vant weapp使用，编译时报错

1、问题描述：uniapp结合vant weapp使用，编译时报错：(36:193) Unclosed bracket解决方式：dist/icon/index.wxss 和 icon/index.vue 中的url前面要加空格2、问题描述：uniapp结合vant weapp使用，编译时报错：TypeError: Cannot read property 'split' of undefined解决方式：dist/common/version.js 中return compareVersio

原创 uni-app学习入门-生命周期

目录应用生命周期页面生命周期组件生命周期应用生命周期函数名 说明 onLaunch 当uni-app初始化完成时触发（全局只触发一次） onShow 当uni-app启动，或从后台进入前台显示 onHide 当uni-app从前台进入后台 onError 当uni-app报错时触发 onUniNViewMessage 对nvue页面发送的数据进行监听 onUnhandledRejection 对未处理的 ...

原创 uni-app学习入门-框架总结

pages.json 全局配置，页面路由、窗口样式、原生导航栏、底部原生tabbar 配置项globalStyle：默认页面窗口表现 pages：设置页面路径及窗口表现 easycom：组件自动引入规则 tabBar：设置底部tab表现 condition：启动模式配置 subPackages：分包加载配置 preloadRule：分包预下载规则 --小程序 workers：worker代码放置目录--小程序 leftWindow：大屏左侧窗口--H5 to...

原创 执行计划

什么是执行计划所谓执行计划，顾名思义，就是对一个查询任务，做出一份怎样去完成任务的详细方案。举个生活中的例子，我从珠海要去英国，我可以选择先去香港然后转机，也可以先去北京转机，或者去广州也可以。但是到底怎样去英国划算，也就是我的费用最少，这是一件值得考究的事情。同样对于查询而言，我们提交的SQL仅仅是描述出了我们的目的地是英国，但至于怎么去，通常我们的SQL中是没有给出提示信息的，是由数据

原创 oracle常用函数

一、substr函数substr(字符串,截取开始位置,截取长度) //返回截取的字substr('Hello World',0,1) //返回结果为 'H'  *从字符串第一个字符开始截取长度为1的字符串substr('Hello World',1,1) //返回结果为 'H'  *0和1都是表示截取的开始位置为第一个字符substr('Hello World',2,4) //返

原创 使用数据泵，进行数据导入导出

1、数据导出(导出scott.emp)  结果：d:\mydir下导出两个文件exp_scott_emp.dmp和exp_scott_emp.log(1)、    以sys/changoninstall@ORCL连接(2)、    新建目录：d:\mydir(3)、    创建目录对象：create   directory   mydir as   'd:\mydir'

原创 oracle11g服务

原创 oracle默认的用户名和密码

scott 密码是 tigersys 密码是 change_on_installsystem 密码是 managersysman 密码是 oem_temp（下划线不用输入）其中直接管理模式可以为sysdba的为后面三个，要是集群的话再去掉system。

转载 oracle autotrace

一、启用Autotrace功能。任何以SQL*PLUS连接的session都可以用Autotrace,不过还是要做一些设置的，否则可能报错。1、报错示例：SQL :> set autotrace on;SP2-0613: Unable to verify PLAN_TABLE format or existenceSP2-0611: Error enabling EXPLAIN

原创 demobld脚本（创建oracle示例脚本）

---- Copyright (c) Oracle Corporation 1988, 2000. All Rights Reserved.---- NAME-- demobld.sql---- DESCRIPTION-- This script creates the SQL*Plus demonstration tables in the-- cu

原创 三大范式

码就是指主键非主属性是指除了主键以外的属性 学生选课表（学生，课程，教材，老师姓名+老师职称，教室，上课时间）（学生，课程）－>教室（学生，课程）－>老师姓名+老师职称         －>主键是（学生，课程）（学生，课程）－>教材（学生，课程）－>上课时间  第一范式（1NF）：属性不可分。学生选课表（学生，课程，教材，老师姓名+老师职称，教室，上课时

原创 perl学习笔记

例：简单的perl程序#!/usr/bin/perlprint“Hello,word!\n”; #！后表示pel的存放路径在Perl 中，注释由#开始，直到本行结束,Perl 中没有“块注释” perl语言中的一些特殊字符的意义1。“－>"是插入式解引用操作符，它是调用由引用传递参数的子程序的方法2。”＝>"是逗号的代替号3。“::"相当于c语言的点，好比C

原创 Linux chmod命令

文件/目录权限设置命令：chmod这是Linux系统管理员最常用到的命令之一，它用于改变文件或目录的访问权限。该命令有两种用法：用包含字母和操作符表达式的文字设定法其语法格式为：chmod[who] [opt] [mode]文件/目录名其中who表示对象，是以下字母中的一个或组合：u：表示文件所有者g：表示同组用户o：表示其它用户a：表示所有用户

原创 代理服务器

代理服务器英文全称是Proxy Server，其功能就是代理网络用户去取得网络信息。形象的说：它是网络信息的中转站。在一般情况下，我们使用网络浏览器直接去连接其他Internet站点取得网络信息时，须送出Request信号来得到回答，然后对方再把信息以bit方式传送回来。代理服务器是介于浏览器和Web服务器之间的一台服务器，有了它之后，浏览器不是直接到Web服务器去取回网页而是向代理服务器发出请求

原创 网关

网关（Gateway）就是一个网络连接到另一个网络的“关口”。在Internet网中，网关是一种连接内部网与Internet上其它网的中间设备，也称“路由器”。网关地址是可以理解为内部网与Internet网信息传输的通道地址。按照不同的分类标准，网关也有很多种。TCP/IP协议里的网关是最常用的，在这里我们所讲的“网关”均指TCP/IP协议下的网关。    那么网关到底是什么呢？网关实质上