(转载)WechatApp技术笔记之列表下拉(四)
上一章我们从页面的实战开发角度讲解了前端代码编写的一些技巧,本章我们继续探讨小程序前端页面开发的技巧与应避开的大坑。(是的,我踩了一个很大的坑,到现在才发现)转载自NanDoDu的博客。
(划重点!划重点!划重点!)view 布局 说真的,对于初学者来说,view布局这一块在网上查来查去就是弹性盒子、flex、弹性盒子、flex……反复横跳,我昨天查了一晚上怎么让文字在图片的右侧靠右显示(前提是文字在图片上方),答案无一不是float、right、float、right……反复横跳。那么我就从实际应用的角度来介绍两个常用的view布局。
弹性盒子布局 因网上关于这个的资料太多,此处只说优点和缺点。
优点:
简单方便,快速对齐,快速布局
网上资料多,可借鉴代码多
缺点: ...
(转载)WechatApp开发笔记之UI(二)
说明 本章节将以一个具体的小程序界面为例,介绍前端页面开发的知识和技巧,前面几章讲过的内容将不再赘述。本文章转自NanDoDu。
绘制界面原型 在绘制界面原型之前,我们需要先以文档的形式,将页面功能点陈列出来,此处省略这一步骤,直接进入界面原型设计的讲解。
绘制工具 界面原型设计的工具因人而异,我采用的是Photoshop,特点就是麻烦,对,因为当时不知道墨刀之类的专业界面原型设计工具。
绘制要点(偏向于Ps)
界面原型设计力求一步到位(否则就可能像我一样,反反复复重写.wxss文件)
多参考好的界面设计,集大成
Ps一定要保存原有图层
Ps导出.png图片时,如果是对已有图案的修改,直接覆盖,避免同类图片冗余
大量的矢量图标都不需要自己绘制(这也是血的教训,自己画的图标又不标准又耗时),登录 https://www ...
Ant Design of Vue学习笔记(一)
前言 在自己的项目开发和学习过程中使用Vue是十分频繁的,所以就把学习的过程写在这里方便查看。另外,还是声明,最好的参考文档一定是官方的文档。下面给两个官方文档的连接,有什么问题可以到里面字寻找。Vue官方文档Ant Design of Vue官方文档
Form123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 ...
概率论常用公式(持续更新)
$\S$1第一章$\S$1.1条件概率P(B|A)=\frac{P(AB)}{P(A)} 扩展可得
P(\bigcup^{\infty}_{i=1} B_i|A)=\sum_{i=1}^{\infty} P(B_i|A)$\S$1.2全概率公式P(A)=P(A|B_1)P(B_1)+P(A|B_2)P(B_2)+···+P(A|B_n)P(B_n)$\S$1.3贝叶斯公式P(B_i|A)=\frac{P(B_iA)}{P(A)}=\frac{P(A|B_i)P(B_i)}{\sum\nolimits^n_{j=1}P(A|B_j)P(B_j)},j=1,2,···,3$\S$2第二章$\S$2.1伯努利实验 需要注意n重伯努利试验结果是二项分布。
$\S$2.2二项分布 记为 $X\sim b(n,p)$
P\{X=k\}=C_n^kp ...
WechatApp开发笔记之login界面(一)
说明 这篇文章不一定涵盖了所有我碰到的问题,只有高频的问题我才会进行记录,尽量保持持续更新吧,我尽力。但是要说的是不管怎么样官方的文档都是最终解释最有效的方法,么有找到的可以尝试到官方开发文档中进行寻找。
页面顶栏设置 在该页面的json文件中编辑属性,如下样式:
12345{ "navigationBarTitleText":"授权登录", //顶栏标题 "navigationBarBackgroundColor":"#fff", //顶栏背景色 "navigationBarTextStyle":"black" //顶栏文字颜色}
Loading时的背景颜色 触发on ...
Packet Tracer两PC单向发送icmp报文实验
前言 本实验希望通过packet-tracer模拟器实现两个PC之间的单向发送icmp报文,提供两种方法。
实验文件 基于Packet-Tracer5.2,已经完成了下述的两种方法的拓扑,右边的是方法一,左边的是方法二。可以下载查看拓扑文件。
实验准备原理解释 何为单向发送icmp报文,即一个PC向另一个PC能够成功的发送icmp报文但是另一个PC由于无法向发送端回应所以ping是不可能能通的,所以应该得到的反馈是两边都不能ping通但是两边的报错是不一样的,我的实验结果是一边是host unreachable而另一边是timeout。
终端IP分配表
设备
IP地址
网关地址
PC0
192.168.1.2
192.168.1.1
PC1
192.168.3.2
192.168.3.1
路由器IP ...
如何在Hexo静态博客中使用pdf文章
前言 我又回来写hexo博客的技术笔记了,因为有一个大(cai)佬(bi)他平时的文档都是用latex写得,发博客有点麻烦,所以要用嵌入pdf的方式进行发表,但是hexo原生不支持pdf,所以我就写了这个教程附带了hexo博客平时的部署方法,供参考。
安装PDF插件
进入你个人博客本地的根目录,在命令行中打开,并运行
1npm install --save hexo-pdf
PDF发表 这一步在国内有两种可行办法,一种是使用本地的文件,让hexo从博客中加载,一种就是放在云端的存储仓库进行加载。这里两种方法都做演示,但是推荐使用后者。
方法一:本地仓库
这个方法比较简单,但是效果较差,可能会造成较大的卡顿,首先在本地的根目录下打开source在这个文件夹下直接将你的pdf放进去即可。
在你的本地的博客根目录下新建一篇文章命令行
1he ...
iDo微信小程序功能开发文档
项目背景 进入大学,面对丰富多彩的大学生活,很多同学往往因为突然涌来的大量信息,或是缺少途径了解适合自己的信息,时常会感到茫然。不知道自己从何入手,不知道如何规划自己的大学生活。陷入明明有很多事情可做,却因目标不明确或盲目选择等等原因而贻误了大学学习的宝贵时光。
项目理念 该项目旨在通过提供用户多种可选择的学习目标,帮助用户确立本科期间的长远目标,以及为达到长远目标帮助规划可由用户自主选择的短期目标,并根据设定的目标提供精准的信息,从一本书、一份资料、一场竞赛……开始,及时提醒用户完成一个又一个的短期任务,陪伴用户以梦为马,不负韶华。
项目定位 为大学生更好地完成学业或进一步深造提供强有力的信息支持与目标引领(陪跑小程序)。
目标人群 本科生。
程序界面初始登录授权界面
我的”界面设计&em ...
在自己的服务器上部署hexo博客
前言English Version
因为我有一个腾讯云的服务器,配置如下:
CentOS7.2 X64
1 GB RAM
我想在服务器IP上构建一个hexo博客。
在云服务器上配置git
配置服务器上的Nginx
调整您自己的本地计算机中的Hexo
通过执行以上简单步骤,您也可以拥有自己的网站。废话不多,让我们开始吧!
云服务器准备进入您的云服务器控制台你知道该怎么做
在您的服务器上安装Git
安装依赖项和编译工具
安装依赖项
1yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
安装编译工具
1yum install gcc perl-ExtUtils-MakeMaker package
安装 git
1yum install git
检查git版本
1git ...
将VSC作为latex编辑工具
引言 因为latex自带的编辑工具有点老旧且不太好用,所以使用轻量级的VSC作为latex编辑器,自己配置完了之后推荐给了同学,然后他的同学来问怎么配置,就干脆写成文章来拯救我的“菜鸡”同学(逃。
第一步
自然是下载VSC,不过多赘述。
然后打开VSC的插件页面搜索latex workshop并安装,如图:第二步
打开VSC的命令面板,如图:
搜索首选项:打开用户设置(JSON),如图:
在打开的页面中两个大括号中间增加如下代码:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909 ...