- 博客(33)
- 收藏
- 关注
RSS订阅
原创 微信小程序父子传值
1、子组件自定义事件名 <view class="withdraw" bindtap="getInputnumber">提现记录</view>js methods: { getInputnumber:function(e){ this.triggerEvent('myEvent',e.detail.value) //这里的myEvent是自己自定义的事件名字，需要父组件中通过他来接受， }
2020-11-14 11:42:32
153
原创 微信小程序对接后台
1、utils中创建request.js,复制如下代码var app = getApp();//项目URL相同部分，减轻代码量//var host = 'https://shengyuan-group.com.cn/';var host = 'https://m6.zyinc.net/appapi/'// var host = 'http://m260048y71.zicp.vip/';/** * POST请求， * URL：接口 * postData：参数，json类型 * do
2020-11-13 17:42:31
941
原创 微信小程序自定义tabbar（官方custom-tab-bar）
首先我们先看一下具体功能一、修改app.json 文件，将tabBar修改为自定义tab，list 保持不变，最多5个 "tabBar": { "custom": true, "list": [{ "pagePath": "pages/main-HY/index", "text": "货源", "iconPath": "/images/tabbar/货源icon48＊48@2x.png", "selectedIconPath"..
2021-04-15 09:40:35
4811
原创 git命令行
一、 Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin git@192.168.1.119:ndshowgit push origin master 将文件给推到服务器上git remote show origin 显示远程库o...
2021-01-06 17:08:42
191
原创 前端向后端传参
1、首先获得表格每行的id <template slot-scope="scope"> <el-button type="text" size="small" @click="goRenew(scope.row.id)">恢复数据</el-button> <el-button type="text" size="small" @click="deleteReceive(scope.ro
2021-01-04 16:18:39
707
原创 git指令基本用法
git branch -a 查看当前远程所有分支git branch 查看当前绑定的分支git checkout 分支名 切换分支git status 检查当前文件状态（与仓库文件）git clone -b 克隆远程仓库项目 git clone -b 分支名 主仓库地址git fetch --all 指令是下载远程仓库最新内容，不做合并git reset --hard origin/luzhou origin 分支名字 （指令把HEAD指向master最新版本）gi.
2020-12-11 14:09:40
136
原创 npm使用方法和命令
npm config list/ls显示配置信息npm config list/ls -l更详细npm -h显示帮助信息，建议多查看npm -ldisplay full usage info ;-l is --longnpm <cmd> -h显示某个命令的帮助信息npm help npmnpm help <term>npm config set prefix path 修改npm全局安装目录npm config set cache path 修改n...
2020-12-11 12:27:16
486
原创 移动端适配
1. meta viewport首先手机端要加meta<meta name="viewport" content=" width=device-width, user-scalable=no,initial-scale = 1.0 , maximum-scale = 1.0, minimum-scale=1.0" 历史发展中，最开始我们的页面都只是给pc用的，因为没有智能手机，后来有了诺基亚，但诺基亚也不是智能手机，诺基亚访问的网站是专门做的，编写语言是wap,wap语法跟html很
2020-12-10 17:10:27
85
原创 小程序接口调用示例
// pages/activityDetail/activityDetail.js//获取应用实例const app = getApp()var call = require("../../utils/request.js")Page({ /** * 页面的初始数据 */ data: { gl_imgSrc: app.globalData.imgSrc, // gl_imgUrl: app. lobalData.imgUrl, wxParseDat.
2020-11-07 16:35:05
588
原创 微信小程序接口封装 utils/request.js
var app = getApp();//项目URL相同部分，减轻代码量var host = 'https://shengyuan-group.com.cn/';// var host = 'http://m260048y71.zicp.vip/';/** * POST请求， * URL：接口 * postData：参数，json类型 * doSuccess：成功的回调函数 * doFail：失败的回调函数 */function request(url, postData, doS.
2020-11-07 16:33:56
2438
原创 微信小程序切换
wxml<!--pages/page-qb/page-qb.wxml--><view class="brick"> <view class="my_brick">我的砖石</view> <view class="quantity">{{quantity}}</view></view><!-- 支付方式 --><view class="payment"> <text.
2020-11-07 14:08:48
506
3
原创 css初始配置
/*配置css默认样式*/body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,input{margin:0; padding:0;}ul,li,ol{list-style:none;}img,fieldset{border:0; }img{display:block;}a{text-decoration:none; color:#333;}h1,h2,h3,h4,h5,h6,strong{fon...
2020-09-28 21:12:12
227
原创 Vue X 安装
在 Vue 之后引入vuex会进行自动安装：<script src="/path/to/vue.js"></script><script src="/path/to/vuex.js"></script>NPMnpm install vuex --saveYarnyarn add vuex在一个模块化的打包系统中，您必须显式地通过Vue.use()来安装 Vuex：import Vue from 'vue'impo...
2020-09-21 20:48:20
131
原创 Vue sass安装
Vue项目中 sass安装1.sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader2.在bui...
2020-09-21 18:23:21
854
原创 滑过换图片加放大镜
js部分// 当鼠标进入原图时var objImg = [ { imgUrl: '../img/商品详情页/shangpin1.jpg' }, { imgUrl: '../img/商品详情页/shangpin2.jpg' }, { imgUrl: '../img/商品详情页/shangpin3.jpg' }, { imgUrl: '../img/商品详情页/shangpin4.jpg' }, { imgUrl: '../img/商品详情页/shangpin5
2020-09-18 17:31:45
135
原创 js深拷贝封装
Object.assign()Object.assign()也只能实现一维对象的深拷贝obj2 = Object.assign({}, obj1);JSON.parse(JSON.stringify(obj))JSON.parse(JSON.stringify(obj))的使用也是有局限性的，不能深拷贝含有undefined、function、symbol值的对象var obj2 = JSON.parse(JSON.stringify(obj1));递归深拷贝// 深拷贝封
2020-09-18 08:56:19
216
原创 改变 this 指向的三种方法的特点 call apply bind
一：call用法window.color = 'red';document.color = 'yellow';var s1 = {color: 'blue'};function changeColor () {console.log(this.color);}changeColor.call() //不传参数默认指向windowchangeColor.call(window) //指向windowchangeColor.call(document) //指向documentchangeC
2020-09-16 22:35:22
153
原创 闭包的优缺点
闭包的好处有： 1.缓存 2.面向对象中的对象 3.实现封装，防止变量跑到外层作用域中，发生命名冲突 4.匿名自执行函数，匿名自执行函数可以减小内存消耗 闭包的坏处： 1.内存消耗 通常来说，函数的活动对象会随着执行期上下文一起销毁，但是，由于闭包引用另外一个函数的活动对象，因此这个活动对象无法被销毁，这意味着，闭包比一般的函数需要更多的内存消耗。尤其在IE浏览器中需要关注。由于IE使用非原生javascript对象实现DOM对象，因此闭包会导致内存泄露问题
2020-09-16 22:30:43
3715
1
原创 防抖和节流
<script>// 防抖 function fangdou(fn,d){ var delay = d || 600 var timer ; return function(){ var _this =this ; var arg =arguments; if(timer){ clearTimeout(timer) } timer =setTimeout(func.
2020-09-16 22:12:20
237
原创 css多出文本变为省略号
.omit{ width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
2020-09-15 17:54:03
135
原创 返回顶部
// 返回顶部$(document).ready(function () { //首先将#btn隐藏 $(".right_sidebar_code4").hide(); //当滚动条的位置处于距顶部300像素以下时，跳转链接出现，否则消失 $(function () { $(window).scroll(function () { if ($(window).scrollTop() > 300) { .
2020-09-13 23:19:22
55
原创 input框内容自动变化，获得失去焦点
/*搜索框*/var search_box = ['空调', '美的空调', '海尔洗衣机', '华为手机', '海尔冰箱', '热水器', '冰箱', '手机', '洗衣机']function SetChange(){ var timer=setInterval(function () { var index = Math.floor(Math.random() * search_box.length) // console.log(index,search_.
2020-09-13 23:18:23
290
原创 随机数筛选数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net.
2020-09-11 19:03:49
110
原创 2020-9-11 jQuery 返回顶部
// 返回顶部$(document).ready(function() { //首先将#btn隐藏 $(".right_sidebar_code4").hide(); //当滚动条的位置处于距顶部300像素以下时，跳转链接出现，否则消失 $(function() { $(window).scroll(function() { if ($(window).scrollTop() > 300) { $(".right_s.
2020-09-11 17:24:11
68
原创 2020-09-10 js 进出动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcss.com.
2020-09-10 22:51:52
87
原创 npm 命令大全
bable 安装:(1):npm install –g babel-cli(2):npm install -g cnpm --registry=https://registry.npm.taobao.org [国内域](3):npm install --save-dev babel-preset-es2015(4):type nul>.babelrc [创建] 文件中写入{"presets":['es2015']}(5):babel js/es6.js -o js/es
2020-08-23 09:04:21
1042
原创 音量滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; }
2020-08-20 22:55:59
171
原创 layUI引入
<script src=" https://jquery.cuishifeng.cn/index.html"></script>（引入jQuery）<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />（引入layUI css样式）<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.js"><
2020-08-20 14:35:25
210
原创 jQuery本地
/*! * jQuery JavaScript Library v1.11.1 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors * Released under the MIT license * http://jquery.org/license * * D
2020-08-19 17:56:34
228
原创 ajax post get请求
/*function ajax(type,url,fnSucess,fnFail,data){ //对于非必须参数的处理 //考虑参数过多的情况 xhr.open(type,url,true)}*///{type:"get",url:"demo.php",fnSuccess:foo,fnFail:bar,data:data}//data{username:"aaaa",password:1111}=>"username=aaaa&password=1111"function ajax(obj)
2020-08-18 22:26:58
73
原创 jQuery
<script> console.log($('div'), $('.box'), $('#box2'), $('div,span')) console.log($('li:first'), $('li:last'), $('li:nth-child(3)')) console.log($('input:not(:checked)'), $("tr:odd")) console.log($('tr:even'), $('tr:eq(1)'), $('tr:gt(0)'))
2020-08-18 22:16:41
65
原创 html学习
<!DOCTYPE html> <!--声明文件类型为HTML格式--><html> <!--根文件，表示要写的东西是html--><head> <!--头部信息--> <meta charset="UTF-8"> <!--声明编码格式为utf-8（中文编码）--> <title>练习与格式</title> <!.
2020-06-25 18:58:30
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人