canoe777-CSDN博客

原创 Vue之mixin理解与使用

Vue之mixin理解与使用前言一、使用场景？二、基础实例1.基础写法2.使用mixin3.用法项目中的导入4.合并总结前言混入(mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。一、使用场景？有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是保留为一个组件，

2020-09-02 14:16:23 314

原创动画函数的基本实现

动画函数的基本实现1.预备知识2.进行封装1.预备知识只有通过定位我们才能实现动画的效果，我们要遵循“子绝父相”的基本思路来实现cssoffsetLeft是获取元素相对带有定位的父元素的左边框的偏移量，而且是只能获取，不能改写，而且获取的数值是不带单位的要改写离定位父元素的左边框的偏移量，应该是通过重新对这个元素的style中的left进行赋值我们如果采用缓动效果让其缓慢停下，我们采用的是，步长公式=（目标值-现在的位置）/10，但是由此会带来一个问题是会出现小数的情况，我们做以下的规定，如果步

2020-08-27 11:52:00 310

原创使用js原生代码实现类似新闻列表的滚动题目来自4399小游戏2020年前端笔试编程题

新闻列表的滚动循环播放html代码CSS代码Script代码总结题目要求：要求实现以下页面，其中列表项是滚动循环播放的，而且每次只显示3个，当鼠标经过的时候停止播放，鼠标离开继续播放const NOTICE_LIST = [ '恭喜罗X获得特等奖别墅一套', '恭喜张4获得一等奖跑车一辆', '恭喜张5获得二等奖华为手机一部', '恭喜张6获得二等奖华为手机一部', '恭喜张7获得三等奖小米手机一部', '恭喜张8获得三

2020-08-27 01:25:13 526

原创 next和nextValue的一些小知识

问题：模式串t=“a b a a b c a c”,对应的next函数值为，nextval函数值为。1.首先求next值next值的比较规则是：（1）第一位的next值为0，第二位的next值为1（2）后面求解每一位的next值时，根据前一位与其next值对应的内容进行比较。如果相等，则该位的next值就是前一位的next值加上1；如果不等，向前继续寻找next值对应的内容来与前一位进行比较，直到找到某个位上内容的next值对应的内容与前一位相等为止，则这个位对应的值加上1即为需求的n

2020-08-21 14:59:34 2415

原创 07 URL化 08恢复空格

1.URL化编写一种方法，将字符串中的空格全部替换为%20。假定该字符串尾部有足够的空间存放新增字符，并且知道字符串的“真实”长度。（注：用Java实现的话，请使用字符数组实现，以便直接在数组上操作。）示例1: 输入："Mr John Smith ", 13 输出："Mr%20John%20Smith"示例2: 输入：" ", 5 输出："%20%20%20%20%20"提示：字符串长度在[0, 500000]范围内。IPO过程：I:输入一个将

2020-08-20 17:36:15 178

原创 less和sass/scss的区别？

1.定义1.less：是一种动态样式语言，对css赋予了动态语言的特性，如变量、集成、运算、函数。less既可以在客户端上运行，也可以在服务端运行。2.sass：是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。3.Sass与Scss是什么关系?Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里面，因此sass语法进行了改良，Sass 3就变成了S

2020-08-20 11:04:12 392

原创 05移除重复节点 06最长回文子串（动态规划）

1.删除重复节点编写代码，移除未排序链表中的重复节点。保留最开始出现的节点。示例1: 输入：[1, 2, 3, 3, 2, 1] 输出：[1, 2, 3]示例2: 输入：[1, 1, 1, 1, 2] 输出：[1, 2]提示：链表长度在[0, 20000]范围内。链表元素在[0, 20000]范围内。IPO过程I :输入一个链表P:移除重复节点，保留最开始的节点思路：采用双指针的做法，里层循环为将头指针固定，后续指针在移动，移动过程中如果出现与头指针的值相同的节点，删除该结点

2020-08-15 13:41:52 169

原创 03 把字符串转换成整数 04有重复字符串的排列组合

1.把字符串转换成整数写一个函数 StrToInt，实现把字符串转换成整数这个功能。不能使用 atoi 或者其他类似的库函数。首先，该函数会根据需要丢弃无用的开头空格字符，直到寻找到第一个非空格的字符为止。当我们寻找到的第一个非空字符为正或者负号时，则将该符号与之后面尽可能多的连续数字组合起来，作为该整数的正负号；假如第一个非空字符是数字，则直接将其与之后连续的数字字符组合起来，形成整数。该字符串除了有效的整数部分之后也可能会存在多余的字符，这些字符可以被忽略，它们对于函数不应该造成影响。注意：假

2020-08-14 11:56:06 157

原创 01链表回文 02链表反向相加

1.简单一道编写一个函数，检查输入的链表是否是回文的。示例 1：输入： 1->2输出： false 示例 2：输入： 1->2->2->1输出： true链表的形式，我们可以直接将其转化为数组，采用while循环，head链表形式，将其值插入到数组中去，最后由数组转化为字符串，利用字符串的翻转来实现这一方式。使用IPO方式：I：输入一个链表P：（1）将链表转为数组形式（2）将数组转为字符串形式（3）利用数组的翻转函数reverse()转为翻转数组，再转为

2020-08-13 13:23:13 189

原创正则表达式？如何写一个保留两位小数的正则表达式？如何写一个如下要求的美元？

一、知识点要点：1.正则表达式的定义正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。2.如何创建显式创建 var myregex = new Re

2020-08-06 12:44:56 1315

原创 CSS三角形之美

三角之美，面试常问div { width: 0; height: 0; line-height:0； font-size: 0; border-top: 10px solid red; border-right: 10px solid green; border-bottom: 10px solid blue; border-left: 10px solid #000; }要点：我们用css 边框可以模拟三角效果宽度高度为0我们4个边框都要

2020-08-05 21:27:08 396

原创剑指offer：面试必备，写一个函数,求两个整数之和,要求在函数体内不得使用、-、*、/四则运算符号。

写一个函数，求两个整数之和，要求在函数体内不得使用+、-、*、/四则运算符号。思路既然不能用加减乘除，只能用位运算左移( << 相当于乘法)、右移( >> 相当于除法 ) 、无符号右移( >>> ) 、位与( & ) 、位或( | )、位非( ~ )、位异或( ^ )，除了位非( ~ )是一元操作符外，其它的都是二元操作符。用IPO来表示：Input：假设输入的数字是2和3Process：我们不能采用加法运算，但是我们可以位运算01+00=0

2020-08-05 12:51:25 167

原创 Symbol？面试题中提问的关于Symbol的一些概念？

1.JS的基本数据类型有哪些？（7种）Number String Boolean Null Object Undefined Symbol2. Symbol的特点是什么？表示独一无二的值，Symbol最大的用途是用来定义对象的唯一属性名比如我们要给一个已有属性的对象添加一个新的属性，新的属性可能和旧的属性名称冲突，这个时候采用Symbol是最好的。3.如何定义一个Symbol？通过Symbol()方法可以生成一个symbol，里面可以带参数，也可以不带参数const symbol1 = Sym

2020-08-03 12:59:04 1327

转载什么是promise？promise的作用是什么？

promise是什么？1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列为什么会有promise？为了避免界面冻结（任务）同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你说，对不起我是“同步”服务员，我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了，你只是想要个菜单，这么小的动作，服务员却要你等到别人的一个大动作完成之后，才能再来招呼你，这个便是同步的问题：也就是“顺序交付的工作

2020-07-26 14:17:21 16769 3

转载 css3自适应布局单位vw,vh

视口单位(Viewport units)在PC端，视口指的是在PC端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。根据CSS3规范，视口单位主要包括以下4个： 1.vw：1vw等于视口宽度的1%。 2.vh：1vh等于视口高度的1%。

2020-07-25 12:51:56 257

原创 centos连接不上xshell （亲测有效）

要是有遇上centos连接不上xshell https://jingyan.baidu.com/article/363872ec796dfc6e4ba16f09.html 这个链接亲测有效在配置系统静态ip的时候systemctl restart network重启下网络

2020-07-21 16:43:55 492

原创 JS实现九九乘法表（for双重循环的典型例子）

2020-07-20 21:42:29 341

原创 JS找字符串中出现最多的字符（多个相同最大值）

JS找字符串中出现最多的字符 <script> // 1.JS找字符串中出现最多的字符 var str="nininihaoa" var o={}; //核心算法：利用charAt()遍历 //把每个字符都存放到对象中，如果对象没有该属性值，那么就赋值为1，如果有就+1 //最后再遍历对象，把对象中的值最大的打印出来,可能出现多个相同的值，这个时候把属性值为max的属性打印出来 fo

2020-07-20 21:20:00 702

原创想在github上寻找开源项目，如何高效地找？

一、如果想要搜索名字相关的1.那需要在搜索栏中输入类似下图的指令可以看到如下图的结果：还是太多不知道如何筛选，那么我们再加上一些条件2.比如，加上star，如下图所示结果如下：看起来项目总数已经很少了这时候就可以尽情筛选了3.再比如，再加上一个条件，forks结果如下：范围进一步缩小二、在详情页面查找方法和上面类似结果如下：三、在描述中查找结果如下：当然还有其他的条件可以选择，比如语言、抑或是更新日期结果如下：我们当然也可以输入中文显示好了

2020-07-11 16:06:33 329

转载 remote: Incorrect username or password ( access token ) fatal: Authentication failed for gitee

gitee推送到远程仓库时提示错误remote: Incorrect username or password ( access token )fatal: Authentication failed for ‘https://gitee.com/***/***.git/’解决办法：清除本地的gitee用户名和密码git config --system --unset credential.helper再执行推送，重新输入用户名和密码。...

2020-06-12 20:00:10 1304

原创验证码机制

验证码机制从哪里来？是从后端生成的，随机生成的后端调用相关的绘图第三方类库，或是系统核心绘图类库进行图片的绘制绘制的那些随机的数字、字母都是后端预先定义好的将绘制的图片的URL地址，通过网络返回送给客户端，然后客户端可以使用img标签去引用这个验证码的地址后端在绘制完毕验证码之后，注意，随机选择生成的字母，不能丢弃而是保存到session中当客户端输入验证码完毕之后，会提交表单，后端服务器会拿到客户端提交的验证码，与服务器端的session中的验证码进行比较...

2020-06-02 20:16:23 175

原创 Git下载、安装与环境配置&& vue调试工具vue-devtools安装及使用

Git下载、安装与环境配置&&vue调试工具vue-devtools安装及使用Git下载、安装与环境配置1.百度git官网，下载链接，根据自己电脑系统下载相应的安装包，2.下载最新版本，点击红框或篮筐处即可点击下载好的安装包安装这个软件3.一直点击next，直到出现install，点击install，安装完成后点击finish4.安装好后在桌面界面点击鼠标右键，会...

2020-05-05 21:05:46 986

转载注册GitHub时，无法验证您的验证码响应

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2020-03-13 13:46:03 14430 21

canoe777的博客