- 博客(60)
- 收藏
- 关注
原创 js 获取某年某月的第几个周的时间段
function getWeek (year,month,week){ var time = new Date(year + '-'+ month); var firstweek = time.getDay(); var firsttime = time.getTime(); var onedata = 24*3600*1000; var lastweekTime =new Date(firsttime + (7-firstweek+1)*onedata + (week-1)*7*on.
2022-03-31 17:16:36
430
原创 基于el-slider实现刻度尺进度条封装
结果:所需素材图:封装插件:<template> <div class="block"> <div class="title_block" :style="{ left: timestep + '%' }" v-if="isFar"> <span>当前实点计划</span> <img src="./images/xiabiao.png" class="title_img" alt="" />
2021-10-25 17:50:37
584
原创 vue 页面滚动条的逻辑处理
问题:点击页面某处的按钮实现全屏展示,关闭全屏展示后滚动条会初始化。需求:关闭全屏后滚动条不初始化,点击前后页面位置不改变。逻辑:监听点击前滚动条距离顶部的距离,关闭后改变滚动条初始化的位置。实现:<div id='wrap' ref="Scroll"></div>//datascrollTop: 0,scrollNum:0//mounteddocument.querySelector("#wrap").addEventListener('scroll', ()=&
2021-04-21 09:04:54
169
原创 vue 移动端echarts横屏竖屏展示
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title
2021-04-19 14:34:51
1860
原创 echarts 自适应监听和数据重加载的一些写法
methods:{ echartsInit() { const that = this // 将当前的this赋值给that,因为接下来this的指向不是当前的vue实例 that.myChart = echarts.init(document.getElementById('myChart')) // 初始化echarts that.myChart.clear() // 多次绘制之前,先清空一下 let option // 无数据时候显示 // 转换为空字
2021-04-19 08:58:08
564
原创 vue 手写类似提示框
首先,我想说,,,,以下内容都很赶时间,只为记录!!!设计图是这样子的:没有找到相关插件,所以自己写插件。<template> <div class="hello"> <div v-for="(item,index) of list" :class='["classify",(index + 1)%3 != 0?"demo":"demo_"]' v-if="(index + 1)%3 != 0 || item.isok" :key='index'>
2021-04-04 22:13:28
126
原创 vue用splice给数组动态循环添加对象踩坑
动态向数组中添加对象,例如://比如说这是一个后台返回的数组list: [{ 'name': '安全策划', 'number': 4 }, { 'name': '安全策划', 'number': 4 }, { 'name': '安全策划', 'number': 4 }, { 'name': '安全策划', 'number': 4 },
2021-04-04 22:06:08
1925
原创 jQuery + javascript 轮播图
项目demo样式如下,具体我也不清楚有什么效果,看吧…效果就是这样子的,因为也是闲的无聊,就想着回忆一下Jquery和原生Js,代码粗制滥造,见笑见笑。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <style type="text/css"> .content { height: 30vh;
2020-11-18 11:41:12
108
原创 基于electron-vue 实现打包桌面应用,自动更新,自定义安装目录(实际项目开发记录篇)
首先在此感谢两位大佬的博客:vue+electron 打包,自动更新,修改默认安装目录,electron-vue实现自动更新功能接下来按照项目实践总结如下:1、 在vue-electron的基础上,创建一个名为electron-demo的项目 //安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue electron-demo //安装依赖并运行你的程序 cd electron-demo
2020-11-04 10:43:15
1922
2
原创 vue-cli4 + Electron打包成桌面程序
首先,完成了一个名为‘demo1’的vue-cli4项目,在根目录下创建一个vue.config.js文件:module.exports = { runtimeCompiler:true, publicPath: './' //主要要这个玩意}在项目根目录下新建 preload.js,内容可以为空主要用来在创建桌面窗口前定义一些window全局变量。可根据项目自行定义。如:window.isElectron = true在项目中进行判断是否为桌面程序打开,可以调用elec
2020-10-16 15:36:20
385
原创 React + nodeJs + axios 初始react,简易demo
首先,先抛出一个接口 /demo,传一个array;var express = require('express');var app = express();app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.heade
2020-08-17 11:00:14
241
原创 uniapp微信小程序自定义刘海屏头部兼容问题
首先说一下,现在iPhone有刘海屏的一些型号(iPhone X iPhone XR iPhone XS Max…);通俗点说,因为微信小程序头部这玩意:如果需要和它平齐写一个头部样式的话,刘海屏会向下压一部分高度从而导致样式不平齐。所以我的解决办法是给他一个占位符,将它压下的高度给他顶起来。 <view class="fit" v-if="fit"> <!-- 占位兼容刘海屏 --> </view>uni.getSystemInfo(OBJECT
2020-07-03 16:26:00
4542
1
原创 ES6 字符串新增方法
1、查找字符串JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中(存在返回下标,不存在则返回-1。ES6 又提供了三种新方法:includes(): 返回布尔值,表示是否找到了参数字符串。startsWith(): 返回布尔值,表示参数字符串是否在原字符串的头部。endsWith() :返回布尔值,表示参数字符串是否在原字符串的尾部。let s = 'Hello world!';s.startsWith('Hello') // trues.end
2020-06-02 10:04:37
466
原创 vue实现子页面刷新
使用this.$router.go(0)方法刷新页面会造成全页面刷新,有的需求并不建议使用路由刷新。首先图解需求:选择使用 provide / inject方法实现:全局页面中 <keep-alive v-if="isReloadData"> <router-view/> </keep-alive> data() { return { isReloadData: true, } } //暴
2020-06-01 16:13:15
3026
原创 ES6 变量的解构赋值
一、变量的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构//以前,为变量赋值,只能直接指定值。let a = 1;let b = 2;let c = 3;//ES6 允许写成下面这样。let [a, b, c, d] = [1, 2, 3];//从数组中提取值,按照对应位置,对变量赋值console.log(a);//1console.log(d);//undefined//ES6不完全解析let [a, [b
2020-05-29 14:06:31
309
原创 ES6声明变量 (let const)
ES6声明变量共有6种方法:let、 var、 const、 import、 function、 class;该篇博客只谈一下let命令和const命令:let: 声明的变量,只在当前的代码块内有效。特点:a、不存在变量提升 b、暂时性死区(变量只能在声明之后使用) c、不允许重复声明块级作用域(Es5只有全局作用域和函数作用域,没有块级作用域)if(){///////////}//这就是一个代码块ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声
2020-05-29 10:18:58
150
原创 nodeJs + qr-image + express 生成二维码并在前台扫码案例
话不多说,直接上代码,如有什么不懂之处请点击此处查询。服务器端代码:var express = require('express');var app = express();var qr = require('qr-image');// 解决跨域app.all('/',(req,res,next)=>{ res.setHeader('Access-Control-Allow-Origin', '*'); res.setHeader('Access-Control-Allo
2020-05-25 15:06:50
1505
1
原创 vuecli4 引入 echarts 动态数据渲染 + 页面自适应
<!-- 折线图 --> <div id='broken'></div>在mounted周期中渲染//引入大体轮廓var echarts = require('echarts') var myChart = echarts.init(document.getElementById('broken')); // // 绘制图表 myChart.setOption({ title: { text: '堆叠区域图', x:'40.
2020-05-19 09:12:31
597
原创 elementUi 侧栏折叠不隐藏文字
Menu Attribute 的参数 collapse 值为true时折叠侧边栏(仅在 mode 为 vertical 时可用)设置后是可以折叠但效果如图:折叠时文字没有隐藏,对比官网后发现问题所在,之所以出这个问题是因为我的导航是这样写的<template slot="title"><i class="el-icon-plus"></i>添加数据</template>正确写法应该这样写<template slot="title">
2020-05-15 08:53:24
2743
原创 VueCli4 + vant + VantRem 适配方案
废话不多说了,咱们看实际操作:1、vant rem适配,需要安装两个插件postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem;lib-flexible 用于设置 rem 基准值;npm install postcss-pxtorem --save-devnpm i -S amfe-flexible2、在 main.js 引入amfe-flexibl...
2020-04-23 09:31:40
1017
原创 nodeJs + websocket 循环小案例
开局一个项目,咱们先给项目装一个nodeJs的模块,叫nodejs-websocket ,npm install nodejs-websocket服务端var ws = require("nodejs-websocket") var index = 0;let IndexNum; var server = ws.createServer(function(conn) { ...
2020-04-01 11:00:00
337
原创 hbuilderx + uniapp 打包ipa提交App store踩坑记
1、获取ios开发证书、描述文件、appId;如何获取ios证书、描述文件、APPID2、打包.ipa并在添加的调试设备上测试、修改;3、提交App Store并推送审核;注:在此博主是通过iOS上架辅助软件Appuploader提交.ipa,具体可参考ios app真机测试到上架App Store详细教程在提交期间,博主遇到四个错误:ITMS-90046解决办法:如果app没有使用...
2020-03-26 18:21:00
2203
原创 nodejs + mysql 实现简单注册功能(小demo)
创建一个数据库并建立数据表,如图:2.创建两个字段,uuid字段用来接收密码,userName字段用来接收名字,如图:3.nodejs代码如下,运行后:// Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。var express = require('express');var my...
2020-03-18 11:54:58
819
1
原创 mysql 基本语句查询
像笔记本一样,忘记就来查查。CREATE DATABASE teacher;//创建数据库名为teacherDROP DATABASE student;//删除student数据库CREATE TABLE teacher_name(id INT(11),name VARCHAR(25),age INT(2));//在teacher数据库中创建表teacher_nameDROP...
2020-03-17 15:29:21
67
原创 Javascript实现双向绑定
此方法借助Object.defineProperty进行数据劫持,利用了对象属性描述符中的存取描述符实现的数据双向绑定:<body> <div class="content"> <input type="text" name="txt" id="txt" value="" /> <h1...
2020-02-21 15:21:45
102
原创 Git学习笔记
基于廖雪峰老师Git教学笔记 Git介绍Git是分布式版本控制系统集中式VS分布式,SVN VS GitSVN和Git主要的区别在于历史版本维护的位置Git本地仓库包含代码库还有历史库,在本地的环境开发就可以记录历史而SVN的历史库存在于中央仓库,每次对比与提交代码都必须连接到中央仓库才能进行。这样的好处在于:自己可以在脱机环境查看开发的版本历史。多人开发时如果充当中央仓库...
2020-02-03 13:26:50
133
原创 vue、uniapp、微信小程序等单选钮radio选中之后怎样被重置呢?
本篇以uniapp项目为例开始之前要先排除uniapp官网的这种写法 { value: 'CHN', name: '中国', checked: 'true' },不要以里面checked的取值来判断是否应该...
2020-01-17 15:13:56
3416
2
原创 前端开发中遇见背景图不展示的问题
类似于微信小程序或uniapp项目,背景图片需网络路径或base64才可展示,甚是麻烦。以下是我的解决方案: data() { return { tel: '', password: '', img:'/static/img/banner_one.png'//展示的图片本地路径 } },<view class="content" :style...
2020-01-10 17:42:25
912
原创 前端根据关键字做查询,有后端什么事
在开发过程中,经常会遇到关键字查询功能,比如酒店列表,搜索酒店名称查询对应酒店,如果将查询交于后端实现的话,前端只需将关键字传递给后端接口,但是不断的请求服务器定然不是可行之举啊! 所以最优的解决方案就是...
2020-01-07 09:12:16
2518
5
原创 前端借助工具根据接口文档mock数据
对于前后端分离开发,必须要写接口文档。前端根据接口文档开发前端功能,后端根据接口文档,提供正确的数据,只有这样,前后端在工作上也能做到低耦合。否则前后端的开发高度耦合,敢想象吗? 有了接口文档后,前端可以利用mock.js等工具,进行数据模拟(一定严格按照接口文档进行模拟,如果确实在实际开发中,发现接口文档写的有问题...
2019-12-30 15:51:32
584
原创 jQuery竟然如此简单
jQuery 是一个 JavaScript 库, 极大地简化了 JavaScript 编程。 这里我就不啰嗦jQuery该怎样去学习,大家可自行按喜欢的方式去学习,在此我只做一些方法记录,类似于jQuery方法笔记。 jQuery 选择器 &...
2019-12-26 14:23:02
205
原创 前端权限怎么弄,如何根据权限限制其能否进入该模块
简介: 软件开发中的权限管理是常见的问题,因为,有的项目牵扯到不同工作人员的职责和权限,如酒店类软件开发,不同的人员登录进入到软件后,点击菜单(功能)是有权限限制的,这就是所谓的软件系统权限。权限怎么弄(前端)?首先软件的菜单的做成“活的”,即,菜单不能是纯粹的静态的,而应该是根据后端返回来的数据,来显示菜单的。菜单如何做成活的? 1、后端给前端返回菜单数据 ...
2019-12-24 10:21:27
829
原创 初鉴canvas,展示个小小的小案例
今天工作量不大,得空了解了一下canvas,顺便画出了一个“丁”老头,特此展示,以待大众取乐而已!好不好看????算了,辣眼就辣眼吧,看代码吧。<canvas id="canvas" width="500" height="500"></canvas>var canvas = document.getElementById("canvas"); var c...
2019-12-20 15:42:11
102
原创 基于uniapp异步封装接口请求简介
uni.request({ url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。 data: { text: 'uni.request' }, header: { 'custom-header': 'hello' //自定义请求头信息 }, success: ...
2019-12-20 11:31:34
1486
原创 filter()遍历Array异常友好
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意: filter() 不会对空数组进行检测。注意: filter() 不会改变原始数组。用法如下:var a = [ {name:'小强',texts:'数学'}, {name:'小强1',texts:'数学1'}, {name:'小强',texts:'数学2'}, {name:'...
2019-12-17 10:18:38
199
原创 mui 微信支付 排坑
var that = this; var wxChannel = null; // 微信支付 var aliChannel = null; // 支付宝支付 var channel = null; //支付通道 mui.init() mui.plusReady(function() { plus.navigator.setSta...
2019-11-14 21:59:56
221
原创 uniapp image 引入本地图片不显示
src="/static/***.png"首先引入必须是相对路径如果还没显示的话,请看一下包裹他的父元素是不是,如果是请换成再不行的话我也没办法了
2019-11-06 19:06:13
23397
3
原创 mui picker和下拉刷新冲突问题
解决这个问题,最核心的就是当picker弹出时,关闭下拉刷新功能mui('#content').pullRefresh().disablePulldownToRefresh();//暂时关闭下拉刷新然后关闭picker 弹出时,开启下拉刷新mui('#content').pullRefresh().enablePulldownToRefresh();//开启下拉刷新注:‘#content’ ...
2019-11-01 09:45:31
525
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人