自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Sissi的个人笔记

小菜鸟一个

  • 博客(39)
  • 收藏
  • 关注

原创 【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

看了一下发现是sass使用样式穿透/deep/报的错/deep/其实是已经过期的写法,某个版本之后就不支持了但是我同事并没有出现同样的问题,不知道是为啥,也有可能是电脑(mac)的原因。

2024-09-06 14:48:15 329

原创 禁止vite打包时将rgba转为16进制

这次是因为测试机是安卓APP中的 webview 时,发现不支持 CSS 中的 #RGBA 十六进制颜色符号,经查询,解决办法为,在vite设置文件中,将build.cssTarget : ‘chrome61’ 即可。vite由于自动集成了postcss,所以打包时会将rgba转换为16进制,但是这个兼容性比较差。现在就是rgba失效,模态框失效了,所以只能用rgba(),就需要将这个转换取消掉!

2023-05-19 09:36:17 370

原创 一些算法的通用框架(持续更新)

回溯法是一种选优搜索法,又称为试探法,按选优条件向前搜索,以达到目标。但当探索到某一步时,发现原先选择并不优或达不到目标,就退回一步重新选择,这种走不通就退回再走的技术为回溯法,而满足回溯条件的某个状态的点称为 “回溯点”。可以把回溯法看成是递归调用的一种特殊形式。

2022-10-08 17:32:36 841

原创 js创建一个循环链表

代码】js创建一个循环链表。

2022-08-12 15:30:06 808

原创 vue3渲染函数里插槽的定义和使用

vue3渲染函数里插槽的定义和使用

2022-08-08 16:14:08 1809 2

原创 clone的项目npm i之后package-lock.json文件会被修改

起因最近在做一个项目的需求时,项目克隆下来npm i时发现package-lock.json文件有大量修改,想着这个文件随意改动是不好的,所以还是要解决这个问题。第一反应当然考虑是npm和node版本的问题,解决办法么,上网查了一下大概这几个:1、将npm、node版本换成和同事一样的就行2、安装依赖时使用下面的命令npm install --no-save我选择的第二个方法,因为怕改动了npm、node版本影响了我的别的项目…...

2022-03-14 11:00:25 2667

原创 js实现uni中生命周期onShow的功能

