- 博客(50)
- 收藏
- 关注
原创 uni-app支付宝支付
var that = this; //封装好的请求 let opts = { url: '/api/ali/pay', //请求地址 method: 'post' //请求方式 }; ...
2020-01-06 13:48:20 1130 1
原创 uni-app动态绑定类
html:<view class="money"> <view :class="[isActive === index ? 'active' : 'one']" v-for="(item,index) in numberList" :key="index" @tap="changeClass(index)"> <view class="top">...
2019-12-12 14:57:49 2539 1
转载 http协议常见报错原因,如400,404,500等等
HTTP 错误 400400 请求出错由于语法格式有误,服务器无法理解此请求。不作修改,客户程序就无法重复此请求。HTTP 错误 401401.1 未授权:登录失败此错误表明传输给服务器的证书与登录服务器所需的证书不匹配。请与 Web 服务器的管理员联系,以确认您是否具有访问所请求资源的权限。401.2 未授权:服务器的配置导致登录失败此错误表明传输给服务器的证书与登录服务器所需的...
2019-11-19 09:09:38 607
原创 小程序 替换后台数据中的换行
解决办法: that.data.googDetail.attribute.forEach((item, index) => { // 遍历后台数据用replace替换换行符 let middel = item.value.replace("\n", ""); that.setData({ //修改数据模型的深层属性的值。 ['googDe...
2019-11-13 20:12:19 1064
原创 微信小程序将字符串转成html渲染到页面(wxParse的使用)
第一步:去wxParse的github源码地址将项目拉下来=>地址在此。第二步:将拉下来的这个项目中的wxParse文件夹拉入你的微信小程序项目。拉入到你认为合适的位置,根目录就行。第三步:在你需要使用wxParse的那个页面的.js文件中引入它。var WxParse = require('../../wxParse/wxParse.js');//路径为你放的路径,这里是参考。...
2019-11-12 20:00:34 2687
原创 小程序 百度地图逆地址解析
1.下载 bmap-wx.min.js,官方文档下载bmap-wx.min.js2.index.js中引入:import bmap from "../../libs/baidu.js"onLoad: function () { var that=this; //创建bmap实例 var BMap = new bmap.BMapWX({ ak: 'eh...
2019-11-11 12:12:36 293
原创 vue中的axios
import axios from "axios";axios.defaults.baseURL = "https://elm.cangdu.org/";axios.interceptors.response.use(function (response) { return response.data;}, function (error) { // 对响应错误做点什么 re...
2019-11-04 13:04:00 92
原创 修改下拉列表的样式
<select> <option></option> <option></option> <option></option> </select>option的样式我修改...
2019-10-30 17:39:21 350
原创 实现点击元素上传文件
效果图:点击虚线框内任意位置可以上传文件。实现过程:div和input大小设置一样,并且使其重叠(input的type为file),建立层叠上下文,input在最上面设置 opacity: 0;以下代码直接粘贴有问题,因为我是从项目中拉下来的,位置可能有误。html: <div class="oimg"> <input type="file" clas...
2019-10-30 17:28:30 1302
原创 vue中使用element-ui实现导航菜单
在main.js中引入import ElementUI from 'element-ui';Vue.use(ElementUI);`组件内代码为: <template> <el-col :span="12"> <el-menu default-active class="el-menu-...
2019-10-29 18:50:25 5009 1
原创 vue中使用axios
1. 安装npm install --save axios2.导入import axios from "axios";3.使用created() { axios .get("地址") .then(data => { window.console.log(data) }); }
2019-10-29 13:51:59 98
原创 new运算符的过程
1、创建一个空对象,作为将要返回的对象实例。2、将这个空对象的原型,指向构造函数的prototype属性。3、将这个空对象赋值给函数内部的this关键字(apply)。4、开始执行构造函数内部的代码。5.如果构造函数内部有return语句,new命令会返回return,否则返回this对象。...
2019-10-24 20:39:00 122
原创 倒计时
js部分:export default function CalcTime(endtime) { var obj = {}; var endDate = new Date(endtime); //当前时间 var nowDate = new Date(); //相差的总秒数 var totalSeconds = parseInt((endDate ...
2019-10-23 09:48:17 128
原创 圣杯布局与双飞翼布局
圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。两者相同之处是实现三栏布局,都是利用float浮动加上左右两栏用负margin实现并排。不用之处在于解决中间栏内容的遮挡问题:圣杯布局:中间div设置padding值,左右两栏相对定位 position: relative回到对应位置。 <div id="hd"&g...
2019-10-18 20:50:29 71
原创 什么是BFC、可以解决哪些问题
BFC概念:块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。产生BFC的方法:float有值且不为空。overflow有值且不为visible。display有值为:inline-block,table-cell,flow-root,table-capti...
2019-10-16 18:53:28 2800 2
原创 Vue计算属性和侦听器
计算属性:computed在模板中放入太多的逻辑会让模板过重且难以维护。(computed的由来有一个重要原因,就是防止文本插值中逻辑过重,导致不易维护)例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>对于任何复杂逻辑,我们都可以使用计算属性。例子:<div...
2019-10-16 15:03:15 137
原创 js中的作用域链
JavaScript上每一个函数执行时,会先在自己创建的AO上找对应属性值。若找不到则往父函数的AO上找,再找不到则再上一层的AO,直到找到大boss:window(全局作用域)。 而这一条形成的“AO链” 就是JavaScript中的作用域链。...
2019-10-15 17:11:14 597
原创 Vue——过滤器
用法只要使用管道符号就可以了。这里和命令行里的“管道”或者后端说的“中间件”的道理是一样的,一个输入一个输出。<span>{{ 数据 | 过滤器}}</span>全局过滤器:<div id="ss">{{money|my}}</div><script> Vue.filter('my',function(val){ ...
2019-10-14 22:03:14 92
原创 Vue小小案例——购物车
实现购物车结算功能,效果图如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-10-14 21:50:38 157
原创 Vue——条件渲染(v-if ,v-show)
v-if ,v-else在 template 元素上使用 v-if , v-else 条件渲染分组因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 元素。 <div id="ss"> <button @click="show...
2019-10-14 21:43:29 217
原创 Vue动态绑定样式
Vue动态绑定样式——class1.对象语法{ className:数据模型 } <div :class="{myclass1:show}" id="ss"></div> <script> let vm = new Vue({ el: "#ss", data: { ...
2019-10-14 21:07:11 606 1
原创 Vue学习指令二
事件修饰符在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。为了解决这个问题,Vue.js 为 v-on 提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的。①.stop 阻止冒泡...
2019-10-14 20:36:14 82
原创 vue学习记录一(指令)
一:介绍Vue.js是什么?Vue.js是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。...
2019-10-11 21:04:35 80
原创 Less开发常用知识点归纳
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展,可以运行在 Node 或浏览器端。
2019-10-11 16:33:36 121
原创 node.js简单实现登录功能
需求:若用户信息与数据库中信息相匹配,将可登录,反之不可登录。需求分析:1.前端发送用户登录信息给后台。2.后台校验用户信息是否正确,若完全匹配则可登陆成功,反之登陆失败。前端代码: //导入封装好的ajax请求(封装的Ajax请求下方有链接) <script src="./ajax.js"></script> <style> ...
2019-10-11 08:59:39 838
原创 node.js简单实现注册功能
需求:若用户名未注册,将用户注册信息保存到数据库中。需求分析:1.前端校验用户注册信息,并向后台发送请求。2.后台校验用户是否注册,若未注册则将信息写入数据库中。前端代码: //导入封装好的ajax请求(封装的Ajax请求下方有链接) <script src="./ajax.js"></script> <style> ...
2019-10-11 08:48:00 250
原创 Promise简单封装ajax请求
注意: ajax函数里ourl参数可选。function Ajax(method, url, ourl) { return new Promise((resolve, reject) => { var xhr = new XMLHttpRequest(); //无参 if (ourl == undefined) { ...
2019-10-10 21:56:54 81
原创 es6常用特性———Set
ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。set本身是构造函数,用来生成set数据结构。set的属性:size;返回set实例的成员总数。let set = new Set(); set.add(10).add(20).add(30);console.log(set.size); //3set的方法:① add(value):添加...
2019-09-28 21:41:52 120
原创 es6常用特性———函数扩展(rest参数)
1.参数默认值在调用函数时,如果没有提供该参数,则使用默认值 。在es5中给参数添加默认值如下:function show(a, b, c) { if (c === undefined) { c = 0; } console.log(a + b);}show(1, 2); //3es6中为函数添加默认值如下:function show(a,...
2019-09-28 20:13:32 402
原创 es6常用特性———解构
1.解构的概念ES6 中允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。2.变量的解构没学习解构之前,我们要给变量赋值时采取以下的方式: let a = 1; let b = 2; let c = 3; console.log(a, b, c);//1 2 3在进行对数组的...
2019-09-28 19:43:08 112
原创 es6常用特性———let const
之前我们学习过的定义变量的关键字有哪些呢?var function,今天我们要来看的是es6中的let 和const关键字,首先来看let,let基本用法let命令只在其所在的代码块内有效。 { let a = 10; var b = 20; console.log(a); //10 }...
2019-09-28 13:22:47 195
原创 点击一个ul的五个li元素,分别弹出他们的序号
1.使用let(用let声明的变量,只在其所在的代码块内有效)<ul> <li>000</li> <li>111</li> <li>222</li> <li>333</li> <li>444</li></ul>...
2019-09-26 15:44:16 489
原创 undefined与null的区别
1.相似性在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别。undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。 if (undefined) { console.log('ok') } else { console.log('no') } ...
2019-09-25 21:58:45 115
原创 es6常用特性———箭头函数
我们知道在ES6中,引入了箭头函数,其本质就是等同于ES5中的函数,但是相比es5中的函数,箭头函数更加简洁,下面我们详细来了解一下箭头函数。es5中函数表达式写成es6中箭头函数的规律如下: 1.省略function 用 => 来标识; 2.参数个数: 1)一个参数,省略小括号。 2)多个参数,不省略小括号。 3.函数体内有多少句指令: 1)一条指令 ...
2019-09-25 17:58:32 168
原创 js实现百度搜索框提示(跨域)
效果图如下:html部分:<input type="text" id="inp"><button>搜索</button> <ul id="oul"></ul>css部分:<style> * { margin: 0; padding: 0; box-si...
2019-09-24 20:43:27 449
原创 关于跨域
跨域的概念:非同源地址间的请求称为跨域。(同源指的是协议,端口,域名完全相同)。如何解决跨域:**1.**在服务器端添加允许跨域。respones.setHeader('Access-Control-Allow-Orign','*')2.利用jsonp访问服务器 var url = '域名?callback=fn'; var jsonp = document.cre...
2019-09-24 19:58:33 93
原创 z-index的注意事项
1.z-index只对定位元素(position不等于static)有效。2.父子关系中,若想父级覆盖子级,只有父级无z-index,子级z-index:-1才可,若子级为正值,父级设多大都无效。3.z-index为auto时,与z-index为0时的区别: 设置为auto时元素不参与层级关系的比较,不建立层叠上下文; 设置为0时则建立层...
2019-09-19 21:57:21 562
原创 1块、4块、5块,求总数n块的最少硬币数
思路:n块首先除以最大的数(5),判断是否有余数,若无余数,得到的数就是需要的数量。 若有余数则余数在除以第二个大的数(4),同样判断是否有余数,若无余数则需要的数量为前一个的数量加上现在得出的数量,若有余数则余数再除以第三个大的数(1),以此类推。 function getNum(n) { var num = 0;//num保存需要的块数 //如果除以5...
2019-09-19 18:26:17 2258 2
原创 裴波那契数列
斐波那契数列,又称为黄金分割数列,指的是这样一个数列:1、1、2、3、5、8、13、21、34…(第三个数等于前两个的和,第四个数等于第二个第三个的和,以此类推。)怎样用代码实现一个斐波那契数列呢?以下是两种方法:1.递归 function getNum(n) { if (n == 1 || n == 2) { return 1; ...
2019-09-19 17:50:14 2235
原创 js浅拷贝和深拷贝
浅拷贝:只复制对象的引用地址,两个对象指向同一个内存地址,所以修改其中任意一个的值,另一个也会随之改变,这就是浅拷贝。1.赋值 var m = { a: 10, b: 5, } var n = m; n.a=15; console.log(m.a)//15m.a会输出1...
2019-09-17 11:32:00 121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人