- 博客(105)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 打包项目时报node-sass的错误
因为是提交到GitLab上自动打包，服务器为Linux，所以报的错是Linux 64-bit with Node.js 10.x。本地打包应该是：Windows：Windows 64-bit with Node.js 8.xMac：MacOS **-bit with Node.js 8.xERROR in ./node_modules/css-loader?{"sourceMap...
2019-11-07 10:13:31
1525
原创 获取今天是周几
// 获取今天是周几const week = "周" + ["日", "一", "二", "三", "四", "五", "六"][new Date().getDay()];console.log(week);
2019-10-21 10:41:56
514
原创 vue-cli通过webpack把.txt文件打包到dist文件夹下并且和index.html在同一级目录
使用CopyWebpackPlugin插件，在webpack中copy文件或文件夹1、下载插件CopyWebpackPlugin$ npm install copy-webpack-plugin --save-dev2、在build/webpack.base.conf.js文件下使用插件：const CopyWebpackPlugin = require('copy-webpa...
2019-08-21 15:11:28
4636
3
原创 vue-cli配置webpack清除生产环境console输出的信息
在build/webpack.prod.conf.js文件下plugins添加插件webpack.optimize.UglifyJsPluginnew webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, //自动删除debugger...
2019-08-21 15:09:15
1481
原创 listing directory /
webpack-dev-server启动项目时访问localhost:8080会出现 ~ / 这种情况：解决方法：在webpack配置文件中devServer配置：publicPath: '/'devServer: { publicPath: "/", contentBase: "./dist", // 服务启动在哪一个文件夹下 open: t...
2019-07-09 10:15:25
4638
原创 Support for the experimental syntax 'dynamicImport' isn't currently enabled
Webpack4动态导入文件报错，现在还不支持动态使用import语法。需要下载babel插件对语法做转换。npm install babel-plugin-dynamic-import-webpack --save-dev.babelrc配置"plugins": ["babel-plugin-dynamic-import-webpack"]===============...
2019-06-17 11:02:19
4727
原创 CleanWebpackPlugin is not a constructor
// webpack版本：4.32.2// 抛错原写法const CleanWebpackPlugin = require("clean-webpack-plugin");...plugins: [ new CleanWebpackPlugin(['dist'])]...// 另一种错误写法const CleanWebpackPlugin = requi...
2019-05-31 01:13:05
34925
20
原创 styled-components废弃全局属性injectGlobal更改为createGlobalStyle
Attempted import error: 'inejectGlobal' is not exported from 'styled-components'.错误是因为styled-components废弃injectGlobal这个API，更改为createGlobalStyle。用法如下：1、在style.js中定义全局样式import { createGlobalStyl...
2019-04-15 11:08:07
2382
原创 Cannot find module '@babel/plugin-transform-react-jsx'
create-react-appnpm run eject报错，Cannot find module '@babel/plugin-transform-react-jsx'，找不到模块依赖解决方案：删除node_modules文件重新npm install
2019-04-15 10:33:28
7148
原创 js数字每三位加逗号
支持整数和浮点数function toThousands(num) { num = (num || 0).toString(); let number = 0, floatNum = '', intNum = ''; // 判断是否有小数位，有则截取小数点后的数字 if (num.indexOf('.') > 0) { number = ...
2019-03-19 22:38:52
2790
原创 js数组去重
let arr = [1,1,2,2,3,3,3,4,4,6,7,8,5];arr = arr.sort();1、循环比较数组中的元素是否有相同的function removalFun1(arr) { if(!arr) return false; if(arr.length === 1) return arr; let result = []; arr.forE...
2019-03-15 10:58:23
139
原创 js获取字符串或者数组中出现重复最多的元素和总共出现的次数
目标参数若是字符串，可通过split()方法转换为数组var str="qwertyuiopasdfghjklzxcvbnmqazwsxaswazaaa";var arr=str.split(""); // 转换为数组1、function moreLetter(arr) { if (!arr) return false; if (arr.length === 1) re...
2019-03-15 10:39:39
5220
原创 js数组排序和获取最大值最小值
var nums = [2, 7, 22, 15, 18, 1, 33, 4, 55];1、数组排序// js-for循环正排序for(var i = 0;i < nums.length;i++) { for (var j = i + 1;j < nums.length;j++) { if (nums[i] > nums[j]) { var ...
2019-02-20 15:19:04
1527
原创 css 圆角三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2019-01-09 19:42:58
3020
原创 React嵌套组件加载顺序
/* 父组件 */import React, { Component } from 'react';import Header from './components/Header'import Footer from './components/Footer'import BodyIndex from './components/BodyIndex'class App extends...
2019-01-03 17:50:10
4802
转载 设置背景图片的两种方式，并解决手机端背景图片高度自适应问题
1 、设置背景图片的两种方式：方式一： <img src="../img/10.jpg"/ class="back" id="Background">.back{ position: fixed; width: 100%; height: 100%; display: block; z-index: -100; }方式二：&l...
2019-01-02 09:49:47
4573
1
原创 gatsby构建项目
1、gatsby new pro-name 新建项目名为pro-name2、cd pro-name 进入到pro-name文件夹下3、gatsby develop 启动项目4、项目入口 项目入口文件为：layout.js ，且layout.js做为整体的框架， 把header.js和footer.js引入layout.js, 存放所有静...
2018-12-17 11:09:17
2117
原创 React实现tab切换效果
之前写过JQ实现tab切换效果，业务需要，用React实现tab切换，记录一下...this.state = { // 全部数据 addressJobs: [ { address: '北京', jobs: ['北京职位1', '北京职位2', '北京职位3', '北京职位4', '北京职位5', '北京职位6', '北京职位7', '北京职位8', ...
2018-11-23 15:06:38
6459
原创 Gatsby静态网站导航高亮
Gatsby 是一款基于 React 和 GraphQL 的静态文档生成器。思路：获取路由，根据路由显示导航高亮；this.props.location.pathname 获取路由；若this.props.location.pathname获取不到值，可用window.location.pathname获取；// layouts index.jsimport Rea...
2018-11-19 20:11:28
763
原创 时间显示几秒几分钟几小时前
例如：发布文章，显示时间，在一天内显示时间为几秒前，几分钟前，几小时前，一天以后显示发布时的日期；一天内：显示时间为 => 当前时间（+new Date()）- 发布时间（recordTime）一天后：显示时间为 => 发布时间（recordTime）// 发布时间// recordTime为提交的时间export const releaseTime = (reco...
2018-11-10 18:49:37
1427
原创 JS合并数组对象中重复数据
别人的问题，想着不难，自己敲一下...没想到啊没想到...一个小小的数组重组数据，搞了两个小时.....还是水平太差了...是水平太差了...水平太差了...平太差了...太差了...差了...了...源数据：目标数据：// 源数据var oldData = [ { city_id: 1, city_name: '北京', city_img:...
2018-11-02 14:58:17
18507
9
原创 html手机输入框键盘弹起顶起背景图
问题：点击页面输入框，弹起的键盘把背景图顶起，再滑动页面有下方有空白。解决方法：$('body').height($('body')[0].clientHeight);
2018-11-01 17:43:15
3501
原创 json对象和字符串转换
1、JSON.stringify 对象转字符串2、JSON.parse 字符串转对象var jsonObj = [ { name: 'a', age: 1 }, { name: 'b', age: 2 }, { name: 'c', age: 3 }];var toString = JSON.stringify...
2018-11-01 13:57:19
317
原创 菜鸡理解的闭包
学习闭包的历程：才起步：闭包是什么？能吃吗？不知道不清楚不明白不了解没听过；刚接触：哇，这是什么鬼，网上一搜‘闭包是js的一大难点’、‘闭包太难了’、‘怎么才能学会闭包’；没多久：哦，闭包是一个封闭的作用域，不能被浏览器的垃圾回收机制处理；看了书：闭包是一个函数被传递到本身的词法作用域外执行，且能访问本身的词法作用域；问大佬：闭包是符合了一定条件的函数，引用了其他位置的变量、包...
2018-10-18 11:37:52
178
原创 js创建a标签下载文件
const a = document.createElement('a'); // 创建a标签a.setAttribute('download', '');// download属性a.setAttribute('href', '');// href链接a.click();// 自执行点击事件
2018-10-17 19:28:54
25786
原创 React.js中setState回调
在使用setState修改state的值时，React.js并不会马上修改state。而是把这个对象放到一个更新队列里面，稍后才会从队列当中把新的状态提取出来合并到 state 当中，然后再触发组件更新。但是有的时候就想立马看到state修改后的值，这就用到了setState的回调：this.state = { value: '1'}this.setState({ ...
2018-10-15 16:23:15
3918
转载 React.js数组Excel下载
React.js获取的数据格式为数组，直接导出Excel使用插件js-export-excel1、安装npm install js-export-excel2、引用import ExportJsonExcel from 'js-export-excel'3、使用 ExportJsonExcel 方法let option={};option.fileName =...
2018-10-09 11:46:03
671
原创 dva.js 下载本地静态文件
以下载execl静态文件test.xlsx文件为例：把test.xlsx放到public文件夹下。以便打包的时候能找到该文件，然后在业务js文件中写：<a href='./test.xlsx' download="test.xlsx">下载模板</a>href路径为 ./test.xlsx 是打包后能找到该文件~over~...
2018-10-08 15:21:03
1656
3
原创 dva的dispatch回调，effects返回请求参数
// 业务中的请求const params = { /* 参数 */}new Promise((resolve) => { this.props.dispatch({ type: 'GiftRequest/changeGiftState', payload: { resolve, ...
2018-09-12 20:46:11
47475
7
转载 JS导出Excel
两种方法都是网上搜索而来，项目中因为需求不一样两种方法都有使用，（注：Microsoft Edge浏览器导出无反应）其一：导出当前网页内table表格没有分页的情况下，导出当前页的tableclick事件调用方法：tableToExcel('tableID','excel下载');// tableId 传的值为table的id，fileName传的值为下载文件的文件名tableToExcel(...
2018-07-13 16:27:56
891
原创 Date.parse()和Date.getTime()的区别
1、 Date.parse() 该方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数；该方法为Date 对象的静态方法；parse() ：输出从 1970/01/01 到一个具体日期的毫秒数；Date.parse('时间可以自定义')。var time1 = Date.parse('2018/07/11');console.log(time1...
2018-07-11 17:02:45
6153
5
原创 iview小记
项目使用iview总结：(待续...)一、修改iview默认样式1、在根目录下创建my-theme文件夹，文件夹内创建index.less文件my-theme -> index.less2、先引入文件 @import '~iview/src/styles/index.less'; 再用自定义样式覆盖3、在src -> main.js 中引入import '../my-them...
2018-07-11 16:52:49
613
1
原创 vue打包后图片路径失效问题
关于index.html中引用图片路径失效问题：config->index.js:assetsPublicPath: '/',修改为：assetsPublicPath: './',关于css中引用图片路径失效问题：build->utils.js:return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-s...
2018-06-19 18:05:35
1341
原创 iview在table组件中设置select组件
render: (h, params) => {return h('Select', { props:{ value: params.row.style, }, on: { '...
2018-06-14 11:15:28
3988
2
原创 js数组无序重排和交换某两个数据
先写两个数组排序的方法：reverse()：逆序sort()：升序或降序=================================1、数组无序重排var arr = [1,2,3,4,5,6];// 数组无序重排function resetFun(arr){ var len = arr.length, randomIndex, temp; while(len){ // ...
2018-03-11 01:22:54
2007
原创 const常量不能更改和js的两种数据类型
js的两种数据类型：基本类型：string,number,boolean,null,undefined -----> 操作和保存在变量的实际的值 引用类型：Function,Array,Object -----> 值保存在内存中，js不允许直接访问内存，在操作的时候，操作的是对象的引用const的定义和基本用法可以参考阮一峰老师的ES6入门（传送门：http://es6.ruan...
2018-03-10 19:34:32
5726
原创 css不固定宽高垂直居中
一、父元素：display: flex;justify-content: center;align-items: center;二、父元素：position: relative;元素：transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;三、 display: ...
2018-02-27 15:52:55
730
转载 npm install --save和--save-dev的区别
在哪儿转载的。。。忘记了。。。是因为记到记事本里了，要清理电脑，记个笔记npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install --save另一个是 npm install --save-dev，他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下...
2018-02-27 15:46:38
1735
转载 如何理解和熟练运用js中的call及apply？
在知乎上看到的，转载过来分享一下：https://www.zhihu.com/question/20289071/answer/258643285一个叫“寇云”大佬的回答：本身不难理解，看下MDN就知道了，但是不常用，遇到了，还要脑回路回转下。或者时间长了，还是要确定下去看下文档，为了方便记忆：猫吃鱼，狗吃肉，奥特曼打小怪兽。有天狗想吃鱼了猫.吃鱼.call(狗，鱼)狗就吃到鱼了...
2018-02-23 15:09:35
210
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人