- 博客(47)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 vue-element-admin的二次开发
首先，我只能说这个真的不适合做二次开发，冗余的东西太多了。这里其作者推荐vue-element-template来做二次开发。暂且记录一下，以后也许会用。记录一下遇到的问题吧。如果你要新增页面，那就先在router文件夹的index.js下添加路径。删除也是一样。这里的路由对应的是view的。最好不要没事去删components下的组件，除非你确定真的完全用不到了。介绍一下它的大致结构。...
2019-06-05 16:53:19
31496
28
原创 portal-vue报错 t.provide is not a function
原因：现在portal-vue支持vue3了，没指定版本默认装最新的，装到给vue3用的了。应指定2.7.1版本。
2022-10-11 17:49:42
564
1
原创 切换tab codemirror refresh无效
先贴一下codemirror官方文档里关于refresh的解释在resize或者unhide的时候需要用refresh来确保codemirror仍然按预期表现我是用的element的el-tabs，这里切换tab显然是在unhide一个tab。但是为什么我在onTabClick方法里refresh仍然无效呢，原因是，要等视图先更新。refresh特意强调了是unhide。因此加个setTimeout或者await nextTick都可。下面贴出代码：<el-tabs v-model="a
2021-03-29 10:55:30
1292
2
原创 杂录
关于有些HTML的属性可以不用写值如（required）而有些却要。主要是因为有枚举型和布尔型之分。枚举型就是一个变量只可能有这几种取值。如spellcheck，必须显式地设置值为true或者false如spellcheck="true"就不能只写spellcheck。:focus-within 这个伪类，它或者它的后代获得焦点都可以触发。比如说用在form表单上，foucs任意一个in...
2019-12-05 15:38:00
251
原创 css replaced element置换元素
先声明，对于这个概念，不需要深入探究，因为厂商并不一定按规范走，了解就好。对replaced element的理解应该是可以影响容器，比如说width和height啥的，不会影响里面的内容。但是事实上也并不是这样。插入一条：有些人喜欢问一个问题，行内元素没办法设置宽高，为什么<input>却可以设置width?然后他们接下来就要告诉你，因为输入框是置换元素。这种明显就是...
2019-12-04 15:13:47
254
原创 css中background个人理解
这是一个层叠关系，最底层是background-color, 然后上面依次是图片，在style中出现后面的置于其上。于是就有了同时设置color和image的做法，保证在image还没加载出来的时候，有color先垫着。border一定是在background-color和background-image上的，不会被它们遮住background-origin和background-clip的...
2019-12-04 14:19:51
261
原创 css3 animation学习心得
先说一下与transition的区别，因为他们真的有点点相似。animation动画可以通过@keyframes属性对动画进行更为精细的控制，设置多个状态。但是transition属性则只有两个状态，起始状态与结束状态。两个属性的触发时机有很大的不同，animation好比是一个自执行函数，只要定义好，立马生效触发动画。transition则像是一个事件处理函数（事件监听器），只有...
2019-12-03 19:08:04
723
原创 box-shadow
模糊半径blur往阴影两端拓展，所以是值的一半。第二步是实现渐变。就是从内而外逐渐模糊。扩展半径spread直接扩展阴影面积，然后在此基础上才有模糊半径。这里不用减半实例此时刚好紧贴...
2019-12-03 17:00:49
133
原创 js获取和修改css值
常用的应该就两种。element.stylegetComputedStyle获取到的是CSSStyleDeclaration这个集合大部分时候会用到的方法就是getPropertyValue()用来取属性具体的值和直接用点运算符没区别接下来说一下不同点：.style方式缺点是它显示的是内联样式的值，如果你写在style或者外部引入是没办法获取的。优点是它可以修改css值...
2019-12-03 16:48:21
904
1
原创 css伪元素心得
::before和::after差不多，所以这里只用::before举例。时刻记住，::before的表现是父元素下的第一个内联元素，（默认的display是inline）并不是说就一定会在同一行什么的。<p>aaa</p>p::before { color: red; content: 'before';}可以理解为<p><sp...
2019-12-03 11:41:47
261
原创 React动态添加border
要求如下应该能注意到这个边框不是单纯的加一个border就能行的。因为你没办法确定这个数组的大小，所以由数组map出来后的flex item就很难搞。话不多说，直接上图我的做法是，对每个item添加border-right和border-bottom，然后针对右边的用nth-of-type(4n)解决。而底部的却没办法，因为你确定不了他底部有几个。这里我的做法是动态的给li增加一个类，也...
2019-11-29 15:24:43
2451
原创 antd表格树形数据展示的问题
这是场景，能明显看到2018/12/31是偏下的。我一开始以为是因为td没有设置垂直居中。但是并没有用。后面发现有个这么个东西他是有一定宽度的，所以如果你列宽度设置少了，就会把文字挤到下一行。把列宽度设置大一点即可解决...
2019-11-27 18:02:59
4487
原创 模拟vue的双向绑定
首先说一下我自己的理解，以v-model为例，输入框里输入的值会同步到data中，而如果修改data的值，输入框的中的内容也会发生变化。若将输入框作为视图层，data作为逻辑层视图层到逻辑层： 可以用oninput事件来模拟，逻辑层到视图层： 通过defineProperty来对setter进行修改，当监听到对象属性发生变化的时候，做出相应的操作（这里是修改input框的内容）<!...
2019-09-02 16:13:44
180
原创 洗牌算法shuffle
洗牌算法是将原来的数组打散，使原数组的某个数在打散后的数组的每个位置等概率出现。由抽牌、换牌、插牌衍生出三种算法。抽牌算法每次在原数组里随机取一个数，直到把所有的数取完。// 从原始数组中随机取一个之前没取过的数字到新数组function shuffle(arr) {let new_arr = [];while(arr.length > 0) {let index = Ma...
2019-09-02 11:13:59
577
原创 360前端校招2019笔试编程题
360用的是自己的网站来做笔试而不是牛客网。一直很不明白为什么笔试都喜欢输入输出而不是子函数的形式哈哈哈，虽然提供了js模拟输入输出的接口，但是由于没办法在自己的编译器上调试，一般出错就很麻烦，只能人眼debug哈哈哈。既然人家这么做了，我们也得适应别人。对于我而言，很久没写java了，然后只能是用c++或者c来代替js做一些简单的笔试题。前端对算法其实不是很看重，因为实际业务方面的确是后端...
2019-08-21 22:52:28
1334
原创 关于软件工程大作业的一些改错记录
怎么说呢，这次作业要求做一个空调管理系统。很多人选择了用c++配合qt去做，但是我对这软件不熟，学习成本太高，更主要是以后也用不上，所以采用的还是BS模型。要求组间通信，个人感觉应该是可以解决的，大不了给他们发socket。我和另一个室友分别负责前端和后端的代码。本来是前后端分离的，但是为了这种小型的系统去用vue，显得杀鸡用牛刀，虽说vuex的状态管理是真的方便，这次也是打算试试自己用原声js...
2019-06-12 19:41:27
279
转载 step over, step into, step out
Step Over：在单步执行时，在函数内遇到子函数时不会进入子函数内单步执行，而是将子函数整个执行完再停止，也就是把子函数整个作为一步。有一点，经过我们简单的调试，在不存在子函数的情况下是和Step Into效果一样的（简而言之，越过子函数，但子函数会执行）。Step Into：单步执行，遇到子函数就进入并且继续单步执行（简而言之，进入子函数）。Step Out：当单步执行到子函数内时，用S...
2019-06-10 21:42:15
2349
原创 字节跳动bytecamp夏令营在线笔试编程题2
第二题忘了题目是什么了，反正个人感觉只是返回’True’或者’False’的话，估计直接return一个也能过很多case了吧。给出第一题和第三题的解法。脱离了他给的环境，所以js没办法用getline和print来模拟输入输出。还是不吐槽为什么不用子函数形式来出题了，习惯了。// bytedance-q1function BinaryTree(left = null, right = n...
2019-06-03 17:04:27
985
1
原创 字节跳动bytecamp夏令营在线笔试编程题
就不吐槽牛客网的bug了，在线笔试体验极差。当时是严重影响了心情，心理素质还是要再提高啊，无论什么时候，编程都要保持平和的心态。直接说解法吧，总共四道题，第一题很简单，二三题给出解法，第四题来不及做了，题目都没看。第二题找矩阵有几组1，1的周围八格有1的话，视为同一组。我是从左上角开始遍历的，所以八个方向，只需要递归了五个方向。即右上，右，右下，正下，左下，在用一个flag数组存一下记录，...
2019-05-30 11:01:40
3494
4
原创 toString解析
首先，toString()是Object的方法，不过后面的number，string大都改写了这个方法从Object.prototype.toString()开始每个对象都有一个toString()方法，当该对象被表示为一个文本值时，或者一个对象以预期的字符串方式引用时自动调用。默认情况下，toString()方法被每个Object对象继承。如果此方法在自定义对象中未被覆盖，toString...
2019-05-27 16:04:21
460
原创 js字符串转数字
首先，介绍两种方法1、parseInt()还有它的兄弟parseFloat()一个转整数，一个转浮点，这不用多说了parseInt(string, radix);string要被解析的值。如果参数不是一个字符串，则将其转换为字符串(使用 toString)(这也是为什么string输入的是数字如12,也能正确解析的原因)。字符串开头的空白符将会被忽略。radix一个介于2和36之间...
2019-05-27 15:35:32
66156
原创 js隐式转换
参考文章：https://www.cnblogs.com/ihboy/p/6700059.html首先，js的typeof返回的是字符串一共有 “number”, “string”, “boolean”, “object”, “undefined” “function”其实function也是object，为什么这么返回我也不知道在进行（ + - * / % ）运算时基本类型的转换形式...
2019-05-27 14:24:41
215
原创 写border遇到的问题
首先，一般都习惯写border，但是border:rgb(223,230,236) 1px 0px 0px 1px solid;这样写是不行的，查看文档后发现，border只接受三个参数，意思就是你不能对每条边分别设宽度。所以如果要这么写，就必须拆分成broder-width, border-color, border-style另外一个就是，border重叠的话，是会颜色加深的，...
2019-05-24 13:03:42
332
转载 清空数组的方法
这是原文地址：https://www.cnblogs.com/fengzhentian/p/4518808.html直接总结：1、arr = [];这种是最快的，这里其实并不能说是严格意义的清空数组，只是将ary重新赋值为空数组，之前的数组如果没有引用指向它将等待垃圾回收。2、arr.length = 0;这种可以保留数组的其他属性3、arr.splice(0,arr.length);...
2019-05-23 15:54:12
828
原创 display:none和visibility:hidden的区别
有个博客已经说得很好了，我看了之后做了一下总结。display：none的元素不会出现在render树，但是dom树上还是存在的，否则无法响应事件。display：none后无论怎么修改子元素的display，都没用，因为根本不在render树中。hidden的元素依旧会占位，只是看不到。子元素修改visilibilty: visible；是可以显现的，这个结果也正常，毕竟hidden的元素...
2019-05-20 12:04:54
1427
原创 数组浅拷贝的方式
首先let arr1 = [1, 2, 3];let arr2 = arr1;肯定是不行的记录一下几种简单的方法.let arr2 = [...arr1];let arr2 = arr1.concat();let arr2 = arr1.slice(0);
2019-05-07 21:30:26
960
转载 DOM, DOCUMENT, BOM, WINDOW 有什么区别?
我试着用通俗的语言解释一下。这几个都是 JS 里面的概念。先说 DOM：DOM 全称是 Document Object Model，也就是文档对象模型。DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如添加某些元素、修改元素的内容、删除某些元素），我们把这个 HTML 看做一个对象树（DOM树），它本身和里面的所有东西比如 ...
2019-05-03 19:20:02
155
原创 从零开始搭建自己的云服务器
以前一直都是在本地运行服务器，然后用localhost访问，这样有个局限的地方就是，你只能在局域网中访问。于是就想租一个云服务器。这里我选择了腾讯云，10元一个月的没抢到，反倒是抢到了15天免费体验。经过实名认证之后，就正式地开始使用了，可以选择购买域名（+8rmb），考虑到我只是用来玩的，就没买。首先要明确一点，云服务器和本地的服务器有什么区别。其实还真没区别，无非就是你在远程的一台主机...
2019-05-03 11:13:09
16519
6
转载 x86,8086,386是什么
这里先要说一下32位与64位系统的区别：1、CPU一次处理数据的能力是32位还是64位2、内存寻址方面，最大寻址空间不同，32位系统最大寻址空间2^32,大约为4G，也就是说32位系统的处理器最大只支持到4G内存，而64位系统最大支持的内存高达数亿位（2^64） x86：Intel从16位微处理器8086开始的整个CPU芯片系列，系列中的每种型号都保持与以前的各种型号兼容...
2019-05-03 10:24:11
4206
转载 类数组转换为数组的方法
1、Array.prototype.slice.call()这种方法是借用了数组原型中的slice方法，返回一个数组。slice方法的内部实现：Array.prototype.slice = function(start,end) var result = new Array(); start = start || 0; end = end || this.length; ...
2019-05-01 19:40:46
401
转载 Array=[]与Array.length=0的区别
根据codeday某大佬的答案可以画出下图。得出结论：1、foo=[]实质上是创建了一个新数组，并将foo指向它，而bar.length=0操作的是原数组2、foo2=foo，foo2指向[1,2,3]不是通过先指向foo，而是直接指向这块内存，如果foo的指向发生变化，foo2的指向不变...
2019-04-29 11:31:12
4735
4
原创 SQLZOO答案： More JOIN operations（全部通过）
前十题都太简单了，就不给答案了11、Which were the busiest years for ‘John Travolta’, show the year and the number of movies he made each year for any year in which he made more than 2 movies.SELECT yr,COUNT(title) F...
2019-04-17 22:31:11
2089
原创 inner join 与 natural join的区别
首先，join默认是inner join我一开始以为这两个可以互换比如actor(actorid为主键)actoridname1小明2小亮3小红movie(movieid,actorid都为主键）movieidactorid111223那么把这两张表连接起来有两种方法INNER JOINSELEC...
2019-04-17 11:30:44
5198
1
原创 SQLZOO答案：The JOIN operation（全部通过）
3、Modify it to show the player, teamid, stadium and mdate for every German goal.SELECT player,teamid,stadium, mdate FROM game JOIN goal ON (id=matchid) WHERE teamid = 'GER';4、Show the team1, team...
2019-04-15 16:49:06
786
1
原创 SQLZOO答案 : SELECT within SELECT Tutoria（全部通过）
1、List each country name where the population is larger than that of ‘Russia’.SELECT name FROM world WHERE population > (SELECT population FROM world WHERE name='Russia') 2、Show the c...
2019-04-13 14:18:44
456
原创 nodejs实现局域网通信
1.支持多端通信，广播和单播2.任何一客户端断开链接，不会影响其余主机通信3.支持修改主机名此处我打开了三个端口。分别设置hostname为user1, user2, user3.源码地址：https://github.com/star-hs/nodejs-net-communication/tree/master...
2019-04-10 10:33:04
3324
原创 函数声明与函数表达式的提升问题
首先上图函数a是函数声明，执行的是函数提升，实际效果是function a() { console.log(1);}a();即会把整个函数声明提到作用域顶端而函数b是函数表达式，执行的是变量提升，实际效果是var b;b();b = function() {}由于b已经声明了，所以不会报错ReferenceError，而是TypeError。另外补充一点，函数声明和变...
2019-03-29 16:59:51
3436
原创 nodejs+mysql实现用户注册登录
首先给出源码下载地址：https://download.csdn.net/download/sky1679/11064281之前用django框架写过模块化的基于python+sqlite(自带的数据库）后端。那时候就是在不同的文件里写不同的东西（为了模块化），当时也不知道为什么要这么写，以至于刚开始用node.js写不会写了，django输入某个命令记得好像是manage.py啥的可以开启服务...
2019-03-27 11:11:35
9365
1
原创 json字符串与对象的转换
首先String(obj)或者obj.toString()是没用的。必须是JSON.stringify(obj)的时候，如果括号里直接写字符串的话，用单引号，不然会和json字符串里的双引号弄混然后报错...
2019-03-27 09:28:25
160
原创 微信小程序学习历程2
前端壳子基本上是弄好了，为了让这个小程序成功运作起来。你必须还得有后端和数据库。此处我选用了node.js 和 mysql， 理由很简单。node.js 和 js语法很接近，几乎可以说是脱离了浏览器的js。mysql呢，我感觉这个数据库应该是最火的，正巧我现在也在学，一举两得。我其实一开始对前后端数据怎么交互，还有node.js对数据库的存取很没有概念，这里还是推荐菜鸟教程的node.js教程...
2019-03-20 18:11:01
147
北邮数据库自主实验nodejs+mysql
2019-05-28
北邮数据库自主实验nodejs+mysql
2019-03-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人