- 博客(36)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue-quill-editor readOnly不生效
vue-quill-editor readOnly不生效问题描述富文本编辑器设置只读状态：配置了参数readOnly: true，仍可以编辑， 当前vue-quill-editor版本为3.0.6<quill-editor v-model="content" :options="editorOption" ref="content"> </quill-editor> content:
2021-08-02 11:32:03
2965
1
原创 umi 基础配置及常见问题
1.配置产品名称和产品Logo操作：在根目录下新建public文件夹，在public文件夹下新建img文件夹,把logo图片放到img文件夹下；注意：public目录下所有文件会被 copy 到输出路径。在 .umirc.ts文件 加入如下配置，注意这里的路径是 ‘./img/logo.jpeg’ ,而不是 ‘./public/img/logo.jpeg’ 。export default defineConfig({ layout: { name: '西瓜平台', // 产品
2021-05-20 16:07:37
7488
4
原创 解决jspdf中文乱码问题
解决jspdf中文乱码问题1.下载jspdf源文件到本地git clone https://gitee.com/mirrors/jspdf.git2.依次找到 jspdf 》fontconverter文件夹，在浏览器打开fontconverter.html网页，输入想要字体名，例如Deng，选择C盘》Windows 》fonts文件夹下的字体，例如等线字体，点击create按钮，生成Deng-norrmal.js文件。注意：如果没有权限，则把字体复制一份到桌面再选择。3.将新生成的Deng
2021-03-18 14:07:25
2374
3
原创 Vue在新窗口打开页面的方法
Vue在新窗口打开页面的方法window.open(href, ‘_blank’) routerPushSettingTemplate() { let { href } = this.$router.resolve({path: '/box/edit', query: {boxId: this.boxId}}) window.open(href, '_blank') },另外一种获取路径的方法： window.location.origin...
2021-02-23 17:57:20
1485
1
原创 show-overflow-tooltip不生效
show-overflow-tooltip不生效最近使用vue+elementUI进行开发，用到table组件，表格里面的文字短一点还可以，过长就会换行，想要文本在一行内显示，于是用了show-overflow-tooltip，但是有的表格show-overflow-tooltip生效了，有的表格不生效不生效的代码如下 <el-table-column prop="cooperateStatus" label="状态" min-width="110" align="center" show-
2020-12-30 16:53:56
8282
原创 Unicode编码和字符相互转换
Unicode编码和字符相互转换1. 字符转Unicode编码 (charCodeAt)let s = "abcdef"console.log(s.charCodeAt(2)) // 输出992. Unicode编码转字符 (String.fromCharCode)let s=String.fromCharCode(99)console.log(s) // 输出 "s"3.常见Unicode编码数字：[0x30,0x39]（或十进制[48, 57]）小写字母：[0x61,0x7a]（或
2020-12-18 11:08:43
1344
1
原创 微信小程序实现空格
微信小程序实现空格把decode设置为true，加 实现<text decode="{{true}}"> 文字</text>
2020-12-16 17:28:35
2743
1
原创 微信小程序复制剪切
微信小程序复制剪切微信小程序复制剪切1.选中文字复制剪切2.带复制按钮的一键复制微信小程序复制剪切1.选中文字复制剪切只需要把selectable设置为true<text selectable="true">需要复制剪切的文字</text></view>2.带复制按钮的一键复制 <view class="first-line">需要复制剪切的文字</view> <view class="blue-front" bindtap=
2020-12-16 17:22:03
361
原创 搜索提示功能
搜索提示功能所用技术:ajaxjavascriptart-template模板引擎实现步骤：获取搜索框并为其添加用户输入事件获取用户输入的关键字向服务器发出请求并携带关键字作为请求参数将响应头数据显示在搜索框底部代码部分：search.html代码<!DOCTYPE html><html lang="en"><head> ...
2019-08-11 20:26:51
259
原创 利用ajax技术验证邮箱地址
验证步骤：1.获取文本框和显示提示信息的元素2.给文本框添加失去焦点事件，失去焦点时，检测用户输入的邮箱地址是否符合规则3.如果不符合规则，阻止程序向下执行并给出提示信息4.符合规则则向服务器端发出请求，检测邮箱是否被注册过5.根据服务器返回值决定向客户显示何种信息email.html代码部分<!DOCTYPE html><html lang="en">...
2019-08-11 16:04:16
1052
原创 ajax函数封装
ajax函数封装function ajax(options){ //存储的是默认值 var defaults = { type:'get', url:'', data:{}, header:{ ...
2019-08-10 21:07:40
258
原创 The following tasks did not complete: Did you forget to signal async completion?
The following tasks did not complete: Did you forget to signal async completion?当我第一次使用gulp时，出现了错误，代码和错误如下：出错原因因为任务可能包含异步代码，所以必须在任务完成执行时发出信号（“异步完成”）。在“Gulp3.x”中，你可以不做这个就离开。如果您没有显式地发出异步完成的信号，那么Gu...
2019-08-06 15:57:49
4296
5
原创 github readme 怎么添加图片
github readme 怎么添加图片1.在本地仓库中新建一个文件夹，存储图片2.把文件上传到github远程仓库中3.在github中打开图片文件夹，点击图片右上角的“copy path”复制想要用的图片的路径4.把图片的相对路径粘贴到readme.md文件插入图片的图片路径中5.保存readme.md文件，把readme.md文件上传到github远程仓库效果展示注...
2019-08-05 21:26:03
3312
1
原创 inline-block间隔问题
常见的inblock-block元素：、、产生原因：在HTML代码里，空格也会占位效果如下图所示（图片之间会有4px左右的空隙）：解决办法：1.去除标签之间的空格和回车；<img src="./images/a.jpg" alt=""><img src="./images/a.jpg" alt=""><img src="./images/a.jpg" ...
2019-08-01 09:28:52
446
原创 fatal: pathspec 'readme.txt' did not match any files 解决办法
fatal: pathspec ‘readme.txt’ did not match any files 解决办法第一次接触git,在把文件添加到仓库时，遇到了问题看网上说用touch readme.txt可以解决，尝试了一下，添加文件的时候没报错误，但是提交的时候出了问题，结果如下图所示，还有一种说法是目录下没有readme.txt文件，建一下就可以运行了，可是明明自己建了有文件，很无...
2019-05-13 20:55:16
33250
12
转载 前端面试题汇总HTML篇
转载自：https://www.cnblogs.com/zhangshuda/p/8464772.html前端面试题 ---- html篇一、html1、html和xhtml区别1. html：超文本标记语言，hyper text markup languagexhtml: 可拓展的超文本标记语言 extensible hyper text markup language它是一种置标语...
2019-05-11 18:12:28
2135
转载 前端面试题汇总CSS篇
转载自：https://www.cnblogs.com/zhangshuda/p/8465043.html前端面试题 ----css篇1、css盒模型有哪些及区别content-box border-box padding-boxIE盒子模型box-sizing:border-box;（怪异模式）W3C标准盒子模型 box-sizing:content-box;（标准模式）默认模式Q2...
2019-05-11 18:08:33
194
转载 前端面试题汇总js篇
转载自：https://www.cnblogs.com/zhangshuda/p/8465892.html感谢博主，先保存一下，以后详细研究前端面试题 ----js篇1、javascript的typeof返回哪些数据类型object number function boolean string underfind;2.例举3种强制类型转换和2种隐式类型转换?强制（parseInt,pa...
2019-05-11 18:00:24
604
原创 typeof的返回值类型
1、typeof的返回值类型有哪些number、string、object、function、function、undefined（共六种）
2019-05-11 17:41:37
604
转载 回车和换行的区别
回车\r 本义是光标重新回到本行开头，r的英文return，控制字符可以写成CR，即Carriage Return换行\n 本义是光标往下一行（不一定到下一行行首），n的英文newline，控制字符可以写成LF，即Line Feed来源在计算机还没有出现之前，有一种叫做电传打字机（Teletype Model 33）的玩意，每秒钟可以打10个字符。但是它有一个问题，就是打完一行换行的时候...
2019-05-11 17:29:39
99
转载 js加载时间线
创建Document对象，开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段 document.readyState = ‘loading’ 。遇到link外部css，创建新的线程，进行异步加载，并继续解析文档。遇到script外部js，并且没有设置async、defer，浏览器加载，并阻塞，等待js加载完成并执行该脚本，然后继续解析文...
2019-05-07 19:40:15
98
转载 你应该要知道的重绘与重排
前言现代web框架大多都是数据驱动类的，比如 react, vue，所以开发者不需要直接接触 DOM，修改 data 便可以驱动界面更新。但是作为前端工程师，了解浏览器的重绘与重排还是很有必要的，可以帮助我们写出更好性能的 web 应用。浏览器的渲染CSS Tree: 浏览器将 CSS 解析成 CSSOM 的树形结构DOM Tree：浏览器将 HTML 解析成树形的数据结构Render ...
2019-05-07 10:03:26
270
原创 自增自减运算符
自增（++）和自减（–）操作符++i表示，i自增1后再参与其它运算； 而i++ 则是i参与运算后，i的值再自增1。a = i++; 相当于 a = i; i++;a = ++i; 相当于 i++; a = i;记忆方法==**如果操作数出现在自增操作符之前，则返回自增之前的值，如果操作数出现在操作符之后，则返回自增之后的值。同理，如果操作数出现在自减操作符之前，则返回自减之前的...
2019-04-02 10:51:15
436
原创 js取模
求余操作不是取模运算，它会返回与第一个操作数符号相同的值9 % 72-9 % 7-2而取模和第二个操作数的符号相同,这意味着下面的判断奇数的函数无效var isOdd=function(n){return n%2===1}测试结果如下：>console.log(isOdd(-5)); false>console.log(isOdd(-4));false正...
2019-04-02 10:37:09
4064
原创 转换成整数的方法
把数字转换成整数的方法方法一：Math函数1.Math.floor()将其参数转换成小于且最接近它的整数（下取整）。2.Math.ceil()将其参数转换成大于且最接近它的整数（上取整）。3.Math.round()将其参数转换成最接近它的整数。方法二：通过定制函数ToInteger()得到函数（JavaScript不一定支持）（ECMAScript内置ToInteger（）方法，该方法会移除浮...
2019-04-02 10:16:42
6318
原创 typeof null返回Object的原因
typeof null返回Object是一个不能去修正的的bug,因为这会破坏现有的代码。typeof null 的历史第一代JavaScript引擎中的JavaScript值表示为32位的字符。最低的3位作为一种标识，表示值是对象、整数、浮点数或者布尔值。对象的标示是000。而为了表现null值，引擎使用了机器语言NULL指针，该字符的所有位都是0。而typeof就是检测值的标志位，这就是...
2019-03-27 21:47:31
1711
原创 JavaScript的两个“空值” undefined和null
undefined表示”没有值“（既不是原始值也不是对象）。访问未初始化的变量、缺失的参数、以及缺失的属性会返回这个空值。并且如果函数中没有任何显式的返回值时，会隐式地返回undefined。null的意思是“没有对象”。在仅有的在访问任何属性抛出异常时都会得到的值。undefined出现的场景1.未初始化的变量是undefined2.缺失的参数是undefined3.如果访问一...
2019-03-26 22:00:35
507
原创 CSS图片间隙产生的原因及解决方法
CSS图片间隙产生的原因及解决方法图片水平间隙现象：当多张图片横向排列时，会产生一定间距-如下图所示（红色部分为间隙）原因：img元素之间的换行符会被当成空格处理解决方法：1.img元素紧挨着写<img src="./小僵尸.jpg" alt="小僵尸图片"><img src="./小僵尸.jpg" alt="小僵尸图片"><img src="./小僵...
2019-03-26 20:35:50
8369
1
原创 用jQuery实现下拉菜单效果
知识简介$(function(){}); 相当于javascript中的 onload=function(){}$(".menu ul") 获取.menu下的ul标签 $(".menu ul")hide()方法，是将取得的列表隐藏$(".menu&gt;li&gt;a").click(function(){} 获取.menu下的直接li标签里的直接a标
2018-12-06 21:44:47
7090
转载 documet.body和documet.documentElement的区别
document.body返回html dom中的body节点 即document.documentElement返回html dom中的root 节点 即document.documentElement 与 document.body的应用场景获取 scrollTop 方面的差异在chrome(版本 52.0.2743.116 m)下获取scrollTop只能通document....
2018-11-30 16:25:43
245
转载 用JS实现拖拽效果
知识储备：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { height: 300px; width:
2018-11-30 16:12:52
758
原创 用JS实现下拉菜单效果
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;下拉菜单&lt;/title&gt; &lt;script ty
2018-11-28 21:51:49
3604
原创 用JS实现红心效果
PS：谷歌浏览器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>红心</title> <style type="text/css"> *{ padding: 0px;
2018-11-28 21:30:14
1508
原创 用JS实现提示密码安全强度的密码框
密码框 结果演示示例：当密码长度较短时：
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人