- 博客(54)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js 获取日期的前后几天日期
参数day要Number , 字符串+造成拼接而没有注意到，特别是开始用了-day，function getNextDate(date, day) { var dd = new Date(date); // 对于day一定要Number dd.setDate(dd.getDate() + Number(day)); var y = dd.getFullYear(); var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMont
2020-05-12 17:25:59
1154
2
转载 yarn 离线安装node-sass问题
yarn 离线安装node-sass失败，其实node-sass安装不成功的跟本原因大家基本都清楚，就是他在安装过程中，需要用到一个二进制文件：binding.node，但是坑爹的是，这个二进制文件在“外面”，也就是需要科学上网才能获取，这就导致了绝大部分的安装失败。检测当前环境中，node-sass要使用的binding.node对应的版本原文地址如下：https://segment...
2019-12-16 11:29:41
1244
原创 js数组处理方法
1,数组去重{ let arr = [1,2,3,5,6,1,2,3] let temp = arr.reduce((a,v) => { !a.includes(v) && a.push(v) return a },[]) console.log(temp)}// [1, 2, 3, 5, 6]...
2019-10-17 13:59:21
340
原创 yarn 离线包安装node-sass失败问题，缺少文件
离线环境yarn安装依赖配置离线镜像yarn config set yarn-offline-mirror ./npm-packages-offline-cache./npm-packages-offline-cache是相对于主文件夹的示例位置，需要自行下载脱机镜像不会删除tar包，为了使缓存文件夹保持最新，还需要将以下内容添加到配置文件中：yarn config s...
2019-10-16 17:20:36
631
原创 滚动条不显示
scrollbar-width: none; // firefox下滚动条不显示 -ms-overflow-style:none; // IE下滚动条不显示 //设置侧边栏滚动条不显示 chrome &::-webkit-scrollbar { display: none; }...
2019-07-31 13:42:58
3511
原创 vue项目引入标签云动画js函数，不执行
vue项目引入标签云动画js函数，数据重新渲染了，但是动画不执行了 rollTagCloud() { /* 3D标签云滚动函数*/ const timer = setTimeout(() => { this.$nextTick(function(){ // eslint-disable-next-line ...
2019-07-25 15:25:26
963
3
原创 echarts 学习一
前端项目用的vue，步骤npm install echarts --savemian.js// 全局引入的方式import Echarts from 'echarts'Vue.prototype.$echarts = Echarts// 按需引入// 例： 引入折线图等组件require('echarts/lib/chart/line')require('echart...
2019-07-11 18:44:02
199
原创 记一次git使用
首次上传到远程develop分支1，git status,2，git remote add origin http://gitlab.xxx.net/ge.git3，错误：fatal: refusing to merge unrelated historiesgit pull origin master --allow-unrelated-histories4，git...
2019-04-08 17:44:39
318
原创 vue 组件 click
1，在elementui组件内点击事件加@click.native.prevent，原因如下：1.在封装好的组件上使用，要加上.native才能click2.prevent就相当于..event.preventDefault()，用来阻止默认行为的vue 文档如下：...
2019-01-07 15:56:38
1684
转载 H5兼容问题
1，meta基础知识动态改变meta viewport标签: 第一种方法可以使用document.write来动态输出meta viewport标签，例如：document.write('<meta name="viewport" content="width=device-width,initial-scale=1">')第二种方法通过setAttribute来...
2019-01-04 18:08:11
2503
转载 前端页面性能优化方式
1，资源压缩合并，减少http请求 1）合并图片，css和js文件合并，css和js文件压缩 2）图片较多的页面也可以使用lazyload懒加载等技术进行优化 3）精灵图或雪碧图等2，非核心代码一步加载 1）异步加载的方式： 动态脚本加载：使用document.createElement创建一个script标签，即document.createElement('s...
2019-01-03 09:48:24
775
原创 vue 项目中使用echarts图表
1，安装echartsimport echarts from 'echarts' 2，在需要使用图表的组件直接引入import echarts from 'echarts'或者全局引入，在main.js中import echarts from 'echarts'Vue.prototype.$echarts = echarts 然后在需要使用图表的组件的方法中如下...
2019-01-02 14:32:02
280
转载 小程序 web-view 如何给外链接的 h5 页面传递参数和值
<web-view src="{{url}}?id={{id}}&token={{token}}&member={{member}}&paused={{paused}}" ></web-view>然后在链接的 h5 页面使用正则解析出 src 中所带的一些参数和值，比如下面这段代码： console.log(window.locati...
2019-01-02 12:07:51
1662
原创 warning: notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os"
原因： fsevent是mac osx系统的，在win或者Linux下使用了 所以会有警告，忽略就好了，意思就是你已经安装成功了，之后npm run dev即可
2019-01-02 12:05:59
40272
2
原创 vue 项目打包 上线
1，配置相关 hash:true 版本控制 我们在开发模式的时候写axios时会在接口前面加一个"/api" 我们在打包之前同样要去掉，变成后端给的那种接口，这样在部署到服务器的时候，接口路径才能正确 我的项目中在如下设置了，所以只要把 "/api" 去掉就好了 2，打包，然后会生成一个dist文件夹npm run build 3...
2019-01-02 10:38:39
619
3
原创 遇到问题所保存的一些解决方法
1，axios 使用post方式传递参数，后端接受不到https://segmentfault.com/a/11900000126357832，移动端h5页面不同尺寸屏幕适配兼容方法https://blog.csdn.net/qq_31915745/article/details/728507873，常见移动设备的 CSS3 Media Query 整理（iPhone/iPad/G...
2018-12-20 15:26:20
119
原创 css 中font-size: 0
对于 inline（如： a标签默认是display:inline） 和 inline-block (如： 设置的是 display:inline-block) 就使得是内联布局，既然是内联那么就会受空白区域（可能是写代码好看加了换行或者空格）的影响。解决办法：1、去掉空白，标签不换行写2、font-size:0 可以让空白区域消失...
2018-12-18 18:34:12
601
原创 vue 开发环境跨域
在开发环境下，页面路径是本地127.0.0.1:8080，然而获取数据时会用的服务器接口，所以就导致了开发环境下的跨域，采用proxyTable配置来解决1，在config/index.js进行如下配置 proxyTable: { '/api': { target: 'https://xxxxxx.com', //后端接口地址 chang...
2018-12-18 11:14:57
189
转载 换肤代码
var head = document.getElementsByTagName('HEAD').item(0);var style = document.createElement('link');style.href = 'style.css';style.rel = 'stylesheet';style.type = 'text/css';head.appendChild(sty...
2018-12-17 11:49:39
330
原创 vue 使用NProgress
为了实现页面载入的时候，浏览器顶部有载入动画1，安装npm install --save nprogress2，引入，例如要在切换路由，加载页面时实现进度条router.beforeEach((to, from, next) => { NProgress.start() next()})router.afterEach(() => { NProg...
2018-12-11 16:51:56
512
原创 vue 实现全屏显示和全屏按钮svg图
1，第一步安装screenfull npm install --save screenfull2， 新建screenfull.vue组件，<template> <div> <svg t="1508738709248" class="screenfull-svg" ...
2018-12-06 10:03:45
3270
原创 vue element 面包屑
1，面包屑组件额，上图的mounted改为methods，打错了 2，路由的内容 3，然后在需要的页面引入组件即可
2018-12-05 15:52:52
1092
原创 vuex引入
1，安装vuexnpm install vuex --save2，src文件夹下src/store/index.js来注册vuex import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ getters}) export defau...
2018-11-24 11:07:33
429
原创 vue 表单form验证输入的值是否合法
用的element-ui1，先声明要对表单进行验证 2， 第二步，在data中验证 3，第三步在src文件下创建utils文件夹并新建validate.js文件，对于表单中的一些值得验证就可以写在改文件内，然后按照上步进行引入就好，类似如下：4，结果如下： ...
2018-11-23 17:27:54
3158
原创 vue使用svg图
1，安装svg-sprite-loadernpm install svg-sprite-loader --save-dev2，进行webpack配置，在webpack.base.conf.js的rules数组内添加如下： 3，在src文件夹下新建icons文件夹，并在icons文件夹新建index.jsimport Vue from 'vue'import SvgIco...
2018-11-23 10:28:26
3577
1
原创 CSS
1，如何让一个div在整个页面居中 .login{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}2，transparent意义transparent 值 设置为透明的尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素...
2018-11-22 10:02:18
96
原创 jquery on监听click事件在 ios无效Android没事
<div class='center-popWindow-closeBtn'>关闭</div> $('body').on('click', '.center-popWindow-closeBtn', function(){ console.log('关闭') }) 只要样式上给点击的那个div添加“手型”的样式就好了.center-p...
2018-11-12 14:23:29
454
转载 客户端端渲染和服务器短渲染
说明：1.客户端渲染客户端渲染：说的应该是刚进入页面时，商品列表这些数据都不给你，不会渲染出这些数据。然后加载script时，再用ajax或者fetch之类的发起了请求另一个接口，服务端返回了商品列表的json数据给你，你在js中用模板引擎之类的技术，把这些数据拼成html字符串插入到Dom里。2.服务端渲染 服务端渲染：服务端用php的smarty模板或者java的jsp...
2018-11-09 09:37:31
146
转载 一个完整的vue应用 ( vuex+vue-router ) 起手
项目连接github链接介绍 本项目主要介绍如何使用vue+vuex+vue-router开启一个SPA应用，注重的是将应用搭建起来，所以项目不大 第一次发文，不知道如何开口，那我就直接上代码了，一切尽在注释中(￣▽￣)"，各位看官原谅 看这篇文章之前，希望你已经对vue有所认识，知道vuex，vue-router，要是懂一点flux原理就更好了 如果之...
2018-11-02 15:46:21
185
转载 js中(function(){}()),(function(){})(),$(function(){});之间的区别
1. (function(){}())与(function(){})()这两种写法，都是一种立即执行函数的写法，即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。通常的函数声明和调用分开的写法如下：function foo() {/*...*/} // 这是定义，Declaration；定义只是...
2018-11-01 17:47:07
4352
转载 js获取当前时间前后N天前后日期的方法
function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = (dd.getMonth()+1)<10?"0"+(dd.getMo...
2018-10-31 15:56:53
1522
转载 5个小技巧让你写出更好的 JavaScript 条件语句
来源：掘金，译者：Hopsken链接：https://juejin.im/post/5bb9e3085188255c352d7326作者：@Jecelyn Yeen原文：https://scotch.io/tutorials/5-tips-to-write-better-conditionals-in-javascript1. 使用 Array.includes 来处理多重条件...
2018-10-23 09:30:39
105
转载 h5自定义属性
在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名,命名可以用驼峰命名方式，但取值是必需全部使用小写，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。1. Html绑定数据写法1.1简单单词：<div id="testDiv" data-cd="24"> Clic...
2018-10-17 09:57:26
994
原创 常用的正则表达式
信用卡 [0-9]{13,16} 银联卡 ^62[0-5]\d{13,16}$ Visa: ^4[0-9]{12}(?:[0-9]{3})?$ 万事达：^5[1-5][0-9]{14}$ QQ号码： [1-9][0-9]{4,14} 手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2...
2018-10-17 09:52:21
90
原创 HTML and CSS - tips
input标签和button放在一行写<div class="same div"> <input type="text" class="same text"> <button class="same btn">查询</button> </div>方法： 使用浮动，input标签的d
2018-10-09 17:20:21
86
原创 js 相关问题
1、如何将数组内的数字转为字符串形式[99,88,77,55].map(String)=> ["99","88","77","55"]["99","88","77","55"].map(Number)=> [99,88,77,55]
2018-10-09 17:01:41
106
转载 小程序 -- 吸顶效果
wxml部分<view class=" {{menuFixed ? 'fixed': ''}}" id="affix">菜单栏</view>wxss部分.fixed{position: fixed; top: 0; }js部分onShow: function () {var that = this;var query = wx.create...
2018-09-03 18:14:12
1013
转载 MongoDB安装 -- 坑
1.笔者之前安装MongoDB的时候一路next下去，结果最后一步苦等了一个多小时也没完成，最终从头再来分分钟搞定。官网下载地址：https://www.mongodb.com/download-center#community 下载 安装包。2.和大多数软件安装一样，双击开始运行>>下一步3.选择“custom”自定义安装路径------记得创建一个文件夹如：...
2018-09-03 17:39:46
570
转载 promise 入门
promise执行多步操作非常好用，那我们就来模仿一个多步操作的过程，那就以吃饭为例吧。要想在家吃顿饭，是要经过三个步骤的。1，洗菜做饭,2，坐下来吃饭,3，收拾桌子洗碗。这个过程是有一定的顺序的，你必须保证上一步完成，才能顺利进行下一步。我们可以在脑海里先想想这样一个简单的过程在ES5写起来就要有多层的嵌套。那我们现在用promise来实现。let state=1;function ...
2018-09-03 16:22:32
195
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人