孤身不觉晚-CSDN博客

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 406

原创基于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 528

原创 vue 页面滚动条的逻辑处理

问题：点击页面某处的按钮实现全屏展示，关闭全屏展示后滚动条会初始化。需求：关闭全屏后滚动条不初始化，点击前后页面位置不改变。逻辑：监听点击前滚动条距离顶部的距离，关闭后改变滚动条初始化的位置。实现：<div id='wrap' ref="Scroll"></div>//datascrollTop: 0,scrollNum:0//mounteddocument.querySelector("#wrap").addEventListener('scroll', ()=&

2021-04-21 09:04:54 152

原创 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 1753

原创 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 531

原创 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 115

原创 vue用splice给数组动态循环添加对象踩坑

动态向数组中添加对象，例如：//比如说这是一个后台返回的数组list: [{ 'name': '安全策划', 'number': 4 }, { 'name': '安全策划', 'number': 4 }, { 'name': '安全策划', 'number': 4 }, { 'name': '安全策划', 'number': 4 },

2021-04-04 22:06:08 1876

原创 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 94

原创基于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 1798 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 357

原创 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 228

原创 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 4385 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 446

原创 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 2967

原创 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 239

原创 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 130

原创 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 1421 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 574

原创 elementUi 侧栏折叠不隐藏文字

Menu Attribute 的参数 collapse 值为true时折叠侧边栏（仅在 mode 为 vertical 时可用）设置后是可以折叠但效果如图：折叠时文字没有隐藏，对比官网后发现问题所在，之所以出这个问题是因为我的导航是这样写的<template slot="title"><i class="el-icon-plus"></i>添加数据</template>正确写法应该这样写<template slot="title"&gt

2020-05-15 08:53:24 2651

原创 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 1001

原创 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 313

原创 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 2112

原创 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 764 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 61

原创 Javascript实现双向绑定

此方法借助Object.defineProperty进行数据劫持，利用了对象属性描述符中的存取描述符实现的数据双向绑定：<body> <div class="content"> <input type="text" name="txt" id="txt" value="" /> <h1...

2020-02-21 15:21:45 79

原创 Git学习笔记

基于廖雪峰老师Git教学笔记 Git介绍Git是分布式版本控制系统集中式VS分布式，SVN VS GitSVN和Git主要的区别在于历史版本维护的位置Git本地仓库包含代码库还有历史库，在本地的环境开发就可以记录历史而SVN的历史库存在于中央仓库，每次对比与提交代码都必须连接到中央仓库才能进行。这样的好处在于：自己可以在脱机环境查看开发的版本历史。多人开发时如果充当中央仓库...

2020-02-03 13:26:50 93

原创 vue、uniapp、微信小程序等单选钮radio选中之后怎样被重置呢？

本篇以uniapp项目为例开始之前要先排除uniapp官网的这种写法 { value: 'CHN', name: '中国', checked: 'true' },不要以里面checked的取值来判断是否应该...

2020-01-17 15:13:56 3243 2

原创前端开发中遇见背景图不展示的问题

类似于微信小程序或uniapp项目，背景图片需网络路径或base64才可展示，甚是麻烦。以下是我的解决方案： data() { return { tel: '', password: '', img:'/static/img/banner_one.png'//展示的图片本地路径 } },<view class="content" :style...

2020-01-10 17:42:25 864

原创前端根据关键字做查询，有后端什么事

在开发过程中，经常会遇到关键字查询功能，比如酒店列表，搜索酒店名称查询对应酒店，如果将查询交于后端实现的话，前端只需将关键字传递给后端接口，但是不断的请求服务器定然不是可行之举啊！所以最优的解决方案就是...

2020-01-07 09:12:16 2431 5

原创前端借助工具根据接口文档mock数据

对于前后端分离开发，必须要写接口文档。前端根据接口文档开发前端功能，后端根据接口文档，提供正确的数据，只有这样，前后端在工作上也能做到低耦合。否则前后端的开发高度耦合，敢想象吗？有了接口文档后，前端可以利用mock.js等工具，进行数据模拟（一定严格按照接口文档进行模拟，如果确实在实际开发中，发现接口文档写的有问题...

2019-12-30 15:51:32 551

原创 jQuery竟然如此简单

jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。这里我就不啰嗦jQuery该怎样去学习，大家可自行按喜欢的方式去学习，在此我只做一些方法记录，类似于jQuery方法笔记。 jQuery 选择器 &...

2019-12-26 14:23:02 190

原创前端权限怎么弄，如何根据权限限制其能否进入该模块

简介：软件开发中的权限管理是常见的问题，因为，有的项目牵扯到不同工作人员的职责和权限，如酒店类软件开发，不同的人员登录进入到软件后，点击菜单（功能）是有权限限制的，这就是所谓的软件系统权限。权限怎么弄（前端）?首先软件的菜单的做成“活的”，即，菜单不能是纯粹的静态的，而应该是根据后端返回来的数据，来显示菜单的。菜单如何做成活的？ 1、后端给前端返回菜单数据 ...

2019-12-24 10:21:27 786

原创初鉴canvas，展示个小小的小案例

今天工作量不大，得空了解了一下canvas,顺便画出了一个“丁”老头，特此展示，以待大众取乐而已！好不好看？？？？算了，辣眼就辣眼吧，看代码吧。<canvas id="canvas" width="500" height="500"></canvas>var canvas = document.getElementById("canvas"); var c...

2019-12-20 15:42:11 95

原创基于uniapp异步封装接口请求简介

uni.request({ url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。 data: { text: 'uni.request' }, header: { 'custom-header': 'hello' //自定义请求头信息 }, success: ...

2019-12-20 11:31:34 1464

原创 filter()遍历Array异常友好

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意： filter() 不会对空数组进行检测。注意： filter() 不会改变原始数组。用法如下：var a = [ {name:'小强',texts:'数学'}, {name:'小强1',texts:'数学1'}, {name:'小强',texts:'数学2'}, {name:'...

2019-12-17 10:18:38 184

原创 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 209

原创 uniapp image 引入本地图片不显示

src="/static/***.png"首先引入必须是相对路径如果还没显示的话，请看一下包裹他的父元素是不是,如果是请换成再不行的话我也没办法了

2019-11-06 19:06:13 23281 3

原创 mui picker和下拉刷新冲突问题

解决这个问题，最核心的就是当picker弹出时，关闭下拉刷新功能mui('#content').pullRefresh().disablePulldownToRefresh();//暂时关闭下拉刷新然后关闭picker 弹出时，开启下拉刷新mui('#content').pullRefresh().enablePulldownToRefresh();//开启下拉刷新注：‘#content’ ...

2019-11-01 09:45:31 500 2

空空如也

空空如也