- 博客(27)
- 收藏
- 关注
原创 小程序 ------ [mini-css-extract-plugin] css冲突问题
编译的时候会报类似下面的css冲突产生原因这个警告表示在不同的js文件夹中引入相同的css时,顺利不一致导致的,在index.js中先引入了prototol下面的css, 在下单页面先引入了goodsItem中的css,因此产生了冲突,便会产生这个警告。解决方法1.将所有页面的引入顺序都按照index页面引入顺序引入2.在config文件中配置忽略css引入顺序,即整个项目再也不会报类似的警告⚠️config/index.js miniCssExtractPluginOp.
2021-12-23 17:20:40
1094
原创 js ------ 两数之和
// 给定一个整数数组nums 和一个目标值 target,请你在该数组中找到和为目标值的那两个整数, // 并返回他们的数组下标 // 例:nums=[2,7,11,15],target = 9; // 因为 nums[0]+nums[1] = 2+7 = 9 // 所以返回[0,1] var twoSum = function(nums, target) { for (var i = 0; i < nums.length; i++) { for (var..
2020-07-02 11:33:41
285
原创 js --------- 找到矩阵中第 k 小的元素
// 给定一个 n x n 矩阵,其中每行和每列元素均按升序排序,找到矩阵中第 k 小的元素。 // 请注意,它是排序后的第 k 小元素,而不是第 k 个不同的元素。 // 例子: // matrix = [ // [ 1, 5, 9], // [10, 11, 13], // [12, 13, 15] // ], // k = 8, // 返回 13。 var kthSmallest = function(matrix, k) { var nums = [];..
2020-07-02 11:13:11
237
原创 js------H5点击按钮复制
点击按钮实现复制特定公众号文本引用了clipboard插件来实现。安装方法npm install clipboard --save或者通过页面引入js,去官方:https://clipboardjs.com/下载压缩文件,然后引入。 <div class="wechat"> <button class="btn" data-clipboard-text="复制的内容"></butto...
2020-06-18 16:15:31
295
原创 js------判断各种存在环境
//判断是否是安卓、苹果、ipad、微信、支付宝、手机 let BrowserInfo = { isAndroid: Boolean(navigator.userAgent.match(/android/ig)), isIphone: Boolean(navigator.userAgent.match(/iphone|ipod/ig)), isIpad: Boolean(navigator.userAgen...
2020-06-17 11:34:44
298
原创 nginx ------ upstream directive is not allowed here in...报错
nginx基本命令操作重启 : service nginx restart修改配置文件重新加载: nginx -s reload关闭nginx: nginx -s stop / nginx -s quit配置nginx.conf出现如下问题:解决办法:upstreamlocalhost的位置放错了,应该放在http模块中,server模块外与它并列...
2020-05-14 16:27:10
4197
原创 关于JSON parse error: Unrecognized token 'account': was expecting ('true', 'false' or 'null');报错
开发时的报错信息:"JSON parse error: Unrecognized token 'account': was expecting ('true', 'false' or 'null'); nested exception is com.fasterxml.jackson.core.JsonParseException: Unrecognized token 'account': ...
2020-05-13 14:48:07
4295
原创 jquery ------ 分钟倒计时
<span class="cuclock">15:00</span> /** * 倒计时 * cutTime 是 min * sec * 例:倒计时10分钟 var cutTime = 10 * 60 **/ var cutTime = 15 * 60; let summer = setInterval(counClock, 1000);.
2020-05-13 14:33:37
617
原创 HTML5------ 语义化标签
一些语义化标签的技巧用法1.figure<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。<figure> <img src="icon-logo.png"> <p>logo</p></figure&...
2019-06-19 11:48:36
174
原创 CSS------ 表单文本Title左中右对齐
经常我们会遇到类似上图的表单填写,前面的title有时候会需要居中、两端对齐或者右对齐。特别是两端对齐的情况,我最常用的方法是在文字之间加 这个空格符。text-align-last属性属性规定如何对齐文本的最后一行。注意:text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用。有兼容性问题,请根据情况选择使...
2019-06-18 15:07:12
1853
原创 CSS3------ 按钮闪光划过效果
制作这个效果之前,我们得了解transform,transition,linear-gradient这些属性的用法。定义与用法transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。在这个效果里面主要用到了旋转rotate。transition 属性设置元素当过渡效果,transition有四个属性,在这个效果中运用到了transition-du...
2019-05-27 17:27:49
2963
原创 React------The "injectBabelPlugin" helper has been deprecated as of v2.0. 报错
使用Antd,会有报错引入 react-app-rewired 并修改 package.json 里的启动配置。由于新的react-app-rewired@2.x版本的关系,你还需要安装customize-cra,否则会出现如下的问题。The "injectBabelPlugin" helper has been deprecated as of v2.0. You can use...
2019-04-25 15:20:08
1363
1
原创 CSS兼容不同浏览器
制作页面的时候,由于浏览器的不同,对CSS的解析也会有所不同,从而达不到我们预期想要的页面效果,这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器。CSS Hank。原始代码:<style> .box{ width: 200px; height: 200px; border:...
2019-04-23 17:47:58
361
原创 算法------移除数组 arr 中的所有值与 item 相等的元素
1.不要直接修改数组 arr,结果返回新的数组输入【1,2,3,4,3,2】返回【1,2,3,4】function remove(arr,item){ var newArr=[] for (let i=0;i<arr.length;i++){ if (arr[i]!=item){ newAr...
2019-04-15 14:33:45
927
原创 算法------找出元素 item 在给定数组 arr 中的位置
如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1输入:[ 1, 2, 3, 4 ], 3输出:2定义和用法indexOf() 方法可返回数组中某个指定的元素位置。该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item 的第一次出现的位置...
2019-04-12 17:10:01
1957
原创 swiper全屏滚动多层嵌套互不影响及swiper animate动画使用
1.swiper多层嵌套为使全屏滚动与嵌套的banner不互相影响,需要给swiper-container分别取一个别名,然后再使用别名进行初始化,若都要使用swiper-pagination,也要分别起上对应的别名。2.swiper animate使用1.除了加载swiper.js与swiper.css外,还需要加载swiper.animate.min.js与swiper...
2019-04-11 17:53:57
3211
原创 Vue------循环多个ul与li,给li增加点击事件增加class不影响其他的li
问题描述如下图一所示循环了三个div,且每个div中又分辨循环了多个span,给span绑定了点击事件,当点击时其他div里面的class.on也会跟着点击的那个移动,如图二所示。 ...
2019-03-19 11:32:47
12662
1
原创 Vue-------响应数据变化
1. 对象的响应数据变化 <div id="app"> <h1>{{msg}}</h1> <h2>{{person.name}}</h2> </div> let vm = new Vue({ el:'#...
2019-03-18 15:47:23
247
原创 算法------数组排序,去重,驼峰转化
1.数组排序function c(arr) { var temp =""; for(var i=0; i<arr.length-1; i++){ for(var j=i+1; j<arr.length;j++){ if(...
2019-03-12 21:18:49
1643
原创 常用前端网址记录
1.codepenhttps://codepen.io/2.阿里巴巴图标库https://www.iconfont.cn/home/index3.swiper网站https://www.swiper.com.cn/4.highcharts图表https://www.highcharts.com.cn/5.echarts图表https://echarts.baidu.com...
2019-03-11 16:03:57
14997
原创 JS获取url参数
获取url链接 //1.0 var url = window.location.href //2.0 var url = document.location //3.0 var url = document.URL //4.0 var url = self.location.href获取url后面的参数functi...
2019-02-25 15:26:43
155
原创 web-------rem设置
一、百分比固定宽高的百分比布局,以下代码为例,无论使用哪种屏幕 div里面的两个div总是一个占据30%,另外一个占据70%。<style type="text/css"> div{ height: 200px; float: left; }</style><div style="width: 100%;...
2018-11-08 18:28:22
338
原创 Vue —— 关于vue init webpack XXX 报错
进行初始化一个webpack项目时,遇到了如下报错。 ? Project name (project) vue-cli · inquirer.prompt(...).then is not a function 其中解决方案是:安装的vue-cli不对,使用如下命令重新安装cnpm install -g vue-cli 安装完成后,重新初始化项目vue init ...
2018-10-22 17:31:34
1239
原创 关于github push报错403问题
我平时没有写作的习惯,不为别的只是觉得口才与写作能力太差,现在的生活越来越注重细节,我也开始记录记录我工作与闲暇之余遇到的一些问题,希望这些能为我自己做一些知识点梳理,顺便也能帮助遇到问题的人。 很就不上github,里面也没啥东西,无意中上了发现了好早之前用CSS做的一个扫描的百分比文字没有居中,刚好看了table-cell的用法能够用上,在使用github进行pu...
2018-08-14 18:42:56
7881
原创 多个下拉框z-index层级影响的问题解决
什么是z-index? 定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!写这篇文章是有原因的,在近期的项目中遇到了类似的问题,其中用到了很多办法,但是由于页面多,改一处就会影响其他...
2018-05-15 19:38:06
2591
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人