关于onShowuni官方文档中onShow的说明:onShow:监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面。其他H5新增了一个事件visibilitychange(能见度更改)用来实现和onShow一样的功能。使用方法:document.addEventListener("visibilitychange", function() { console.log( document.visibilityState ); //页面显示时document.vis

2021-04-02 14:07:27 1897

原创 video视频全屏、满屏播放

具体问题video播放视频的时候由于视频尺寸问题,总是不能满屏播放。尺寸相差太大时不建议使用。解决办法css3有个属性可以解决这个问题:object-fit: cover;bject-position: center center;object-fit: fill|contain|cover|scale-down|none|initial|inherit;fill 默认,不保证保持原有的比例,内容拉伸填充整个内容容器。contain 保持原有尺寸比例。内容被缩放。cover 保持原有

2020-12-17 11:13:38 6133 3

原创 uni,H5页面,解决软键盘弹起页面被挤压、被往顶的问题

具体问题我是一个全屏的H5页面,高度用的是100vh,全屏 = 页面。input输入框固定在底部,input聚焦时软键盘弹出,安卓时页面被压缩,变成了全屏 = 页面 + 软键盘,页面就变形了。ios是整个页面会被往上顶,发生滚动。解决办法第一步:解决页面被压缩、往上顶问题测试发现,当iput框位置高于软键盘弹出的位置时页面不会被挤压、往上顶,而input聚焦的操作先于软键盘弹出,所以当input聚焦时使input的位置高于软键盘弹出位置。这时如果不做任何操作的话,input框的位置是有问题的,

2020-12-17 10:45:41 12228 1

原创 app WebView内嵌h5页面,ios端click事件点击延迟,无法连续点击

具体问题最近有个需求里有个点赞的功能,每点一下赞会有特效展示,可以连续点击不断的显示特效。做出来之后在测试阶段的时候发现除了ios端app WebView内嵌h5页面无法连续点赞之外,ios其他环境都没问题。(bug总是神奇的出现)因为没啥经验,开始考虑以为是我司ios开发在app端做了不能连续点击限制,于是去问了一下,结果我司ios开发说没有!!!好了,这肯定是前端神奇的bug了,于是我再次打开了百度…找到了解决办法解决办法@click="thumbs_up()改成:@touchstart

2020-11-26 15:54:39 800

原创 app WebView内嵌h5页面ios端播放视频,页面退出还有声音

前言最近公司做了一个直播回看的功能,需要做一个播放页面播放回看视频,综合各种百度结果,我选择了VueVideoPlayer来实现。具体实现方法请自行百度。具体问题提测之后测试反馈了一个bug(第一次做没啥经验)ios端播放直播回看视频之后,点击关闭按钮,页面退出还有声音我第一反应是怎么可能呢,页面都关闭了怎么还会有声音!!!(果然是菜鸟没错了)虽然我觉得不可能,但是它的确存在,于是我打开了百度…原来它就是会有这样的问题,需要在关闭前暂停播放视频。解决办法在点击关闭,页面关闭之前加入如下代

2020-10-14 14:56:03 1645 1

原创 javascript 中 “ !function(){}() ”

!function () { / code / } () 自执行函数!function () { /* code / } ();~function () { / code / } ();-function () { / code / } ();+function () { / code */ } ();这些函数是一个意思,都是告诉浏览器自动运行这个匿名函数的,因为!±~这些符号的运算符是最高的,所以会先运行它们后面的函数,就是返回值不同常见格式为:(function() { /* code */

2020-09-01 11:13:08 178

原创 移动端border失效

原因昨天有个项目,测试跟我说分享到微信打开时border失效了,然后我用自己的另一个手机打开测试链接发现不在微信打开border也失效了,我还觉得奇怪,还有浏览器不兼容border的吗???在我目前还算短暂的职业生涯里没遇到过啊,啊,我果然是一个只会切图的小菜鸟!研究了一下,主要是因为我是用rem写的移动端,在写border的样式的时候纠结了一下border的1px是直接写1px呢还是转成rem,于是我转成了rem,于是就出现了bug…简单来说就是border最小宽度为1px,我把1px转换成re

2020-08-27 10:27:59 784

原创 uni-app在子组件中更新父组件传入的数据,视图不更新

原因:问题出现在子组件props里传入的属性是没有进行双向绑定的解决办法:1.在data里定义一个属性等于props传入的属性然后进行操作2.在要迭代的view组件外包裹一层带v-if属性的view组件,对v-if绑定的数据进行赋值false再赋值true,来重建view组件以达到视图更新的目的....

2020-07-26 20:05:26 5067 1

原创 codewars,js实现4kyu:Default Arguments

目录题目简介Example最终代码解题思路难点题目简介该kata的链接地址Write a function defaultArguments. It takes a function as an argument, along with an object containing default values for that function’s arguments, and returns another function which defaults to the right values.Yo

2020-06-20 17:04:59 315

原创 js原型与原型链

目录原型原型与实例之间的关系原型链原型1.所有的引用类型(函数,对象,数组)都有_proto_(隐式原型)属性2.所有的函数都有prototype(显式原型)属性原型与实例之间的关系每个构造函数(Person)都有一个原型对象(Person.prototype),原型对象都包含一个指向构造函数(Person)的指针(Person.prototype.constructor),而实例(Person1,Person2)都包含一个指向其构造函数(Person)的原型对象(Person.prototype

2020-06-12 17:56:59 202

原创 js深复制和浅复制/深克隆和浅克隆

目录什么是深复制和浅复制js数据类型基本数据类型引用数据类型实现深度克隆的方式什么是深复制和浅复制1.浅复制:对a进行了复制之后,更改复制出来的b,原来的a也会发生改变。2.深复制:对a进行了复制之后,更改复制出来的b,原来的a不会发生改变。让我们来看一个例子: var arr = [1,2,3]; var newArr = arr; newArr.push(4); console.log(arr,newArr); //[1,2,3,4],[1,2,3,4]我们发现修改n

2020-06-06 17:57:00 402

原创 粗解js链式函数

目录链式调用链式函数链式调用在codewars里做到链式函数的题目(codewars:js实现5kyu:A Chain adding function)之前,如果在面试的时候面试官让我实现add(1)(2)(3)(4)= 10,我应该是一点头绪都没有,然后羞愧的说一句:不好意思这个我不怎么会…最后‘完美’的挂掉面试,over。在了解过程中我发现,其实链式调用我用的还是挺多的,比如在jQuery中经常会用到 $('#div').show().find('a').hide().end().css('col

2020-05-28 22:24:46 515

原创 codewars,js实现5kyu:Write out numbers(数字转化为英文写法)

目录题目简介Example我完成的代码我的解题思路我的难点题目简介该kata的链接地址Create a function that transforms any positive number to a string representing the number in words. The function should work for all numbers between 0 and 999999.Exampleumber2words(0) ==> "zero"number2w

2020-05-27 22:27:58 384

原创 codewars:js实现5kyu:A Chain adding function

目录题目描述Example我完成的代码我的思路我的难点题目描述该kata的链接: link.We want to create a function that will add numbers together when called in succession.add(1)(2);// returns 3We also want to be able to continue to add numbers to our chain.add(1)(2)(3); // 6add(1)(2)(3

2020-05-23 12:01:44 486

原创 粗解javascript中的函数节流和函数防抖

目录参考资料参考资料我感觉这里面讲的挺详细的:https://www.cnblogs.com/walls/p/6399837.html

2020-05-22 09:45:18 143

原创 codewars,js实现4kyu:Number of Proper Fractions with Denominator d

目录题目描述Example代码实现我第一次完成的代码(由于代码时间复杂度太高,编译超时了,未通过)欧拉函数(有点理不清,需要多研究扩展一下)按照欧拉函数的公示完成的代码思路难点题目描述该kata的链接地址: link.If n is the numerator and d the denominator of a fraction, that fraction is defined a (reduced) proper fraction if and only if GCD(n,d)==1.For

2020-05-21 16:58:09 213

原创 vue中使用less时报错: TypeError: loaderContext.getResolve is not a function

这里写目录标题1.安装less2.添加依赖3.运行4.问题5.解决6.扩展 -s和-d的区别1.安装lessnpm i less less-loader -s2.添加依赖打开build/webpack.base.conf.js,在module.exports 对象中添加依赖module.exports = { module: { rules: [ { test: /\.less$/,

2020-05-21 10:28:53 880

原创 codewars,js实现5kyu:ntegers: Recreation One

目录题目描述Example代码实现我完成代码解题思路难点题目描述该kata的链接地址: link.Divisors of 42 are : 1, 2, 3, 6, 7, 14, 21, 42. These divisors squared are: 1, 4, 9, 36, 49, 196, 441, 1764. The sum of the squared divisors is 2500 which is 50 * 50, a square!Given two integers m, n (1

2020-05-20 20:40:49 175

原创 codewars , js实现4kyu:recover a secret string from random triplets

目录题目描述Example代码实现我完成代码解题思路难点题目描述该kata的链接地址: link.Given a positive number n > 1 find the prime factor decomposition of n. The result will be a string with the following form :“(p1n1)(p2n2)…(pk**nk)”with the p(i) in increasing order and n(i) empty if

2020-05-20 20:34:49 376

原创 codewars , js实现5kyu:Primes in numbers

目录题目描述Example代码实现我完成代码解题思路难点题目描述该kata的链接地址: link.Given a positive number n > 1 find the prime factor decomposition of n. The result will be a string with the following form :“(p1n1)(p2n2)…(pk**nk)”with the p(i) in increasing order and n(i) empty if

2020-05-20 20:23:47 176

原创 codewars , js实现4kyu:Range Extraction

这里写目录标题题目描述Example代码实现我完成的代码解题步骤难点题目描述该kata的链接地址: link.A format for expressing an ordered list of integers is to use a comma separated list of eitherindividual integersor a range of integers denoted by the starting integer separated from the end i

2020-05-19 17:10:15 307

原创 codewars , js实现4kyu:Strings Mix

目录题目描述代码实现我完成的代码解题步骤(表达能力不是太好......)难点题目描述该kata的链接地址: link.Given two strings s1 and s2, we want to visualize how different the two strings are. We will only take into account the lowercase letters (a to z). First let us count the frequency of each lower

2020-05-16 16:21:33 417

原创 codewars , js实现4kyu:Square into Squares. Protect trees!

这里写自定义目录标题4kyu:Square into Squares. Protect trees!TaskExamplesNoteNote for BashHintjs代码实现4kyu:Square into Squares. Protect trees!My little sister came back home from school with the following task: given a squared sheet of paper she has to cut it in piec

2020-05-14 10:17:22 430

原创 vue实现输入框里限制只能输入两位小数

具体实现扩展: js保留两位小数的方法先把this.money扩大100倍,然后向上取值取整数,然后再除以100比如:123.45987 -> 12345.789 -> 12345 -> 123.45this.money = Math.floor(this.money * 100) / 100;toFixed()方法但是这个方法会将数值类型的值转化为字符...

2019-12-17 11:18:25 4530

转载 pc端页面到移动端显示时,相同字体大小移动端显示不一致的问题

https://github.com/amfe/article/issues/10原来这个特性被称做**「Text Autosizer」,又称「Font Boosting」、「Font Inflation」**,是 Webkit 给移动端浏览器提供的一个特性:当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会...

2019-11-05 10:43:48 3008

原创 纯js实现页面漂浮图

js代码var xPos = 700;var yPos = 300; var step = 1;var delay = 30; var height = 0;var Hoffset = 0;var Woffset = 0;var yon = 0;var xon = 0;var pause = true;var interval;img1.style.top = yPos;...

2019-11-01 15:46:03 931

原创 利用flex布局实现骰子

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .bg{ width: 300px; ...

2019-11-01 15:37:54 917 1

原创 关于获取时间的一些操作

Js获取当前日期时间及其它操作var today = new Date(); var year = today.getYear(); //获取当前年份(2位)var year = today.getFullYear(); //获取当前完整的年份(4位,1970-????)var month = dataProcess(today.getMonth()...

2019-11-01 15:30:50 138 1

原创 git的一些基本操作

1.创建空目录(这个可有可无)$ mkdir learngit(文件名)$ cd learngit$ pwd2.初始化$ git init3.查看工作区状态$ git status4.将修改过的文件添加到暂存区$ git add a.txt //添加单个文件$ git add . //添加所有工作区的文件到暂存区5.将暂存区的文件提交到仓...

2019-09-19 15:30:29 110 1

原创 纯js实现滑动条

效果图页面构成 <span class="box" id="box-lj-sgj"> <i class="hd"></i> <i class="hdt"></i> </span>css.tab-con .box,.tab-con .box .hd,.tab-con .box .hdt{ dis...

2019-09-07 18:08:16 4638 1

原创 js中内置属性(获取/设置)和自定义属性(获取/设置)的区别

1.内置属性的读取与设置 <img src="a.jpg"> var img = .............. //三种方法都可以获取设置img的内置属性src, console.log(img.src); // 会自动填充链接 http://............a.png img.src = 'b.png'; console.log(img.src...

2019-08-14 16:28:40 844 1

原创 vue-cli 中如何使用less

第一步 因为vue-cli中是不支持less的,所以要使用的话需要自己安装less和less-loader,命令如下npm install less less-loader --sava-dev第二步 打开build/webpack.base.conf.js,在module.exports 对象中添加依赖module.exports = { module: { ...

2019-07-17 10:33:34 801 1

转载 (转)IE6/IE7下position:absolute;绝对定位偏移、不显示问题

其实这个原因是因为IE6/IE7的解析是在position:absolute之后,仍然会按照普通文档流的解析来进行,而要打破这种方式,让它正常工作就需要给它一个定位,具体代码如下:方法一:CSS:html代码:切记left:0px;必须两个都要写,少写一个都会造成不显示:方法二:在每个position:absolute;的元素前面加一个空的div...

2019-07-10 11:25:36 780

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除