自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一个超可爱的账号

超可爱的编程路

  • 博客(32)
  • 收藏
  • 关注

原创 设置子盒子在父盒子内垂直居中的几种方法

设置子盒子在父盒子内垂直居中的方法

2023-02-11 15:20:32 915

原创 前端开发中最实用的VSCode插件!!!强烈推荐

下面的插件是博主在开发过程中整理的,非常非常实用的插件哦~1.汉化插件全称:Chinese (Simplified)LanguagePackforVisualStudioCode评分等级:五颗星推荐理由:将开发工具汉化,更方便英语不是很好的同学使用2.html文件浏览器预览3.自动修改补全前后HTML标签4. CSS标签括号颜色匹配器5. 自动将less文件编译为css文件6.自动给选中的HTML标签生成csstre...

2021-07-01 14:19:54 229

原创 11. slot插槽

slot标签其实就是一个占位符 插槽等到父组件调用子组件的时候再传递标签过来,最终这些被传递的标签就会替换slot插槽的位置子组件页面:<!--components/Tabs.wxml--><view class="tabs"> <view class="tabs_title"> <view wx:for="{{tabs}}" wx:key="id"

2021-06-30 09:12:27 176

原创 10. 自定义组件

类似vue或者react中的自定义组件小程序允许我们使用自定义组件的方式来构建页面10.1 创建自定义组件类似于页面,一个自定义组件由.json/ .wxml / .wxss / .js 4个文件组成可以在微信开发者工具中快速创建组件的文本结构父组件的json文件:{ "usingComponents": { "Tabs": "../../components/Tabs/Tabs" }}父组件的wxml页面:<Tabs>&lt

2021-06-29 18:59:16 189

原创 9. 常见组件

重点讲解小程序中常用的布局组件view、text、rich-text、button、image、navigator、icon、swiper、radio、checkbox等。9.1 view替换HTML中的 div 标签<view hover-class="h-class">点我试试看</view>9.2 text文本标签 只能嵌套text 长按文字可以复制(只有该标签有这个功能) 可以对空格、回车进行编码 属性名

2021-06-29 18:46:47 124

原创 8. 样式WXSS

WXSS( WeiXin Style Sheets )是⼀套样式语⾔,⽤于描述 WXML 的组件样式。 与 CSS 相⽐,WXSS 扩展的特性有:响应式 ⻓度单位 rpx 样式导⼊8.1 尺寸单位rpx(responsive pixel):可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素, 1rpx = 0.5px = 1物理像素。 设备 r

2021-06-29 17:43:06 97

原创 7. 小程序的事件绑定

小程序中绑定事件,通过bind关键字来实现。如:bindtap、bindinput、bindchange等.bindtap 相当于 vue中的@click点击事件 bindtab 是输入框输入事件 bindchange 是不同的组件支持不同的事件,具体看组件的说明即可。注意:无法在小程序当中的事件中直接传递参数,需要通过自定义属性的方式来传递参数<input value="" bindinput="handleInputMethod"/><button bindt

2021-06-29 17:39:39 759

原创 6. 微信模板语法

WXML(WeiXin Markup Language)是框架设计的⼀套标签语⾔,结合基础组件、事件系统,可以构建出⻚⾯的结构。6.1 数据绑定6.1.1 普通写法<!--pages/img/img.wxml--><text>pages/img/img.wxml</text><text>pages/img/img.wxml</text><view>{{message}}</view><view&g

2021-06-29 17:37:02 109

原创 5. 小程序的配置文件

