- 博客(26)
- 资源 (3)
- 收藏
- 关注
原创 微信小程序外部字体的导入
事先准备 因为微信不支持外部文件夹的权限,所以首先去下载一个自己选中的字体,也就是ttf文件,将该ttf文件上传至https://transfonter.org/ 注意选中 Base64 encode 然后点击convert转换并下载压缩文件,用Dw打开其中的css文件,将其中的代码,复制到页面的.wxss文件下 再选择并调用。存在问题:1、加入代码后界面所有格式混乱,图标移动位置,乱套原因
2017-06-28 19:39:10 12159 2
原创 JavaScript库
JavaScript 库 - jQuery、Prototype、MooTools。 -所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。jQuery 是目前最受欢迎的 JavaScript 框架。 它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。 jQuery 同时提供 companion UI(用户界面)和插
2017-06-24 18:59:54 230
原创 JavaScript Window-浏览器对象模型
所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。window.document.getElementById("header");等同于document.getElementById("header");对于浏览器高
2017-06-22 09:45:28 284
原创 JavaScript HTML DOM(三)
创建一个新的元素如创建一个新的段落<script>var para=document.createElement("p");var node=document.createTextNode("这是一个新段落。");para.appendChild(node);var element=document.getElementById("div1");element.appendChild(pa
2017-06-21 09:28:37 173
原创 JavaScript HTML DOM(二)
基本点击事件<h1 onclick="this.innerHTML='Ooops!'">点击文本!</h1>函数处理事件:<script>function changetext(id){ id.innerHTML="Ooops!";}</script><h1 onclick="changetext(this)">点击文本!</h1>函数的变换:显示当前的时间<p>点击按钮执行 <em
2017-06-20 08:41:20 312
原创 JavaScript HTML DOM(一)
HTML DOM,指的是文档对象类型 通过对象模型 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应1.通过id找到HTML元素:var x=document.getElementById("intro");
2017-06-19 15:13:54 245
原创 微信小程序的上传
首先:上传的微信小程序大小不得超过2m,因此,在微信小程序所在文件夹内不得有太多的图片,因此微信小程序最好加载网络中的图片,实现通过代码来加载图片,这样的小程序才不会占有太多的空间。 然后,选择上传。 在上传后,登录进入微信公众号平台 再通过填写相应的信息,包括图标,用途之类的,再经过审核就可以发布了
2017-06-18 22:00:35 451
转载 微信小程序欢迎界面的制作
新建一个页面,包含.js,.json,.wxml,.wxss文件 页面.wxml文件<view class="usermotto"><text class="btn">开启小程序之旅</text></view>页面.wxss文件.usermotto { margin-top: 200px; border: 1px solid #405f80; width: 200rpx; heigh
2017-06-17 21:58:36 4534
转载 微信小程序图片的加载
在微信小程序中,要显示一张图片,有两种图片加载方式:加载本地图片<image class="widget__arrow" src="/image/.png" mode="aspectFill"></image>src=”/image/arrowright.png” 这句就是加载本地图片资源的。加载网络图片 微信在加载网络这方面封装的还是很好的,包括语音和视频的加载。直接给’src’这个属性附上地
2017-06-16 21:57:02 1349
转载 微信小程序图片的加载
在微信小程序中,要显示一张图片,有两种图片加载方式:加载本地图片<image class="widget__arrow" src="/image/.png" mode="aspectFill"></image>src=”/image/arrowright.png” 这句就是加载本地图片资源的。加载网络图片 微信在加载网络这方面封装的还是很好的,包括语音和视频的加载。直接给’src’这个属性附上地
2017-06-16 21:55:24 3627
原创 微信小程序制作心得和体会
每一个微信小程序都由页面构成 每一个页面都由控件构成 控件也就是组件 基本和android 的layout一样,微信小程序基本可以为view 每一个view都可以有自己的class,在class里面可以设置位置,高度,宽度等等属性 同时也可有诸如image/text/scoll-view等组件,并设置相应的属性 甚至可以通过脚本控制scoll-view的自主滚动等等。 也可以通过给bo
2017-06-15 22:44:42 7553
转载 微信小程序不能实现跳转
wx.navigateTo(OBJECT) 不会销毁当前页面,仅仅是将其hide,使用wx.navigateBack可以返回到原页面。wx.redirectTo(OBJECT) 销毁当前页面,跳转到应用内的其他页面。我们有时候会发现,其他的地方都好好的能跳转,可是为啥突然就无效那呢?原因:**检查你要跳转的位置是否在app.js中注册过。 检查你要跳转的地址是否有误。经常都是因为少写或者多
2017-06-14 20:43:39 638
原创 JavaScript之函数定义
函数申明的基本格式: function functionName(parameters) { 执行的代码 } parameters可以为空,也可以是变量,同时在执行中的代码部分进行相应的运算 比如:function myFunction(a, b) { return a * b;}同时也可以用类似java的方式进行定义var myFunction = new Function
2017-06-14 08:35:25 208
原创 JavaScript 的void关键字
超级链接的形式:<a href="javascript:void(0)">超级链接的文字</a> 其中,javascript:void(0)指的是该操作符指定要计算一个表达式但是不返回值。具体事例:<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script type="text/javascript">
2017-06-13 22:51:27 342
原创 JavaScript HTML DOM之 addEventListener()
addEventListener() 方法用于向指定元素添加事件句柄。addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。该方法的标准形式:element.addEventListener(event, function, useCapture); event为事件:click 或者 mouseover/mouseoutfunction为函数,即自定义的方法use
2017-06-12 22:37:41 382
原创 JavaScript JSON
JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 ——-微信小程序的app.json,即是一个数据传递 JSON实例{"sites":[ {"name":"Google", "url":"www.google.com"}, {"name":"Taobao", "url":"www.taobao.com"}]}对应了2个对象将JSON的字符串转换为J
2017-06-11 22:34:24 198
原创 微信小程序遇到的常见问题(一)
问题1.pages/another/another 出现脚本错误或者未正确调用 Page() 或者another.js [sm]:1 Uncaught ReferenceError: page is not defined 或者pages/another/another 出现脚本错误或者未正确调用 Page()问题根源:在建立页面时可能没有使用直接建立page的方式,在配置app.json时,p
2017-06-10 19:07:29 22563
原创 JavaScript基础部分(四)
JavaScript的表单以及表单验证表单实例 <!DOCTYPE html><html><head><meta charset="utf-8"><script>function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") {
2017-06-10 09:58:12 379
原创 微信小程序开发前的准备工作
最好有android的开发经验,需要掌握一种对于不同的文件负责不同效果的概念掌握开发需要的知识:JavaScript,HTML和CSS的基础知识,并能明白对应的英文的含义,并能输入正确的英文。在微信公众号的网站,进行注册,选择 选择小程序部分, 并在设置部分获取自己的appId 下载微信小程序的开发工具 输入自己的appID,开始开发之路!!!
2017-06-09 23:14:18 568
原创 微信小程序的制作基础部分(一)
主要的结构 左侧栏结构:调试部分和编辑部分调试部分 打开debug,在console部分可以看到整个程序的运行界面,并根据相应的变量判断在哪个位置运行失败。编辑界面 包含三个部分:pages,utils和app部分 app包含app.js,app.json和app.wxss三个大部分。 app.js:用于写入方法和变量即Function和data或者globalData即
2017-06-09 23:00:41 266
原创 JavaScript基础部分(三)
对错误的处理: 两种方法:try catch和throw Exception 同java的错误处理方法一样 典型案例: <!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><p>请输入一个 5 到 10 之间的数字:</p><input id="demo" type="text"
2017-06-07 18:55:06 216
原创 JavaScript基础部分(二)
break和continuebreak用于停止当前的循环,continue用于跳过当前这一部分 都可以加标签,来实现小循环或者大循环的停止或者跳出操作 bigloop: //标签for (var i = 0; i < 10; i++){ smallloop: for (var j = 0; j < 10; j++) { if (j >
2017-06-06 10:32:10 419
转载 Android开机Activity的渐变效果
启动Activity的应用在AndroidManifest.xml文件中 将下面部分的代码放置于所用于启动Activity的下面<intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.int
2017-06-05 08:31:35 1216
原创 JavaScript的部分基本循环
javascript的循环语法if循环等同于C语言和java中的if循环 for demonstrate,if (time<10){ document.write("<b>你想输出的文字</b>");switch循环 等同于java,需要分别指明不同的事件来说明,或者引入不同的变量。 - switch(n){ case 1: 执行代码块 1
2017-06-04 20:01:01 206
原创 javascript基础部分的学习
一个网页即html>的组成包括head>body>其中script>部分既可以出现在head>也可以出现在body>,也就是js注入基础h1>代表题目;p>代表一个独立的自然段,即换行符;输出:document.write("");弹窗输出:alert("");根据id进行指令更改:document.getElementById("xx").innerHTML
2017-06-03 16:06:54 269
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人