- 博客(41)
- 收藏
- 关注
RSS订阅原创 uni push2.0实现消息推送(在线&离线)
没有配置应用或者没有配置应用的各平台信息，需要先新增一个应用然后在该应用中新增平台信息。找到uniPush->2.0->应用信息，配置以下信息。需要开通uniCloud服务（推荐阿里云）安卓平台需要配置以下信息（证书生成的信息）进行配置uni push2.0。厂商离线推送设置 ——，配置常见问题 ——
2023-05-04 14:54:32
3410
4
原创 js手写实现各种函数
Object.create()Object.prototype._create = function(obj) { if(Object.prototype.toString.call(obj) !== '[object Object]') return let newObj = {} newObj.__prop__ = obj return newObj}mapArray.prototype._map = function(fn) = { if(typeof fn !==.
2022-05-17 22:51:50
163
转载 js实现文件下载功能
一、a标签下载<body> <button onClick="download()">a标签下载</button> <script> function download(url = 'http:www.xxx.com/download?name=file.pdf', fileName = '未知文件') { const a = document.createElement('a'); a.style.display = '
2022-05-14 18:57:45
36455
原创 封装el-table组件
封装的el-table组件<template> <el-table border v-loading="loading" :data="tableData" @selection-change="selectionChange" style="width: 100%"> <el-table-column v-if="tableType" :type="tableType" width="5
2022-04-24 09:48:50
336
原创 el-dropdown组件实现三级菜单
el-dropdown组件实现三级菜单一级菜单点击触发，二级、三级hover触发<el-dropdown trigger="click"> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> </span> <el-dropdown-menu slot="dropdown">
2022-03-19 11:28:40
3489
4
原创 eCharts简易封装
思路：将事先需要用的配置属性写到option中再把传进来的option相对应的属性进行合并代码：function myCharts(el,options) { var myChart = echarts.init(document.getElementById(el)) var option = { autoHeight:'', title: { text: '', left:'auto', subtext:''
2021-09-10 17:14:08
858
原创 使用eCharts实现中国地图的散点图
getMapChartData() { // 初始化echarts实例 var myEcharts = echarts.init(document.getElementById("map-chart")); var option = { geo: { map: 'china', label: { normal: { show: fals
2021-09-10 10:50:26
2749
1
原创 vue3组合式API基本使用
一、 setup入口函数1 ) 注意：setup方法中this指向undefined（原因：setup函数在创建组件之前调用)2 ) setup参数props：组件接收过来的属性；content：上下文对象3 ) content对象属性attrs：未使用props声明接收的属性slots：获取插槽，content.slots.default() –> 获取默认插槽emit：发送自定义事件rootparentrefs二、API使用注意：每使用一个api需要先进行引入
2021-07-25 19:56:40
1253
原创 微信小程序生成海报功能
微信小程序生成海报功能实际使用canvas进行绘制和生成图片实际工作使用canvas遇到了几个问题：获取canvas节点宽高为空场景：canvas节点进入页面是先被隐藏且未被渲染的，点击“生成海报”按钮后在进行渲染并开始获取canvas节点，结果获取canvas节点宽高为空解决：使用倒计时延迟200ms进行获取在canvas中绘制base64格式图片解决：方案在如下代码中wx.canvasToTempFilePath生成图片报错"canvasToTempFilePath: fail canv
2021-06-04 17:24:25
3640
3
原创 CSS Gird布局
以下图片列举了grid布局的所有属性Grid布局具体使用可参考：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
2021-05-26 10:50:49
93
原创 使用input上传图片并本地预览
话不多说上代码<div id="app"> <input @change="uploadImage" type="file"></input> <img :src="imgSrc" alt=""></div> <script> var vm = new Vue({ el:'#app', data: { imgSrc: '', }, uploadFile
2021-05-13 11:25:17
485
原创 mock.js简单使用
安装mock,js1.script标签引入<script src="http://mockjs.com/dist/mock.js"></script>2.npm安装在这里插入代码片在vue中使用1.新建test.js文件// 引入Mock.jsimport Mock from 'mockjs'2.使用mock()方法模拟请求接口mock() 第一个参数填写请求地址(自定义)；第二个参数是请求到的数据模拟获取数据// 模拟数据let classi
2021-04-27 11:26:17
196
原创 小程序消息订阅
关于小程序消息订阅注意：小程序消息订阅需要用户手动点击或者在支付回调中才能触发wx.requestSubscribeMessage （小程序消息订阅消息API） wx.requestSubscribeMessage({ // 订阅消息模板id tmplIds: ['gsX938KQ7V_7YJZe_mbpA8JgBSn2v0llvkZhHVwN2lM'], success: (res) => { // 获取当前这个模板id的状态
2021-04-25 15:50:42
199
原创 jq中ajax封装为promise
function request(method, url, data) { return new Promise((resolve, reject) => { $.ajax({ type: method, url, data, dataType: "json", success: (res) => { resolve(res)
2021-03-20 00:18:46
250
转载 JS中apply、call和bind的区别
JavaScript中apply、call和bind的区别在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。var xw = { name : "小王", gender : "男", age : 24,
2021-01-07 15:53:37
73
原创 使用Git上传项目
一、打开本地项目文件夹，在当前文件夹点击右键，点击 Git Bash Here（没有git的需要百度下载）二、执行初始化语句，让这个文件夹被 git 托管$ git init成功后会出现一个 .git 的隐藏文件夹三、添加到缓存区$ git add . // .代表所有文件都添加四、提交到本地仓库$ git commit -m "commit" // 引号里面是备注信息，随便写五、关联远程仓库1.复制仓库地址2.执行关联命令$ git remote add origin
2020-12-28 10:23:25
1520
原创 关于thinkphp跨域的坑及解决方法
关于thinkphp跨域我使用的是thinkphp5.1版本，版本自带跨域解决方案，但好像不起作用。我是用以下方法解决：class Common extends Controller{ // 控制器初始化 protected function initialize() { parent::initialize(); // 允许的源域名 header('Access-Control-Allow-Origin:*'); //
2020-11-28 21:24:25
1694
原创 Composer安装thinkphp
1.没有下载Composer的，我们只需要下载 Composer-Setup.exe（针对window平台） 后，一步步安装即可。需要注意的是以下这一步，以我的phpstydy集成环境为例选择路径进行安装：2.打开命令行窗口输入以下命令：composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/3.如果你是第一次安装的话，在命令行下面，切换到你的WEB根目录下面并执行下面的命令：composer
2020-11-12 21:21:22
489
1
原创 浏览器页面滚动条美化
/*定义轨道的宽高{height定义的是横向轨道的高，width定义的是垂直轨道的宽}*/::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } /*定义的轨道的样式*/::-webkit-scrollbar-track { border-radius: 2px; background-color: #f5f5f5; } /*定义的滑块的样式*/::-webkit-scrollb
2020-11-10 16:01:36
155
原创 关于小程序scroll-view组件的使用
<scroll-view scroll-x="true"> <view>item1</view> <view>item2</view> <view>item3</view> <view>item4</view> <view>item5</view></scroll-view>scroll-view组件横向滚动直接使用会有问题的，因为它下面的子元素并
2020-10-17 18:55:56
136
原创 JS中的防抖与节流
防抖触发高频时间后n秒后函数只会执行一次，如果n秒内高频时间再触发，则重新计算是时间const debounce = (fn, time) => { let timeout = null; return function () { clearTimeout(timeout); timeout = setTimeout(() => { fn.apply(this, arguments); }, time
2020-10-14 09:31:10
65
原创 php数组相关函数
php数据相关函数compactcompact()函数用于将一个或多个变量，甚至数组变量转换为新的数组，这些变量的变量名就是数组地键，变量值就是数组元素的值。<?php$name = '小琳';$age = 22;$hobby = array("唱歌","跳舞","弹琴");$array = compact("name","age","hobby");print_r($array); // Array ( [name] => 小琳 [age] => 22 [hob
2020-10-08 21:48:06
152
原创 JS数组的相关操作
数组类型检测let arr = [1,2,15]Array.isArray(arr) // true数组转字符串let arr = ['a','b','c']arr.toString() //a,b,cString(arr) //a,b,carr.join("") //abcarr.join(",") //a,b,c字符串转数组let str = "daqianduan"str.split("") // ["daqianduan"]Array.from(str) // ["d"
2020-06-23 14:54:22
243
原创 字符串的相关操作
字符串的基本操作string.toUpperCase() //大写转换string.toLowerCase() //小写转换string.trim() //去除空格//获取字符串中的某个字符string.charAt(index)string[index]字符串的截取let string = "javascript"// 参数1:截取的起始位置，参数2:截取到的指定位置之前string .slice(0) //javascript （起始位置为0不截取,其余俩个同理）str
2020-06-22 16:33:45
104
原创 JS数组中的对象去重
1.对象数组（根据某个属性去重）let person = [{ name:'张三'， age:18, sex:'男'},{ name:'赵二'， age:18, sex:'男'},{ name:'王五'， age:18, sex:'男'},{ name:'赵二'， age:18, sex:'男'},]let hash = {}person= person.reduce(function(arr, current) { hash[current.name]
2020-06-02 09:03:55
151
原创 v-for循环元素中的选中、多选与取消选中
<template><div v-for="(item,index) in list" :key="index"> <div @click="selectClick(item,index)"> <div v-show="item.isShow">{{item.name}}</div> </div></div&...
2020-04-27 18:24:57
1945
原创 js时间格式化
一："2018-05-19T08:04:52.000+000"格式时间var time="2018-05-19T08:04:52.000+0000";var d = new Date(time);var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':...
2020-04-27 17:59:26
120
原创 高阶函数
高阶函数forEach()无返回值可改变原数组let arr = [80,90,60,50,40]arr.forEach((item, index, arr) => { // item:当前项(必须) // index:当前索引（可选） // arr:原数组（可选） // console.log(arr[index] === item) // true arr[in...
2020-04-22 11:34:02
146
原创 Cookie、sessionStorage、localStorage的区别
Cookie、sessionStorage、localStorage的区别共同点都是保存在浏览器端，并且是同源的不同点Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制...
2020-03-27 18:21:21
73
原创 BOM常用的属性
BOM（浏览器对象模型）location对象location.href-- 返回或设置当前文档的URLlocation.search – 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面的内容?id=5&name=dreamdulocation.hash – 返...
2020-03-27 17:56:01
240
原创 Less预处理语言的基本使用
1.在less中的注释以 // 开头的注释，不会被编译到css文件中以 /**/ 包裹的注释会被编译到css文件中2.less的变量使用@声明一个变量/* 使用 @ 声明一个变量 */@vari: blue;作为属性值来使用上面声明的变量，直接使用 @vari/* 作为属性值来使用上面申明的变量，直接使用 @vari */.wrap { background: @...
2020-03-26 10:55:12
330
原创 webpack的安装
1.进入nodejs官网，安装最新稳定版本（官网链接：https://nodejs.org/en/）2.安装好后可以到命令行输入node-v和npm-v查看node和npm是否安装成功（安装node是npm包管理工具会一同安装）3.安装webpack之前我们还需要进行项目的初始化，在项目终端输入npm init，这时项目目录下就会多一个package.josn的文件4.初始化项目后就可以安...
2020-03-25 18:15:40
303
原创 CommonJs规范
CommonJS 规范简介1.每个文件可以当做一个模块2.在服务器的加载模块是同步的，必须要成功加载，等待其返回值，然后后面的代码才可执行3.在浏览器端的加载需要先使用工具编译打包处理基本语法导出模块：module.exports = { flag: true, test(a, b) { return a + b }, demo(a, b) { return a * b...
2020-03-24 18:58:03
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人