web前端
文章平均质量分 75
百家晓东
这个作者很懒,什么都没留下…
展开
-
Web Storage实现简单的留言本
Web Storage可以保存数据在客户端本地,以key-value的形式存储,长久存储数据需要用到localStorage,短期保存可以使用sessionStorage.代码截图:源代码:index.html app.jsfunction saveDa原创 2015-08-17 22:30:56 · 1658 阅读 · 0 评论 -
VueJs入门练习-指令(2)
1. v-bindv-bind可以绑定Dom元素的属性: charset="UTF-8"> Title src="https://unpkg.com/vue"> type="text/css"> .A {color: indianred;} id="app"> v-bind:class="classA">Hello原创 2018-01-14 23:47:46 · 394 阅读 · 0 评论 -
VueJs入门练习
开始阅读Vue官方文档,学习Vue开发。Vue可以让前端数据绑定和渲染更为方便,但要做出一套漂亮的界面,还是需要使用CSS相关的框架。0. 预备,官方建议:刚开始上手不宜直接使用vue-cli工具,还是使用最简单的Vue引入方式:src="https://unpkg.com/vue">1. Vue声明式渲染数据html>lang="en"> chars原创 2017-12-25 01:06:35 · 3660 阅读 · 0 评论 -
CSS基础知识一
CSS样式的引用方式主要有三种:|-内联方式|-嵌入式|-外部方式1.内联方式内联方式是最基础的CSS代码引用方式,直接将CSS样式代码嵌入到HTML代码中,是最不好维护的一种方式。类似于:这是通过内联方式引用CSS代码2.嵌入式一般的我们会将CSS代码写在HTML文件的标签里面,至少是写在标签的最开头,这是因为在浏览器请求网页数据的时候可能会一部分一原创 2017-04-15 17:32:09 · 685 阅读 · 1 评论 -
微信小程序开发-短信注册功能
关注公众号“码农帮派”,查看更多系列技术文章:微信小程序开发,实现手机号注册的功能模块,去除了网络请求,网络请求的地方可以使用wx提供的网络请求的API完成。[效果展示][目录结构][贴代码]register.wxml<view class="container" style="height: {{windowHeight}}px...原创 2016-12-01 12:10:36 · 25949 阅读 · 3 评论 -
微信小程序开发-模仿“优优老师”课程日历
关注公众号“码农帮派”,查看更多系列技术文章:模仿“优优老师APP”的课程日历实现的Demo,只显示<当月>和<下个月>两个月的日期,会根据不同类型的日期类型显示不一样的样式,在wx-swiper组件中动态添加了datePad,会根据要显示月份的日期动态确定日期表格是4,5,还是6行,并动态改变swiper的高度,本月的第一天默认选中状态,下个月的第一天默认...原创 2016-12-01 11:09:16 · 10834 阅读 · 2 评论 -
Html样式表
html样式分为外部样式,内部样式和内联样式。 定义一个样式 引用样式资源rel="stylesheet" 标明是外部样式表type="text/css" 引入的文档的类型代码示意图:源码:引用到的外部样式表文件:mystyle.cssh1{原创 2015-08-16 17:42:47 · 563 阅读 · 0 评论 -
Web Storage作为简单数据库存储信息
使用Web Storage(localStorage)实现通讯录的存储,显示和查询。效果图:代码截图:源代码:dbstore.html 姓名: Email:原创 2015-08-18 09:18:49 · 469 阅读 · 0 评论 -
jQuery解析JSON数据
[说明]以下以聚合数据提供的网络数据为例使用jquery2.1.4解析JSON数据,并将解析的结果显示在html页面,在使用聚合数据之前需要首先在其网站注册登录,获得相关拉取数据的权限以及appkey。首先(接口相关信息):请求示例:http://v.juhe.cn/movie/index?key=您申请的key&title=功夫[JSON数据]{ "res原创 2015-08-26 17:08:13 · 487 阅读 · 0 评论 -
Html常用字体的格式化
字体以不同的格式显示的方法如下: 定义粗体文字 定义大号字体 定义着重文字 定义斜体文字 定义小号字体 定义加重语气 定义下标文字原创 2015-08-16 15:49:30 · 1381 阅读 · 0 评论 -
Html的表格
代码: 表格表头 单元1 单元2 单元3 1111 222 3333 4444 5555 6 7 888888 99999999原创 2015-08-17 02:09:49 · 338 阅读 · 0 评论 -
CSS属性选择器
CSS属性选择器有四种:派生选择器,id选择器,类选择器和属性选择器(属性和值选择器)1.派生选择器(使用空格隔开)代码截图:效果图:2.id选择器(通过#号来标识要修饰的标签)代码截图:效果图:3.类选择器(使用.标识要修饰的标签)代码截图:效果图:4.属性选择器/属性与值选择器(通过属性和值原创 2015-08-18 16:37:16 · 362 阅读 · 0 评论 -
VueJs入门练习-指令(1)
1. v-once 只绑定一次id="app_1"> {{text}} v-once>{{text}} v-model="text">var app = new Vue({ el: "#app_1", data: { text: 'Hello Vue!' }})使用v-model可以双向绑定节点和数值,原创 2018-01-07 21:34:10 · 466 阅读 · 0 评论