- 博客(38)
- 收藏
- 关注
RSS订阅原创 统信uos安装vscode开发工具提示缺失依赖包 libxkbfile1 的解决方案
我在统信uos操作系统下安装 vscode 开发工具时，提示：依赖缺失依赖 libxkbfile1。安装好后再次安装vscode的deb包即可。解决方法：点击这个地址重新下载依赖包。
2024-05-10 10:38:03
1273
原创 contenteditable可编辑功能,监听输入内容与回车操作
在输入非英文字符时，将光标移动到最后面使用方法用于创建一个新的 Range 对象，Range 对象代表文档中的一段连续的区域sel?sel?第一行代码 let currentDom = document.getElementsByClassName(‘word-block’)[0];用于获取文档中 class 为 ‘word-block’ 的第一个元素，并将其赋值给变量 currentDom。
2024-04-25 10:08:54
1986
原创 数据类型的判断方式以及转换方式的汇总
本文内容：介绍了几种常用的数据类型判断方式，并且手写了一个通用的判断方法强制类型转换和隐式类型转换的常用方法和规则，以及常见的面试题数据类型检测方法一： typeoftypeof 常用来判断基础数据类型，判断引用类型会有bugtypeof null 会输出 object，但这只是 JS 存在的一个悠久 Bug，不代表 null 就是引用数据类型，并且 null 本身也不是对象引用数据类型是无法判断出来的，用 typeof 来判断的话，除了 function 会判断正确以外，其余都是&#.
2022-05-04 20:57:29
415
原创 视频正常播放时进度条不变VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for
错误信息：VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.没有找到与此媒体兼容的源。原因：建dom节点时，视频src的值为空导致的问题解决方法：可以给src一个初始化默认值...
2021-12-16 13:07:00
5623
原创 vue-drag-resize的默认样式修改与拖拽层级
最近工作上的项目遇到了自由拖拽的问题，没有手动写轮子，在网上找了一个拖拽的组件 vue-drag-resize。遇到了两个问题默认样式修改（去掉虚线边框）拖拽层级，当前拖拽的元素层级要最大修改默认样式拖拽的组件在点击拖拽时，会有一个默认的虚线边框第一个问题比较好解决，在网上一搜就能搜到解决方法:在style标签里写上.vdr.active:before { display:none;}当前拖拽的元素层级要最大vue-drag-resize层级默认是第一个元素最小，然后依次递增
2021-09-07 22:52:07
4519
4
原创 CSS,JS,HTTP三道题-5.29
css: 什么是css盒模型CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型box-sizing有3个值：border-box,padding-box,content-box.标准盒模型box-sizing：content-box; 如下图IE盒模型 box-sizing:border-box；如下图区别：从图中我们可以看出，这两种盒子模型最主要的区别就是width的包含范围，在标准的盒子模型中，width指content部分的宽度，在IE盒子模型中，width表示content
2021-05-29 13:36:45
215
原创 视源前端面试整理
怎么给ul里的li添加事件代理？了解ES6中类的实现吗？说一下对原型链的理解。ES6中怎么实现类的继承的？ES6中的继承和原型继承的区别事件循环机制？setTimeout是宏任务还是微任务？怎么实现一个精准的计时了解vue的原理吗？怎么实现的？为什么用proxy？你用过哪些状态管理工具？你知道有哪些优化的方案？长列表分页怎么做？预加载怎么做？有使用过什么前端工程化的工具吗？讲一下webpack的打包过程？loader和plugin的区别？说一下归并排序的实现思路。部分答.
2021-01-24 20:27:18
660
原创 前端面试-js绑定-async await与promise
js如何实现绑定的？浏览器的缓存机制？session和cookie的区别？promise了解吗？接上题，async await和promise的区别？宏任务微任务了解吗？promise是什么任务，settimeout呢？常见的http状态码，分组说一下，然后用过哪些状态码？css权重？盒模型，flex盒手写代码题：css居中http、https有什么区别？01js如何实现绑定的？可以使用applay,call,bind方法实现this的绑定apply()的第一个参数是null，.
2021-01-06 20:40:04
348
原创 腾讯前端校招面试复盘
大厂面试经验大厂面试都会很看重基础，尤其是JavaScript，基础要打牢再一个就是算法，一些常见的算法必须要回，很有可能会让你手撕代码第一个肯定是先要自我简绍呀，自我介绍不仅是要面试官了解你，更重要的是你要在这段时间里平复一下心情，不要使自己太紧张下面就是校招腾讯一面的经历了，有些问题可能没有记全，但是也差不多废话不多说，直接进入正题吧问：css有哪些常见的布局这题就是关于css的布局知识了，常见的布局就那几个，但是不仅要说出布局的名字，还要说出如何实现或者是他们的优缺点答：1.
2020-12-23 09:26:27
796
1
原创 VUE起手式-如何开始写代码
vue有两个版本，这两个版本；分别是Vue完整版（vue.js）和Vue非完整版（vue.runtime.js）Vue.js(完整版)引入以vue.js结尾的文件名，有compiler编译器优点：编译器将占位符{{}}或者条件语句变成真实的DOM节点，可以从HTML得到视图，缺点：编译器体积大,占文件的30%new Vue({ template: '<div>{{ hi }}</div>'})Vue.runtime.js引入以vue.runtime.js结尾的文
2020-12-19 22:34:32
1183
2
原创 前端面试题1
浏览器缓存，有何区别？• localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象• localStorage生命周期是永久，除非自己清除• sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。• LocalStorage 一般不会自动过期（除非用户手动清除），而 SessionStorage 在会话结束时过期（如关闭浏览器）常用的数组
2020-12-14 14:44:53
100
原创 免费一个彩虹屁机器人
目的：五分钟教你搭建一个免费的机器人，每天定时给女票发送信息女朋友老是说我发信息不及时，连早安晚安都不发于是我就找遍网络以寻求解决之法，终于让我找到了自己搭建一个机器人，每天给他发问候的邮件而且还免费准备工作要有一个网易的邮箱要知道对象的qq邮箱要有一个腾讯云账号腾讯云上边有一个云计算功能，每月有100万次的调用次数，所以说是免费使用第一步：打开腾讯云服务器 （如果没有账号先注册）腾讯云登录找到云函数点击管理控制台点击函数服务之后再点击新建设置一个函数名；运行
2020-11-28 16:41:37
2083
1
原创 DOM捕获阶段和冒泡阶段
DOM捕获阶段和冒泡阶段DOM事件流：事件流描述的是从页面中接收事件的顺序。（事件传播的过程就是事件流）包括三个阶段：**事件捕获阶段：**该阶段的主要作用是捕获截取事件**处于目标阶段：**一般地，该阶段具有双重范围，即捕获阶段的结束，冒泡阶段的开始;**事件冒泡阶段：**主要作用是将目标元素绑定事件执行的结果返回给浏览器，处理不同浏览器之间的差异，主要在该阶段完成捕获 当用户点击按钮，浏览器会从 window 从上向下遍历至用户点击的按钮，逐个触发事件处理函数。冒泡 浏览器从用户点击的按
2020-11-20 17:09:46
405
原创 02JavaScript的DOM操作
js中最重要的就是对DOM的操作要想操作DOM，我们先理解以下几个名称的意思元素就是标签，只是叫法不同；< p >可以称为p标签，也可以叫p元素节点包括元素和文本；通俗的来说：p标签和它里面的文字，合一块叫做节点操作DOM元素就是对节点的增删改查什么是 DOM?DOM就是文档对象模型 ，一个网页就可以看作一个文档DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合；它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的
2020-11-19 00:26:30
196
原创 React的创建方式以及类组件与函数组件
安装创建React项目方法一：创建全局安装yarn global add create-react-app创建项目create-react-app 23react-demo-1运行项目yarn start方法二：引入链接需要引入react和reactDom库<script src="https://cdn.bootcdn.net/ajax/libs/react/16.10.2/umd/react.production.min.js"></script>&l
2020-11-18 16:11:58
316
原创 01-JavaScript的基础学习
表达式和语句语句： JavaScript 程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句。这是一个赋值语句var a = 1+2表达式 是指一个为了得到返回值的计算式； 像上面的1+2,就是一个表达式区别：语句是为了进行某种操作,一般不需要有返回值； 表达式是为了得到返回值，一定会返回一个值语句以分号结尾，一个分号就代表一个语句结束，多个语句可以写在一行内；表达式不需要以分号结尾，一旦加了分号，就被JavaScript视为语句标识符的命名规则标识符
2020-11-11 23:17:42
137
原创 如何阻止在使用vscode写vue3代码时保存自动格式化的问题
最近在用vue3写一个轮子的小项目，使用的是vscode,但是保存了之后老自动格式化现在终于找到解决的办法了找到设置，打开扩展->Auto,找到Vue3snippets: Enable-compile-vue-file-on-did-save-code,取消勾选在script上写 setup会消失，也可以用这个方法解决这是我的另一篇取消自动保存的文章:取消vscode 中json等文件保存自动格式化问题这是我的Vue3轮子,使用Vue3和TypeScript完成 学习的时光总是
2020-11-01 23:00:15
2584
原创 URL,DNS和IP是什么？
URL 包含哪几部分，每部分分别有什么作用？URL全称：Uniform Resource Location 译为：统一资源定位符；这个URL 包括：协议部分、域名、端口、路径（虚拟路径）、携带的参数、哈希值； http://www.jianshu.com/index.html?name=oldUath&age=25#dowell 协议 域名 路径 ?查询参数 #锚点协议部分：该URL的协议部分为“http：”
2020-10-05 22:47:48
1921
原创 网页视频倍速播放的方法
很多网页的视频不支持倍速播放，谷歌浏览器下载插件也太麻烦不下载插件让浏览器倍速播放的办法要求：必须是HTML播放器才可以第一步：在视频页面，按f12键或者鼠标右键点击检查点击console第二步：输入下面这段代码，粘贴到console的空白处，点击回车,最后一个数字是播放的速度，现在是三倍速，document.querySelector('video').defaultPlaybackRate = 2.0;document.querySelector('video').play(
2020-09-27 09:55:01
36184
3
原创 虚拟DOM和dom diff以及key值问题
什么是虚拟DOM虚拟DOM是一颗以JavaScript对象（node节点）作为基础的树，用对象属性来描述节点，他是对真实DOM的抽象，通过一些列操作使这棵树映射到真实环境上虚拟dom就是能代表DOM树的对象，通常含有标签名，标签上的属性，事件监听和子元素们以及其它属性为什么要有虚拟DOM这个东西人们创造出虚拟 DOM 就是为了更好地将虚拟节点渲染到视图上，也就是把虚拟DOM变成真实的 DOM 节点，提高视图的渲染性能。在真实DOM操作中传统的开发模式，原生JS或JQ操作DOM时，浏览器会从构建D
2020-09-26 17:04:45
506
1
原创 取消vscode 中json等文件保存自动格式化问题
有时候我们不需要vscode保存自动格式化，但是vscode一般会默认保存就会格式化取消方法：如果你下载的有JS-CS-HTML Formatter插件，那就把它卸载吧按ctrl + shift +p 调出搜索框，输入settings json,选中打开设置（不是打开默认设置）把 "editor.formatOnSave" 值改为false要想格式化代码怎么办呢？可以使用 shift+alt+f 快捷键格式化 学习的时光总是短暂，又到了时候说拜拜
2020-08-04 10:02:25
3864
1
原创 今日前端面试题之 —— ES5与ES6，ES6新特性是啥？
啥是ES5，啥又是ES6？首先ES是ECMAScript的缩写；而ECMAScript是网页脚本和语言的一种标准，通俗的说就是 javascript的几个标准（语法，变量和函数的写法），是由ECMA这个组织制定的2009年，ES5横空出世，直到2015年又出现了ES6；ES6是JavaScript语言的下一代标准，已经在2015年6月正式发布了那么面试官的问题来了，es5和6有啥区别，es6有什么新特性呢？es5中声明变量只有var，声明函数只有functiones6中又增加了let,consth
2020-07-10 23:24:04
1195
原创 早点接受社会的毒打 —— 一位程序员找实习的经历
大四了，我以为我会html，csss，javascript，一点bootstrap3用过node.js，就能找到实习。我还是太天真了，我还天真的以为照着blibli写了两个小项目，就会有公司要我终于，我接受到了社会的毒打面试了几次，跟面试官聊了聊，我才发现，我连初级前端程序员的要求都没有达到。于是就发出了这样的感慨：早点接受社会的毒打第一次面试，这个公司还算一个像样的公司，和后面那几个相比这算是一个真正要找员工的公司，首先是笔试，拿到题我就崩溃了。这些是啥我都没听说过，什么闭包，跨域，原
2020-07-10 16:18:38
685
原创 node.js没有引入正确的引擎模板路径；错误Error: Failed to lookup view login in views directory解决办法
今天在写代码时出现了这样一个错误Error: Failed to lookup view "login" in views directory "E:\JAVA\博客项目\手写博客\nodeBlog" at Function.render (E:\JAVA\博客项目\手写博客\nodeBlog\node_modules\express\lib\application.js:580:17) at ServerResponse.render (E:\JAVA\博客项目\手写博客\nodeBlo
2020-05-24 16:34:13
1626
原创 使用node.js导入ejs公共模板时报错：Unexpected token ')' in ./views/index.ejs while compiling ejs
在vscode 中运行node.js导入ejs公共模板出现报错：Unexpected token ‘)’ in ./views/index.ejs while compiling ejs这是因为注释的问题把注释 删掉就好了
2020-05-12 16:42:51
1860
原创 java学习路径和视频教程
工欲善其事，必先利其器我曾经学习java，为了找一套好的教程，都找了好几天作为计算机相关专业的学生，我觉得不仅仅只局限在学校教的课上老师教java,不能只学习java，要先了解java的学习路线，以及学到哪种程度，能干什么？这都是我们应该事先需要了解的在一个就是学习资源了，光一套完整的详细的视频都要好半天找所以我今天把自己所学的资源分享出来，希望刚开始学java的同学能够少走些弯路我也...
2020-05-03 16:42:16
154
原创 android开发eclipse安装和字体行号设置
2020-4-29记录一下Android的开发环境搭建这里简绍的是eclipse和SDK的安装虽然说这个软件比较老了，而且不更新了，但是他比较好上手Android studio的下载比较麻烦，等下次再简绍先检查一下环境变量在cmd窗口输入 javac如果出现版本号就证明安装好了，如果没有请移步：eclipse的安装和JDK环境变量的配置只需要看JDK安装和环境变量即可，那个e...
2020-04-29 17:28:23
219
原创 JDK环境变量的配置和eclipse安装,javac报错和启动eclipse虚拟机错误的解决方法
今天我来记录一下java中的重要名词（JVM,JRE,JDK)以及他们之间的关系，还有eclipse和JDK的安装,还有遇到的两个问题JVM,JRE,JDK又是什么关系呢?JVM是Java的虚拟机JRE是Java的运行环境，它里面包括了JVMJDK是Java开发的工具包，他又包括了JRE和一些开发工具要想运行Java代码，JDK是必须存在的软件安装以及环境变量的配置了解了一些常识之...
2020-04-28 17:54:49
711
原创 解决火狐浏览器默认安装C盘的方法
下载了一个火狐浏览器不仅没有自定义安装位置，还自动安装在了c盘打着有道德浏览器的口号，却干着偷偷摸摸的勾当我也很恼火呀，但是到最后才发现是我错了原来是下错安装包了登录火狐的官网，不要点击这两个显眼的下载，这两个都是默认安装在c盘的点击这个 ：更多语言和系统下载然后拉倒最下面根据自己的电脑下载相应的版本这里面有自定义安装，可以更改路径...
2020-04-27 11:38:58
38608
13
原创 京东放大镜效果：鼠标移动查看图片放大细节
要求：鼠标放上去之后，能够在旁边出现一个放大的大图片1，先写两个盒子，都设置为隐藏在大盒子里添加一个小盒子，并设置半透明.mask{ position: absolute; left: 0; top: 0; height: 200px; width: 200px; background-color: #FEDE4F; /* 半透明...
2020-04-18 21:06:48
1107
原创 android开发：保存并且记住账号密码，输入输出流
保存到data里面方法一：这种保存方法并不提倡使用，因为绝对路径换一个环境可能就不能使用了 //传过来的参数用##拼接成一个字符串 String info=name+"##"+password;// 创建一个文件，用于存放密码账户 File file=new File("data/data/com.example.test11/info.txt"); try { //文...
2020-04-08 16:26:37
696
原创 android开发：上下文，SD卡路径状态获取
context是上下文当保存一些数据信息时最好用上下文路径，而不是用绝对路径返回值是当前包下的路径context.getFilesDir().getAbsolutePath()获取SD卡的状态，如果状态是MEDIA_MOUNTED则可以使用,返回值是布尔类型Environment.getExternalStorageState().equals(Environment.MEDIA_MO...
2020-04-08 16:02:11
274
原创 linux常用的命令
常用终端命令终端命令格式command [-option] [option]命令后面要有一个空格[ ] 代表可选ls（list的缩写）列出 当前文件夹下的内容白色字体是文件蓝色字体是目录文件夹ls -l 显示文件的详细信息ls -l -h 或ls -lh 文件的详细信息和大小和通配符组合使用ls 1**代表任意个数的字符查找开头是1的文件ls 1?1.tx...
2020-03-11 11:54:11
120
原创 利用putty搭建linux的ftp服务
**首先要在虚拟机的linux系统的终端里获取ip地址然后通过putty软件远程控制**第一步：输入 rpm -qa 查询当前所有的文件，其中q是查询，a是所有的第二部： rpm -qa | grep vsftp 查询搜索的文件中有没有vsftp。grep是搜索。这是一个正则表达式，搜索一下|前面查询文件里有没有要搜索的关键字第三步： mkdir /mnt/mycdrom 这一步...
2020-03-02 14:25:01
942
原创 类和对象
类和对象类：是具有共同的特征的一种抽象表述方式，类是一个模板，它描述一类对象的行为和状态。例如 动物是一个类，有颜色和年龄。对象：对象是类的一个实例，有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。对象是类的具体化形式变量成员变量：在类中方法外，随着对象的存在而存在。局部变量：在方法，构造方法，语句块中定义的变量，随着对象的存在而存在。方法...
2019-04-14 10:53:47
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人