- 博客(190)
- 收藏
- 关注
RSS订阅原创 ProseMirror分享会 —— 富文本基础知识
一、原生富文本HTML中，任何元素都可以被编辑。现代浏览器为我们提供了许多 API 使我们可以在web浏览器上进行富文本编辑功能。1.1 编辑状态想要使元素切换到编辑模式，我们只需要在 html 标签上设置 "contentEditable" 属性值为 true 即可。该枚举属性的值存在以下三种:"true" 表明该元素可编辑。 "false" 表明该元素不可编”辑。 "inherit" 表明该元素继承了其父元素的可编辑状态。...
2021-07-12 01:39:28
1714
原创 HTML的＜noscript＞标签有什么作用？
今天准备学习搭建 React 脚手架的时候，再次遇到了<noscript>标签。这个标签很久之前遇到的了，如今再次碰到那就要好好的了解这个标签。因为早期的浏览器并不noscript标签是一个相当古老的标签，其被引入的最初目的是帮助老旧浏览器的平滑升级更替，因为早期的浏览器并不能支持 JavaScript。noscript 标签在不支持JavaScript 的浏览器中显示替代的内容。这个元素可以包含任何 HTML 元素。这个标签的用法也非常简单：...
2021-06-10 18:09:30
2052
1
原创 红灯三秒亮一次，绿灯一秒亮一次，黄灯2秒亮一次；如何让三个灯不断交替重复亮灯？
红灯三秒亮一次，绿灯一秒亮一次，黄灯2秒亮一次；如何让三个灯不断交替重复亮灯？
2021-05-31 16:57:07
3881
原创 图片或背景实现等比自适应缩放
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>React App</title> <style> body { margin: 0px; pad.
2021-01-28 18:27:48
418
原创 Vue原理解析：手写编译器(节点解析) —— Compile
由于时间问题，暂时先把代码完整的贴上来，感兴趣的朋友可以自行研究或收藏，等我那时有时间的时候，进行逐一讲解一、声明式HTML<div id="app"> <h3>Hello，{{personName}}，你在{{msg}}吗？</h3> <div v-text="msg" v-on:click="handleShowTip"></div> <div v-text="msg" @click="handleShowMsg(msg,
2021-01-04 12:16:29
513
原创 Vue原理解析：手写状态管理器 —— Vuex
由于时间问题，暂时先把代码完整的贴上来，感兴趣的朋友可以自行研究或收藏，等我那时有时间的时候，进行逐一讲解
2021-01-04 12:04:54
297
原创 Vue原理解析：手写路由管理器 —— Vue-Router
由于没有时间，暂时先把代码完整的贴上来，感兴趣的朋友可以自行研究或收藏，等我那时有时间的时候，进行逐一讲解一、对外暴露的入口文件index.jsimport Vue from 'vue'import VueRouter from "./kvue-router";// 使用路由插件 - 插件一定要实现install方法(静态)Vue.use(VueRouter);// 配置路由参数const router = new VueRouter({ routers: [{
2021-01-04 12:02:44
438
原创 Vue异常错误：You may use special comments to disable some warnings.
错误提示：错误原因：引入了Eslint代码检测工具，当编写的代码不规范的时候，所抛出的警告信息解决方案：进入配置文件，手动关闭EsLint
2021-01-03 21:58:50
243
原创 Vue引入less启动时报错解决方案
问题：运行Vue项目时报错原因：经过百度查询，并非安装环节出现问题，而是less-loader安装的版本过高导致的不兼容从上图可以看到less-loader的安装版本是7.0.2，和less相差了4个大版本。解决：卸载当前版本，安装低版本后即可正常启动// 卸载less-loadernpm uninstall less-loader// 安装指定版本的less-loadernpm install less-loader@4.1.0 --save...
2020-11-10 16:56:28
682
原创 运行Vue项目时报错：You may use special comments to disable some warnings. Use // eslint-disable-next-line to
一、原因由于vue对语法的限制过于严格，所以运行时会报错二、解决方法① 进入项目中的build目录，找到webpack.base.conf.js文件，注释或删除eslint规则② 创建Vue项目时，取消eslint的配置
2020-10-11 02:06:02
6647
1
原创 Nodejs配置Npm并通过搭建脚手架快速创建Vue项目
一、下载Node.js二、安装Node.js（一直点Next即可）三、安装完毕之后检测是否正常Nodejs自带npm，如果不是最新版的话，可以输入npm install -g npm命令更新到最新版四、安装淘宝NPM镜像npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像。淘宝cnpm镜像做了2件事：1：找到淘宝的镜像地址；2：更改当前npm所使用的下载包服务器地址；npm临时使用淘宝镜像安装依赖包npm i -g express --regi..
2020-10-04 15:39:49
716
原创 【通俗易懂的案例】带你掌握JavaScript的call()、apply()、bind()三者的区别
某天，你下班回到家里，母亲跑过来对你说：今晚你想吃“红烧肉”、“鱼香茄子”还是“客家酿豆腐”?var menu = { food1: "红烧肉", food2: "鱼香茄子", food3: "客家酿豆腐"}var person = { eat: function(name, type) { console.log(`指向类型：${type}`) console.log(`${name}吃${this}`); console.log("this指向 →", this); }
2020-09-10 16:06:08
226
原创 Git创建本地仓库并推送至Github上（详细步骤）
由于本人是直接通过可视化工具上手Git的，所以第一次接触指令操作，如果描述有误希望各位能够踊跃的指出，非常感谢。废话不多说，正文开始。一、创建Git本地仓库并提交代码1).进入项目目录，右键选择Git Bash Here2).输入命令“git init”在当前所在目录下创建一个空的Git仓库，执行该命令之后就会在当前目录下生成.git文件夹3).输入命令“git add *(表示文件/文件夹名)”选择需要上传的文件/文件夹添加到Git仓库中，如果需要把该目录下的所有文件/文件夹都添加
2020-09-05 20:59:48
25145
原创 Windows系统安装Git（详细步骤）
一、下载Git安装程序并安装进入Git官方，下载对应系统的程序安装包（下载链接），安装步骤如下所示：1).阅读声明许可2).选择安装路径3).选择安装组件默认勾选不要动，剩下的按需勾选，然后点Next进入下一步4).选择开始菜单文件夹这个步骤是创建开始菜单中的Git所处的文件夹名称，按需修改，一般直接Next5).选择Git文件默认编辑器按需选择，一般直接Next6).调整Path环境 第一个选项：“仅从Git Bash使用Gi...
2020-09-05 12:48:21
779
原创 JavaScript之事件触发on和事件监听addEvent及addEventListener的区别和作用
一、on事件为dom节点添加多个on事件只会执行最后的那个事件，因为最后的指定的on事件指向最后的那个函数，代码如下所示：function method1(){ console.log('我是方法1')}function method2(){ console.log('我是方法2')}function method3(){ console.log('我是方法3')}v...
2019-12-13 20:00:08
2633
转载 vue项目打包后css背景图路径不对的问题
问题描述：自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图：当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示不出背景图。如下两张图对比图一：使用npm run dev命令访问图二...
2019-12-12 22:22:17
488
原创 JavaScript判断数组的维度
var array = new Array( new Array("1"), new Array( new Array( new Array( new Array("2"), new Array("3") ), new Array("4") ), new Array("5"), new Array("6") ), new Array...
2019-10-13 20:18:41
2561
转载 JavaScript之Array.prototype.join.call(arguments,",") 理解
Array.prototype.join.call(arguments,",") [ 代码拆分 ]var fn = Array.prototype.join; // 把方法添加为属性fn.call(); // 转变为方法调用！！！prototype 属性：使您有能力向对象添加属性和方法。join() 方法：把数组的所有元素放...
2019-10-13 16:03:14
1058
原创 【Eclipse使用教程】格式化代码快捷键，以及不起作用的原因。
① 使用快捷键：Ctrl+Shift+F问：为什么有时候 Ctrl+Shift+F 不起作用？答：Ctrl + Shift + F 快捷键被其他软件占用，因此不生效。例如Win10自带输入法，默认简繁替换就是使用该快捷键，因此只要修改输入法的简繁切换快捷键就可以了，或者将其关闭或卸载。② Eclipse 保存文件时自动格式化代码 Eclipse有个很有用的功能，就是...
2019-09-07 16:44:21
1330
原创 【Eclipse使用教程】Java导包快捷键
第一步：光标选择要导包的行第二布：同时按Ctrl + Shift + O第三步：方向键选择要导的包，按Ehter回车键即可
2019-09-06 16:18:15
1784
原创 【前端实例】CSS实现文本内容两端对齐的小技巧
我们在Word文档中操作时，知道文本的对齐方式有4种，分别是左端对齐、居中对齐、右端对齐、两边对齐，具体效果如下所示那么，前端如何通过CSS实现两边对齐呢？通过CSS2文档查询text-align可知有个justify属性能够实现文本两端对齐但是当自己在CSS样式文件中加入 text-align: justify; 这句话时却无法实现两端对齐的效果，这是为什么？这是因为两端...
2019-08-23 20:22:56
2397
4
原创 【前端实例】Table表格中td单元格内容超出时隐藏
HTML代码<table> <tr> <td>Data</td> <td>Table表格中td单元格内容超出时隐藏</td> <td>Data</td> </tr></table>CSS代码table { width: 100%; ...
2019-08-23 14:04:27
1357
转载 Web开发中数据表格常见的7类筛选设计
文章转载自：http://www.woshipm.com/pd/653433.html目录1、以搜索的形式进行筛选2、标签加搜索3、搜索加高级选项4、tab的形式切换5、list筛选6、全部显示筛选7、带标签多项筛选结语1、以搜索的形式进行筛选输入框可以输入用户关心的内容，下面可以做到实时筛选，也可以触发点击。但是必须支持模糊查询，否则用户必须记住所...
2019-07-03 20:49:00
6645
转载 Java系列学习笔记 --- 网络编程总结
Java的客户/服务器通信模式中，服务器端需要创建监听特定端口的ServerSocket，ServerSocket负责接收客户连接请求。本实验提供线程池的一种实现方式，线程池包括一个工作队列和若干工作线程，服务器程序向工作队列中加入与客户通信的任务，工作线程不断从工作队列中取出任务并执行它。一、构造ServerSocket ServerSocket的构造方法有以下...
2019-06-15 17:10:26
268
原创 CSS消除table和tbody之间的间距
消除前 消除前我们可以看到，在table和tbody之间存在着一个间隔消除后 想要消除这个空白间隔只需要在table样式中添加 border-collapse: collapse 合并table的border就可以消除 ...
2019-06-09 15:37:59
3362
原创 Eclipse启动错误：A Java Runtime Environment(JRE) or Java Development Kit(JDK) must be available……
错误信息截图 第一种解决方案：检查JDK，JRE的环境变量是否配置无误。第二种解决方案：修改Eclipse目录下的“eclipse.ini”配置文件，在前面添加下面两句话-vmG:\environment\jdk1.8.0_91\bin\javaw.exeps：路径为绝对路径...
2019-06-05 13:28:39
865
原创 VMware彻底删除虚拟机操作系统的方法
方法一 1)、选中要删除的虚拟机操作系统，单击右键，选择“管理”选项。 2)、然后在选择 “从磁盘中删除” 选项即可删除该虚拟机操作系统。方法二 1)、选中要删除的虚拟机操作系统，选择 VMware 软件最上方的“虚拟机”选项。 2)、然后选择 “管理”选项。 3)、然后选择 “从磁盘中删除” 选...
2019-05-27 09:17:34
7965
3
转载 Java中System.exit(0)和System.exit(1)区别
转载：https://www.cnblogs.com/xwdreamer/archive/2011/01/07/2297045.html 作者：xwdreamer一.解析 查看java.lang.System的源代码，我们可以找到System.exit(status)这个方法的说明，代码如下：/*** Terminates the currently running...
2019-05-14 19:33:17
1958
原创 Java IO操作的几种读/写操作
一、客户端public class Client2 { public static void main(String[] args) { System.err.println("客户端已经启动..."); try { Socket socket = new Socket("localhost", 80); // 获取Socket输出流 -- 向服务器发送数据 ...
2019-05-14 17:51:53
250
原创 Socket java.net.SocketException: Connection reset错误异常的原因及解决
目录一、错误代码 1.1 Socket客户端代码 1.2 Socket服务器代码二、错误原因三、解决方案一、错误代码 1.1 Socket客户端代码public class Client2 { public static void main(String[] args) { try { Socket socket =...
2019-05-14 14:48:51
21891
4
原创 原生JavaScript实现jQuery中的slideUp和slideDown滑动效果
参考文章：https://blog.youkuaiyun.com/u013578101/article/details/45363039 作者：johnworks目录一、前言二、第一次尝试三、第一次失败的思考四、让定时器乖乖就范五、更灵活的管理方案六、最终实现七、个人修改后的最终代码一、前言 在我自学JavaScript的时候，一直想实现类似安卓手机状态......
2019-05-12 11:03:02
6997
5
转载 原生JavaScript实现触屏滑动效果进度条
参考地址：https://www.jianshu.com/p/bf0745e51ae5 作者：雅玲哑铃目录一、实现原理二、代码案例三、实现效果一、实现原理首先是用touchmove()时间获取到移动端事件参数，保存下进度条的最大长度，可理解为滑块可移动的距离，滑块滑动到最左边与最右边就滑不动，我们假设触摸区域在滑块的正中间，那么我们触摸的点与滑块的最左边相差值为滑块宽度...
2019-05-10 14:10:15
956
原创 JavaScript获取CSS内联样式和外联样式
DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则信息，如：getComputedStyle(obj,null).paddingLeft，就能获取到对象的左内边距。但是IE不支持此方法，它有自己的一个实现方式，那就是currentStyle，不同于全局方法getComputedStyle，它是作为DOM元素属性存在的，如：obj.currentStyle.padd...
2019-05-10 13:58:05
2270
1
原创 JavaScript中"Maximum call stack size exceeded"错误解决方法
错误翻译过来就是"超过了最大调用堆栈大小"，出现这个错误的原因是因为我进行了递归运算，但是忘记添加判断条件，导致递归无线循环。先看看我的代码function getComputedStyle(obj, prop) { if(window.getComputedStyle) { return getComputedStyle(obj,null)[prop]; ...
2019-05-10 13:45:19
5804
原创 原生JavaScript实现jQuery中的fadeIn和fadeOut淡入/出效果
目录一、前言二、需求分析三、功能实现 3.1 HTML代码 3.2 JavaScript初始化代码 3.3 淡入效果 --- 仿jQuery中的fadeIn()函数 3.4 淡出效果 --- 仿jQuery中的fadeOut()函数 3.5 淡入/淡出效果 --- 仿jQuery中的fadeTo...
2019-05-10 13:29:10
4707
2
原创 JavaScript 获取手机屏幕的宽度和高度
function getViewportSize () { return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, height: window.innerHeight || document.docume...
2019-05-10 10:44:45
473
原创 Java系列学习笔记 --- 网络编程（6）Socket
目录一、TCP协议基础二、Socket 2.1 Socket的作用 2.2 Socket概念 2.3 Socket的基本操作 ① 构造和连接Socket ② 设置连接超时 ③读取数据 ④加入多线程三、半关闭Socke...
2019-05-09 14:38:54
589
原创 【Java】Socket编程之客户端和服务器相互通信（包含线程安全）
目录一、非线程安全 1). ClientSocket类 2). ServerSocket类二、线程安全 1). ClientSocket类 2). ServerSocket类三、最终结果一、非线程安全1). ClientSocket类public static final String IP_ADDR = "...
2019-05-09 11:01:19
755
原创 Java系列学习笔记 --- 网络编程（3）URL
目录一、URL 1.1、创建URL对象 ① 使用完整字符串构造URL对象 ② 由组成部分构造URL对象 ③构造相对URL对象 1.2、从URL中获取数据 ① InputStream openStream()方法 ...
2019-04-17 11:02:08
1743
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人