一个小程序应用程序会包括最基本的两种配置文件。一种是全局的app.json 和 页面自己的 page.json注意:配置文件中不能出现注释!5.1 全局配置app.jsonapp.json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。普通快速启动项目里边的app.json配置。{ "pages": [ "pages/img/img", "pages/index/index", "pages/search/search"

2021-06-29 17:22:29 272

原创 4. 小程序结构目录

小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。小程序框架提供了自己的视图层描述语言WXML和WXSS,以及JavaScript,并在视图层和逻辑层之间提供了数据传输和事件系统,让开发者能够专注于数据和逻辑。4.1 小程序文件结构和传统web对比 结构 传统web 微信小程序 结构 HTML WXML 样式

2021-06-29 17:16:36 69

原创 3. 微信开发者工具介绍

详细的使用,可以查看官网

2021-06-29 17:12:53 349

原创 2. 小程序环境准备

2.1 注册账号建议使用全新的邮箱,没有注册过其他小程序或者公众号的。访问注册页面,耐心完成注册即可。

2021-06-29 17:01:46 62

原创 1. 微信小程序介绍

微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及“的梦想,用户扫一扫或搜索一下即可打开应用。1.1 为什么是微信小程序?微信有海量用户,而且粘性很高,在微信里面开发产品更容易触达用户; 推广app或公众号的成本太高; 开发适配成本低; 容易小规模调试,然后快速迭代; 跨平台。1.2 微信小程序历史2016年1⽉11⽇,微信之⽗张⼩⻰时隔多年的公开亮相,解读了微信的四⼤价值观。张⼩⻰指出,越来越多产品通过公众号来

2021-06-29 16:57:22 267

原创 10 浮动float

目标记忆 能够说出CSS布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1. 浮动1.1 CSS布局的三种机制1.1.1 普通流(标准流)1.1.2 浮动1.1.3 定位1.2 为什么要浮动?1.3 什么是浮动?float1.3.1 浮动口诀之“浮”1.3.2 浮动口诀之“漏”1.3.3 浮动口诀之“特

2020-11-24 17:06:08 287

转载 cordova打包安卓8.0+以上 不支持http图片显示的解决方式

android目录下AndroidManifest.xml 配置文件的application节点显示加上如下配置android:usesCleartextTraffic="true"

2020-11-11 09:34:41 267

原创 9 盒子模型(CSS重点)

CSS学习的三大重点:CSS盒子模型、浮动、定位目标理解: 能说出盒子模型有哪四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 能说出外边距合并的解决办法 应用: 能利用边框复合写法给元素添加边框 能计算盒子的实际大小 能利用盒子模型布局模块案例 1. 看透网页布局的本质2. 盒子模型 Box Model3. 盒子边框 border3.1 盒子边框写法...

2020-11-04 17:28:48 465

原创 8 CSS复合选择器

1.CSS复合选择器目标理解 理解CSS复合选择器分别的应用场景 应用 使用后代选择器给元素添加样式 使用并集选择器给元素添加样式 使用伪类选择器 为什么要学习CSS复合选择器CSS选择器分为 基础选择器 和 复合选择器,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的1.1 后代选择器(重点)概念: 后代选择器又称为包含选择器 作用:

2020-11-02 17:22:50 238

原创 7 CSS字体样式属性

目标应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 使用常用的emment语法 能够使用开发人员工具代码调试 1. font字体1.1 font-size:字体大小1.2 font-family 字体CSS Unicode字体1.3 font-weight 字体粗细1.4 font-style 字体风格1.5 font:综合设置字体样式(重点)1.6 font总结2. CSS外观属性2.1 color:文本颜色2.

2020-10-30 10:45:41 1813

原创 6 CSS基础选择器

css选择器(重点)学习目标理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 学习目标选择器的作用(重点)CSS基础选择器1.标签选择器2.类选择器3.类选择器特殊用法-多类名4.id选择器id选择器和类选择器的区别:5.通配符选择器6.基础选择器总结团队约定选择器的作用(重点)找到特定的HTML页面元素 选择器分为基础选择器和复合选择器CSS基础选择器1.标签选择器概念:

2020-10-30 10:43:00 100

原创 5 CSS初识

CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式 应用 css三种方式的书写 通过样式规则给标签添加简单的样式 学习目标CSS初识引入CSS样式表(书写位置)1.行内式(内联样式)2.内部样式表(内嵌样式表)3.外部样式表(外链式)三种css样式表总结(位置)团队约定-代码风格团队约定-代码大小写CSS初识概念: css(Cascading Style Sheets),通常称为css样式表或层叠样式表(级联样式表)

2020-10-30 10:40:58 120

原创 4 列表和表单

列表标签(重点) 无序列表 ul li (重点) <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的 <li>与</li>之间相当于一个容器,可以容纳所有元素。 无序列表会带有自己的样式属性,放下那个样式,一会儿让CSS来! 有序列表 ol li (了解) 自定义列表 dl dt dd (理解) 自定义列表常用于对术语或名词进

2020-10-30 10:39:22 104

原创 3 表格

表格table表格是一种常用的标签,但不是用来布局,常用来 显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要。一个清爽简约的表格能够吧繁杂的数据表现得很有调理,虽然div布局也可以做到,但是总没有表格来的方便。 创建表格 创建表格的基本语法:<table> <tr> <td>表格内的文字</td> <td>表格内的文字</td> <t

2020-10-30 10:36:53 195

原创 2 初识HTML

HTML指的是超文本标记语言 HTML不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (mark tag) 常用的快捷键 生成页面骨架的两种快捷方式 html:5 然后按tab键 ! 然后按tab键 文档类型 DOCTYPE <!DOCTYPE html>声明位于文档中的最前面的位置,处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML(快捷键 html:5 tab键)或者XHTML(html:xt tab键)规范...

2020-10-30 10:31:58 109

原创 1 浏览器

浏览器相关浏览器 浏览器是页面显示、运行的平台,常用的浏览器有IE、火狐(FireFox)、谷歌(Chrome)、Safari和Opera等。 查看浏览器战友的市场份额 http://tongji.baidu.com/data/browser 常见浏览器内核 (了解) 浏览器内核的作用:负责读取网页内容,整理讯息,计算页面的显示方式并显示页面。 因为浏览器太多啦,但是现在主要流行的就是下面几个: 浏览器 内核 备.

2020-10-30 10:28:14 249

原创 C# DataTable封装成list集合

            DataTable dt=courseSearch.GetAllCourseType(); //从数据库中获取到的DataTable                        List&lt;CourseType&gt; courseTypeList = new List&lt;CourseType&gt;(); //即将封装的list集合            for...

2018-04-21 14:09:17 1159

转载 DotNetBar的使用—(Office2007界面风格)

https://www.cnblogs.com/mingjiatang/p/5940826.html该链接跳转到一个较为详细的使用介绍界面

2018-04-20 14:05:57 1771

原创 C#连接数据库

C#连接MySQL数据库  本文章是建立在已经安装MySQL数据库的前提,默认安装在C:\Program Files (x86)\MySQL,建议在安装时选中Connector.NET 6.9的安装,里面有MySQL与C#连接的动态链接库。  帮助文档C:\Program Files (x86)\MySQL\Connector.NET 6.9\Documentation\ConnectorNET....

2018-04-20 10:47:02 848

原创 C#连接mysql数据库查询操作

第一步第二步第三步第四步具体详见链接:https://jingyan.baidu.com/article/ac6a9a5e103f5f2b653eac1a.html

2018-04-20 10:20:22 3374

原创 C#实现单例方法三(最经典饿汉式&&代码最最简洁)

class SingleTonClazz    {        private static SingleTonClazz singleTon = new SingleTonClazz();                private SingleTonClazz()        {            Console.WriteLine("非静态");        }         ...

2018-04-19 17:55:50 357

原创 C#控制电脑关机

在窗体上添加一个按钮button1,在按钮的单击事件上添加代码System.Diagnostics.Process.Start("cmd.exe","/cshutdown -s -t 1000"); 这是一个定时关机代码,后面的1000表示倒计时1000秒后关机,如果要立即关机,把1000改为0就可以立即关机...

2018-04-19 17:51:57 1517

原创 C#创建单例方法二(代码最简洁)

class SingleTonClazz    {              private static SingleTonClazz singleTon = null;                private SingleTonClazz()        {            Console.WriteLine("非静态");   

2018-04-19 17:46:20 176

原创 C#创建单例方法之一(适合面试)

 class SingleTonClazz    {        private static SingleTonClazz singleTon = null;        private static readonly object singleton_lock = new object();//创建锁的目的:为了避免多个线程进入时,同时创建多个对象        // 将锁设置为只读,避免...

2018-04-19 17:19:51 194

空空如也

空空如也

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

TA关注的人

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