FE_lxy的博客

原创 div中英文换行问题

问题常见于测试数据常见，取到一长串的英文字符，无法在设置好宽度的div中自定换行，一般正式环境的中文可以解决

原创 el-table的高度自适应问题 el-table__body-wrapper的高度大于el-table__body

el-table的高度自适应问题el-table__body-wrapper的高度大于el-table__body的高度，导致表格最后一行后有留白，大致如下：通过设置了表格外层的高度为当前的90%可以解决数据固定的表格问题.el-table__body-wrapper { height: 90%!important; //具体百分比可以根据自身情况调整 }但此法缺乏灵活性当前表格有一个固定高度的显示区域，超出高度自动滚动，滚动时无此样式Bug所以无需处理，只需要对于表格行数不足

转载 chrome开发者工具

chrome开发者工具常用的四个功能模块： Elements：查看html的Dom结构，修改css的样式。css可以即时修改，即时显示。 console：这除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外，还可以当作Javascript API查看用。例如我想查看console都有哪些方法和属性，我可以直接在Console中输入"console"并执行 Sources：主要用来调试js和查看源代码 Network： Elements:.

转载 移动端链接的hover样式问题

问题：原本hover样式是鼠标悬浮显示，不悬浮就消失了的，但在移动端，点击后才显示hover样式，此后如果我们不做处理，那么hover样式就一直存在。方法：1、判断当前设备是什么设备。通过设备宽度@media screen and（...）进而设置移动端和pc的样式。弊端：因为pc端网页窗口也能缩小到500px，手机的窗口大小也是不定的，有些很大，有些很小，所以通过这种方法，不是太好。既然无法从宽度来解决问题，那么我们可以采用判断设备是否具备hover事件来决定是否显示hover.

原创 word目录中英文开头目录不对齐

问题描述：见图片，图中英文开头的和中文开头的图片名不对齐，因为标号和名称间的空格字体问题，英文时默认是Times New Roman解决办法：按住Ctrl+鼠标点击图3-3到达那个图片，选中空格. 显示印文字体，修改为宋体修改后回到目录，更新域完成对齐咯...

原创 the one入门

资料实在是太少了，艰难入门参考blog.csdn.net/csj_juan/article/details/86497212模拟了缓冲区大小5-30M的的情况下三个算法DirecteDelivery,Epidemic,Prophet等传输时延总算是跑通了。。。有没有同学课题也是这个的可以一起交流...

原创 vue npm run dev 端口占用的情况

两种方法1、改变默认的端口build/config/index.js里面的port: 8080 修改为其他的2、cmd杀掉占用8080端口的进程cmdnetstat -ano 获得所有的端口的TCP信息在命令行中输入netstat -ano|findstr 8080命令，可获取 8080 端口对应的 TCP 信息得到进程号900taskkill /pid...

原创 nvm安装与使用nvm下载不同版本nodejs

nvm下载地址:https://github.com/coreybutler/nvm-windows/releases选择图中版本傻瓜式安装配置环境变量找到Path添加： ;%NVM_HOME%;%NVM_SYMLINK%;打开cmd，输入命令：nvm version, 出现nvm版本号表明安装成功nodejs的安装nvm install latest安装最新版no...

原创 JS数组和常见算法题题解

数组在push元素有很好的性能，但是在数组中间插入，删除和查找元素上性能却不是很优，JavaScript中的数组的大小是可以动态增长的；数组的各种操作复杂度Push: O(1) Insert: O(n) 在数组最前面插入，后面n个都得后移 Delet: O(n) 在数组最前面删除，后面n个都得前移 Searching: O(n) 查找一个指定的数据则是O(N)，这个数据可能在最末尾...

原创 剑指offer 合并有序链表js

题目：输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则有两种方法，递归和非递归，递归方式比较难以理解，所以后来自己想了非递归方式，（和合并两个有序数组类似，只不过对于链表结构，要将节点的指针相互链接上）非递归方式下面的代码加了我傻瓜式注释，但是还是很好理解的。function Merge(pHead1, pHead2){ ...

原创 JS堆栈，基本数据类型，引用数据类型，深浅拷贝的整理

按照存储方式区分基本类型(原始值): 每个位置有一个具体地址存储值boolean number string undefined null symbol（ES6新增）引用类型：指针指向一个位置，节省空间,存放指针对象object 数组array 函数function传值方式不同===>深浅拷贝问题基本类型按值传递赋值之后单独修改变量互不影响对象按引用传值...

原创 vue新建一个项目

全局安装vue脚手架工具vue-cli：npm install --global vue-clicd 到想要创建项目的目录下vue init webpack （起的项目名称）todolist //创建一个基于webpack的模板新项目项目初始化完成之后，进入该项目目录，一般使用git Bash直接进入该项目目录中cd todolist(项目名)运行项...

原创 关于margin和padding的对比

之前接触过一个经典的笔试面试题目，背景色出现在哪部分，延伸出margin和padding的对比，何时使用margin何时使用padding先看下面盒子模型，元素自身的background属性，显示范围是边框以内的所有区域，border+padding+contentcolor和image同理所以自身设置的背景色出现在自身border-box以内的所有区域，包括padding父级...

转载 cookie

Http Cookie机制及Cookie的实现原理Cookie是进行网站用户身份，实现服务端Session会话持久化的一种非常好方式。1. 为什么需要Cookie？HTTP是一种无状态的协议，客户端与服务器建立连接并传输数据，数据传输完成后，连接就会关闭。再次交互数据需要建立新的连接，因此，服务器无法从连接上跟踪会话，也无法知道用户上一次做了什么。这严重阻碍了基于Web应用程序...

转载 WEB语义化

转自ttps://www.cnblogs.com/freeyiyi1993/p/3615179.html什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>　　根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么...

原创 原生JS实现call apply bind

call apply bind三者均可以改变this指向call和apply都可以动态改变this的指向。作用都是相同的，只是传参的方式不同。除了第一个参数外，call可以接收一个参数列表，apply只接受一个参数数组。bind将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()中的第一个参数的值下面涉及很多对伪数组...

原创 基本排序算法

冒泡排序从后往前，相邻的对比，每次把最大的数交换放到当前最末尾位置，每一趟排序当前最大值都到达最终位置每一轮确定一个元素在最终位置，每轮一次冒泡，将当前最大值（冒泡得到）放在当前最后的位置（ 对前面无序数组进行冒泡，比较交换 注意特殊情况的考虑function bubbleSort(arr) { if(arr===null || arr.length<2){ retur...

原创 new一个对象实现---JS必会

function createObj() { var obj={}; var Constructor=[].shift.call(arguments);//获得构造函数 obj.__proto__=Constructor.prototype;//链接到原型链 var res=Constructor.apply(obj,arguments);//这里第一个参数已经shift了，剩下的都是创...

原创 git分支开发流程

网页新建分支index本地：git pull 将远程仓库中的更新内容（新建的空白分支）复制到本地 git checkout index 切换到本地index分支进行开发开发完成后git add . 将所有改动的文件提交到暂存区 git commit -m '本次提交的描述' 将暂存区所有修改提交到本地分支 git push 本地分支内容传递到线上分支 git checkout...

原创 你不知道的JS（上）作用域读书笔记

作用域引擎:编译和执行过程编译器：作用域中声明变量作用域：负责收集并维护由所有声明的标识符（变量）组成的一系列查询，并实施一套非常严格的规则，确定当前执行的代码对这些标识符的访问权限。var a=2 分成两步骤var a 编译器查询a是否之前被声明，没有则在当前作用域中声明，有则忽略a=2 编译器为引擎生成运行时所需代码，查找作用域中是否有a，找到进行复制，没有继续查...

原创 js数组API学习笔记

迭代方法forEach:遍历所有元素，可以访问到下标和值，参数的顺序为（值，下标）替代for循环，不要只知道for循环，传递一个函数，对每一项进行逻辑处理。直接处理，无需返回值，一般执行操作使用every:判断所有元素是否都符合条件，每个元素都满足条件返回true，否则返回false结果为布尔值some:是否有元素符合条件，只要有一个元素符合条件就是tru...

原创 腾讯前端实习一面凉经

自我介绍 项目 项目中的难点 http的状态码301和302区别 304是什么，和304相关的HTTP控制头Etag等 现在用的HTTP版本 HTTP2.0有什么特性 Flex布局解决什么问题 Flex布局实现水平垂直居中 CSS盒模型 position属性 absolute相对什么定位 em和rem区别 es6最熟悉的特性 JS三种事件 事件冒泡 事件代理好处 网...

原创 网页布局

单列布局：l   顶部宽度占满整个页面：对top只设置height而不设置width（设置width为100%），main部分设置width，height自动l   盒子居中对齐 margin:0 auto 两列布局：l   自适应，左右两栏宽度用百分比表示，高度设为相同的值，float分别为left和rightl   非自适应，左右两栏用main的div包围设置main的宽度和居中，左右两栏的f...

原创 js对数字的操作

https://blog.csdn.net/wd4java/article/details/50466633常用的Math对象方法；day22-24的任务中：获取input的内容在得到元素后使用.value；用isNaN判断是否为数字，true不是数字类型；单选框radio的name属性相同，可使用getElementsByName(name属性值)得到所有的单选框用onchange事件处理程序检...

转载 outline/盒子的高级属性

不占用空间，在内容之上 语法如下设置box-sizing:border-box之后，再设置padding border 不会改变盒子的大小，只不过会向内占用content的区域

原创 git 小白入门

看的廖老师的教程https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000一．设置全局用户名和邮箱开始菜单里找到“Git”-&gt;“Git Bash” ，在命令行输入：git config --global user.name "Your Name"git config --global ...

原创 包含类名的派生选择器与基于类名的选择器

转载 background

背景裁剪background-clip使用：用于设置背景延伸到内容、内边距、边框（默认）背景图像渐变角度值以向上为0度，顺时针方向计算角度

原创 sublime text3 快捷键整理/git使用

Ctrl+P   go anythingl   输入:行号，到达相应的行l   输入@，出现css选择器列表（CSS文件）函数列表（JS）l   输入#标签名，选中标签 Ctrl+Enter在选中当前行下面添加一行Ctrl+Shift+P   调出命令模式l   Ctrl+N新建一个文件指定文件类型，setsyntax:js…(鼠标点击右下角选择语言环境)l   安装插件：install pack...

原创 background/rgba/border-radius/box-shadow

纯修饰性的图片，加到背景中，不要过多添加&lt;img&gt;标签background-position:水平（left/right) 垂直（top/bottom) 如果使用px为对应的角离开对应的变得距离    如果是%为背景图像中某点离开的距离圆角框上下使用圆角的背景图像background设置border-radius为变框角的半径：50%或者是width/2那么就是转角是1/4圆（与浏览器...

原创 定位/display

使用display属性可以改变框的类型display:none使得元素没有框，不再显示不占用文档的空间普通流（除非特殊指定，默认的）浮动绝对定位对于inline元素，可以通过设置水平的边框内外边距调整水平间距   垂直内外边距变框不影响行内框的高度设置width和height也没有用，不起作用但是可以设置line-height来改变行框的高度修改inline的尺寸：改变水平(left/right)...

原创 选择器优先级计算 IE两种盒模型

遇到没起作用的CSS是因为特殊性冲突，在选择器前面添加父元素的id可以增加特殊性计算特殊性的方法a:行内样式，优先级最高，a=1    只有行内样式1000b:id选择器总数c:类、伪类、属性选择器数量d:标签选择器和伪元素选择器数量十进制下计算abcd值 IE6及以下在混杂模式下使用自己的非标准盒模型width=content+2*border+2*paddingbox-sizing属性用于指定...

原创 css世界-block

每个元素两个盒子：外在盒子负责是否可以换行，block单独一行    inline可以与图文同一行                              内在盒子负责宽高，内容   block：可以设置width height   inline：不可以block:外在：块级盒子       内在：块级容器盒子inline-block:   外在：内联盒子       内在：块级容器盒子（可设置...

转载 web语义化

https://www.zhihu.com/question/20455165为什么要语义化：机器也要借助 HTML 提供的语义以及自然语言处理的手段来「读懂」它们从网上获取的 HTML 文档；在发布内容的时候，就用机器可读的、被广泛认可的语义信息来描述内容，来降低机器处理 Web 内容的难度。我们必须回归内容本身，将内容本身的语义合理地表述出来，再为不同的用户代理设计不同的样式描述，也就是我们说...

转载 web如何工作

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works客户端：除了上网设备还可以包括浏览器服务器：存放网页、网站和应用的计算机。当一个客户端设备想要获取一个网页时，一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示。TCP/IP: 传输控制协议和英特网互...