- 博客(53)
- 收藏
- 关注
RSS订阅原创 微信小程序开发报JS错误 Uncaught SyntaxError: Unexpected token u in JSON at position 0
在小程序开发中，做页面跳转是我把对象传到另一个页面时报了代码如下：A页面B页面百度了一下，说转化JSON的时候不能定义变量。。。。。。后来改成这样：A页面B页面按理来说这个问题时解决的，但是我的问题还没有解决，又查了各种办法，最后查到是这个原因导致报这样的错又检查了一下自己的代码，后来发现，原来是我平时开发习惯，开发哪个页面就把哪个页面调到最前面，最后把页面路径不...
2019-12-09 17:35:33
4103
2
原创 微信小程序上拉、下拉、动态设置窗口背景色
传送门一、enablePullDownRefresh1、下拉刷新enablePullDownRefresh的支持单页面配置json文件{“enablePullDownRefresh”: true}app.json配置（所有页面都带有下拉刷新功能）{“window”: {“enablePullDownRefresh”: true}}2、设置backgroundTextSty...
2019-09-03 15:38:02
6564
原创 05.tabBar
3.0 tabBar概念移动端页面的导航栏步骤：1.0 创建四个 tab 页面2.0 将这四个页面配置为 tab在 app.json 中的 tabBar 下进行配置color: 文本默认颜色selectedColor: 文本选中颜色backgroundColor: tab 栏的背景色border: 边框postion: tab 所在的位置list： tab ...
2019-09-02 16:30:56
114
原创 关于git的操作指令
git环境安装Git是一款免费、开源的分布式 版本控制系统 ，用于敏捷高效地处理任何或小或大的项目。环境安装下载地址注意：不要安装在中文目录不要使用桌面管理软件安装很简单，一直下一步即可。在任意的目录下右键，能看到菜单, 就表示安装成功了。使用git的两种方式git gui，即图形化界面的方式git bash，命令行的方式（推荐）github账号注册github...
2019-09-02 08:34:37
102
原创 06.小程序中的异步请求wx.request,级封装
在小程序中发送异步请求对比 web 端的异步请求：web 端XMLHttpRequest$.ajax()axios小程序wx.request({ url: '', // 请求的路径 method: "", // 请求的方式 data: {}, // 请求的数据 header: {}, // 请求头 success: (res) => { ...
2019-09-01 10:42:03
278
原创 04.小程序框架mpvue
7.0 基本概念三个问题：是什么小程序的开发框架有什么用用来开发小程序使用 vue 的语法来开发小程序怎么用学习资料官方文档github 中搜索http://mpvue.com/8.0 使用步骤初始化一个 mpvue 项目前置工作：下载 nodejs检查 npm 版本修改 taobao 源生成项目：方式一：...
2019-08-30 20:18:38
96
原创 03.知识扩展
1.0 小程序中的编程式导航导航声明式导航vue：小程序：编程式导航vuethis.$router.push()小程序wx.navigateTo({ url: ‘’ })wx它在小程序中的作用相当于是 js 中的 window 对象2.0 小程序中事件的传参传参：-- main.wxml<view bi...
2019-08-30 20:17:52
122
原创 02.第一个微信小程序
5.0 创建第一个小程序步骤：打开微信开发者工具使用微信扫码登录点击小程序-创建小程序项目名项目路径appid不使用云服务器语言： javascript6.0 开发工具的组成菜单栏工具栏预览描述二维码自动预览切后台模拟器编译器调试器7.0 项目结构对比：web页面：技术栈：html从语义化的角度来描述页面...
2019-08-30 20:16:40
140
原创 01.微信小程序准备工作
小程序相关概念1.0 小程序相关的问题什么是小程序跳一跳：小游戏智能出行：抢火车票美团小黄车运行在微信上的一些应用小程序有什么用用户：可以不用下载 APP，通过微信就能使用到 APP 中的服务方便了用户的使用商家：相当于一推广的平台推广方式：公众号小程序服务号订阅号企业微信为什么要学习小程序设计理念：即开即用，用...
2019-08-30 20:15:58
124
原创 06.css的三大特性（叠性,继承性,优先级)
5. CSS 三大特性目标：理解能说出css样式冲突采取的原则能说出那些常见的样式会有继承应用能写出CSS优先级的算法能会计算常见选择器的叠加值5.1 CSS层叠性(后来者居上)[外链图片转存失败(img-l6P62J0q-1562221294901)(https://mp.csdn.net/media/20%E5%B1%82%E5%8F%A0%E6%80%A7....
2019-08-28 00:05:33
248
原创 05.CSS 背景(background)
4. CSS 背景(background)目标理解背景的作用css背景图片和插入图片的区别应用通过css背景属性，给页面元素添加背景样式能设置不同的背景图片位置4.1 背景颜色(color)语法：background-color:颜色值; 默认的值是 transparent 透明的4.2 背景图片(image)语法：background...
2019-08-28 00:03:01
105
原创 git工具的使用和在GitHub创建库
Git版本管理 我们在编码的时候,有些节点非常重要,我们就可以保存一下. 理解游戏存档常见版本管理软件1.svn2.git 安装: 直接下一步下一步安装,不要选择盘符. 如果右键有出来 git bash here 就说明安装成功了git使用步骤1.新建一个文件夹,(就是我们等下写代码的地方).2.进到这个文件夹里面去. 右键 点击 git...
2019-07-11 17:13:01
255
原创 原生get和post请求
原生ajax请求：1.创建XMLHttpRequest对象2.调用open方法，设置请求方式和请求路径3.监听响应完成事件4.调用send方法发送请求发get请求：在网址后面拼?参数名=值如果有多个参数，参数之间用&连接原生ajax发post请求，几乎跟发get请求是一毛一样的区别：1.提交参数不一样，get请求在网址后面拼接参数，post请求要写在send里面2.p...
2019-07-08 18:45:14
767
转载 盒子加阴影 box-shadow
box-shadow盒子阴影，就是给盒子加阴影的参数1：阴影的水平位置参数2：阴影的垂直位置参数3：模糊度参数4：阴影的宽度,如果不给宽度其实也有宽度，默认是盒子的大小，加宽度只是说给四周加多少参数5：阴影的颜色参数6：如果不加，默认情况往外扩的阴影，加一个inset代表内聚的阴影如果需要多个阴影那么以逗号隔开,先写的层级更高，前面的会覆盖后面的 box-shadow: 0px ...
2019-07-05 16:28:27
1513
转载 背景颜色渐变
专门做渐变颜色的这种渐变色，浏览器要当做背景图片解析的，所以应该给background-image参数1：渐变的方向to 一个方向还可以写角度,0deg在正下，值越大，越顺时针旋转后面的参数是颜色，至少2个颜色，颜色要>=2第一个颜色后面写一个百分比，代表在什么位置结束后面的颜色再写百分比，代表在什么位置开始，再写一个同样的颜色写百分比代表在什么位置结束线性渐变 bac...
2019-07-05 16:23:24
331
转载 background详解
/* 参数1：图片路径 参数2：是否平铺 repeat：默认值代表水平和垂直都平铺 no-repeat 代表不平铺 repeat-x 水平平铺...
2019-07-05 15:51:51
3648
转载 ajax笔记
Ajax阶段笔记Ajax就是让浏览器跟服务器交互的一套API，通过它咱们就可以跟服务器进行交互，那么服务器是什么呢？服务器什么是服务器服务器就是提供了某种服务的公共计算机。至于具体提供什么服务，就要看你安装了什么软件，举个栗子，咱们新买了一台计算机，为了听歌要装什么软件呀？为了看视频要装什么软件呀？为了聊天要装什么软件呀？那当我们安装了这些软件之后咱们的这台计算机是不是就可以...
2019-07-05 14:48:14
275
转载 webAPI重要知识点
webAPI重要知识点总结找元素的方法document.getElementById(); //通过id找到元素，找到的就是元素，找不到返回nulldocument.getElementsByClassName(); //通过类名找到元素，永远得到伪数组，找到几个，伪数组里元素就有几个document.getElementsByTagName(); //通过标签名找到元素，永远得到伪数组，...
2019-07-04 15:27:08
176
转载 05.移动端布局
移动端布局核心1.水平方向不能出现滚动条(禁止缩放，元素宽度超过视口的宽度)2.需要适配宽度，高度使用固定值（高度允许出现滚动条）百分比布局（流式布局）：宽度使用百分比，高度使用px3.移动端盒子模型使用内减模型： box-sizing: border-box;* 避免由于border和padding导致的水平滚动条的问题盒子模型 = content + padding + bord...
2019-07-04 15:23:58
101
转载 02.移动端视图口介绍
视口：css布局的大小name=viewport 视口content：视口内容width=device-width ： 让布局大小和当前手机屏幕一致initial-scale=1.0 ： 网页默认缩放比例 1.0 不缩放user-scalable=no: 不允许用户缩放<meta name="viewport" content="width=device-width, init...
2019-07-04 15:23:09
245
转载 06.伸缩布局 flex
1.伸缩布局(t弹性布局)： 本质就是给盒子加buff，专治不服：百分比+浮动实现比较麻烦的需求如何使用： 设置盒子display 为flex2.伸缩布局三要素子元素：住户主轴：住户排列方式（默认水平）次轴：阳台方向/* 伸缩盒子(弹性布局) */display: flex;1.主轴方向：元素排列方式主轴与次轴一定是垂直的，如果你把主轴方向变成垂直，次轴方向自动变成水平注意点：...
2019-07-04 15:22:41
126
转载 01.transition,transfrom和animation
1. transition过渡动画第一个值：需要过渡的属性 一般为all第二个值：动画时间，一定要设置第三个值：动画速度曲线，一般liner(匀速)第四个值：延迟，一般不设置`transition-property: all; transition-duration: 1s; transition-timing-function: lin...
2019-07-04 15:22:11
298
转载 5.jQuery常见的一些事件
1. jQuery点事件click2.mouseenter和mouselevea事件mouseenter：鼠标移入mouseleave：鼠标移出mouseover搭配mouseout建议用mouseenter因为如果用mouseover，那么从父元素移入到子元素也会触发，不太合理...
2019-07-04 15:21:09
132
转载 6.jQuery添加元素的六种方式
JS原生里：appendChild：添加子元素到最后insertBefore：添加子元素在某个子元素的前面ul.insertBefore：参数1：新元素参数2：在哪个元素前面jQuery里：append() 添加子元素到末尾prepend() 添加子元素到最前面before() 插入到某个元素的前面after() 插入到某个元素的后面appendTo() 自己找到父元素，再...
2019-07-04 15:20:40
442
转载 7.删除节点和清空元素
JS原生删除原生：找到它爸，杀了它儿子，没法自杀ul.removeChild(某个子元素);jQuery：允许元素自杀jQuery对象.remove();清空所有子元素：html(’’); 但是不建议用，子元素的事件不会被删除empty(); 子元素和子元素的事件都被清除 $('#btn1').click(function(){ $('#li3').r...
2019-07-04 15:20:00
168
转载 8.jQuery中各种宽和高以及setoff,scroll
1. jQuery中的各种宽高width()和height() 就是获取纯粹的宽和高设置的就是纯粹的宽和高innerWidth() 和 innerHeight() 获取带padding的宽和高设置多少，最终得到的是减掉padding的宽和高outWidth() 和 outerHeight() 获取带padding和边框的宽和高设置多少，最终得到是减掉padding和边框...
2019-07-04 15:19:10
223
转载 13.jQuery懒图加载
懒加载：页面一打开先不加载，需要显示时再加载好处：让第一次网页更快原理：不在可视区域的图片，先不给src，把路径存到自定义属性里当图片到达可视区域，就把自定义属性里的路径取出来，再赋值给src就行了jQuery里默认没有这个功能，但是jQuery的插件有！jQuery的插件就是用来扩展jQuery的//jq22 网站1.导入jQuery2.导入lazyload插件3.给所有img...
2019-07-04 15:18:40
67
转载 14.jQuery自己写插件
为什么要做插件？有的时候jQuery提供的功能还不够方便总结：要给jQuery加方法，其实就是给jQuery的原型对象加就行了（ $.fn 加） // console.log($.fn === $.prototype); // $.fn 其实就是jQuery的原型对象 // jQuery对象为什么有width这些方法？是因为它的原型对象里有这...
2019-07-04 15:18:14
71
转载 3.jQuery入口函数
jquery的入口函数：$(document).read( function(){} )简写形式：$(function(){});对比JS原生入口函数和jQuery入口函数1.jQuery的入口函数调用时机比window.onload这个原生的入口函数要早jQuery的入口函数是等DOM加载完毕就调用（网页的元素加载完毕）window.onload要等资源加载完毕（网页的元素、引...
2019-07-04 15:16:48
375
转载 11.jQuery事件对像及三大坐标
事件对象：事件触发时就会产生事件对象，里面有事件触发时的相关信息，例如：点击的位置等，按下的键JS怎么拿事件对象？在绑定的函数里写一个形参e,但是有兼容问题，IE8不支持只要你是用jQuery加的事件，你可以直接在函数里写一个形参e，没有兼容，jQuery帮你处理1.x版本才兼容老版本IE总结：jQuery中的事件对象，用法跟JS原生的是一毛一样，但是不用做兼容了，jQuery帮我们做好了...
2019-07-04 15:16:16
128
原创 jQuery事件委托原理
事件委托其实是利用的事件冒泡的机制来实现的原理：把事件加在父元素上，在父元素里判断事件源（目标元素）是否为你想要触发的元素标签，如果是才触发，不是不触发事件冒泡：子元素事件触发后，会依次调用父级元素的同名事件，直到window，事件冒泡默认就存在 // // 找到ul // var ul = document.getElementsByTagName('ul')[0]; ...
2019-07-04 15:15:49
1266
转载 15.jQuery.多库共存
<!-- 又想导入jQuery1.12做老版本兼容 --><script src="./jquery-1.12.4.js"></script><!-- 我既想用3.0的新功能 --><script src="./jquery-3.0.0.js"></script><!-- 所以以上两个我都要导入，而且还都...
2019-07-04 15:13:39
143
转载 webAPI重要知识点
webAPI重要知识点总结找元素的方法document.getElementById(); //通过id找到元素，找到的就是元素，找不到返回nulldocument.getElementsByClassName(); //通过类名找到元素，永远得到伪数组，找到几个，伪数组里元素就有几个document.getElementsByTagName(); //通过标签名找到元素，永远得到伪数组，...
2019-07-04 15:10:01
92
转载 01-CSS初识
typora-copy-images-to: media第01阶段.前端基础.CSS初识CSS层叠样式表学习目标理解css的目的作用css的三种引入方式应用css三种引用方式的书写通过样式规则给标签添加简单的样式[外链图片转存失败(img-JuFMGKpe-1562218118886)(https://mp.csdn.net/media/zong1.jpg...
2019-07-04 15:07:12
352
转载 07.rem布局
需求:宽高同时适配;rem与em的异同点相同：都是相对单位，都是相对字体大小不同： 相对参考不一样em:参考元素自身字体大小rem:参考html元素字体一般开发中html的字体大小只是为了修改rem的参考值，不会对网页原有字体产生影响因为网页的字体一般设置body的font-sizerem：相对单位，相对html字体大小1.如果使用rem，一般要设置html字体大小2....
2019-07-04 15:06:16
110
转载 webAPI重要知识点
webAPI重要知识点总结找元素的方法document.getElementById(); //通过id找到元素，找到的就是元素，找不到返回nulldocument.getElementsByClassName(); //通过类名找到元素，永远得到伪数组，找到几个，伪数组里元素就有几个document.getElementsByTagName(); //通过标签名找到元素，永远得到伪数组，...
2019-07-04 14:56:48
417
原创 jQuery案例:视频弹屏
Title <!-- 核心思路是：当你点击发送弹幕以后，就创建一个新的span，加到video的div里面，并且这个span要定位，而且要改颜色 定位就随机定位，颜色也...
2019-07-04 14:44:24
248
原创 10.video()和audio()的基本用法及如何解决谷歌页面加载播放问题
如果要播放视频用video 如果要播放音频用audio他们两所有属性和用法都是一样的，只不过video专门放视频，audio专门放音频默认都没有控制条，要想有就加一个属性：controlsautoplay 自动播放muted 静音loop： 循环播放谷歌自从18年初更新后的浏览器都不允许自动播放（出于禁止广告的目的）但是如果你打开后，再刷新一下，也还是能自动播放的如果你不想刷新第一...
2019-07-04 14:43:45
909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人