- 博客(16)
- 收藏
- 关注
RSS订阅原创 js实现可编辑的div，并在光标处插入元素
js实现可编辑的div，并在光标处插入元素定义一个可以编辑的div，用户可以输入内容，并根据需要在光标处插入HTML元素或文本内容。并且实现placeholder的效果文章目录js实现可编辑的div，并在光标处插入元素一、可编辑的div 和 placeholder效果二、在光标位置插入元素1. 获取div输入的内容2.在光标位置插入按钮一、可编辑的div 和 placeholder效果关键点：contenteditable属性标签的contenteditable属性可以设置元素内容是否
2021-03-30 15:07:13
6732
5
原创 vue :src 不生效，解决：给＜img＞图片标签绑定src属性，图片无法加载
问题： 使用:src绑定本地图片地址不生效本地图片的位置出现问题的代码：<img id="avatar" :src="imageLink">data() { return { imageLink: '@/assets/img/avator.jpg' }}页面上图片无法加载。方法一：使用require引入图片修改后的代码：<img id="avatar" :src="imageLink">data() { return { im
2021-03-08 11:45:45
3570
1
原创 CSS实现div的水平垂直居中
CCS实现div的水平垂直居中div 的水平垂直居中利用CCS3的 transform 实现利用 flex 布局实现利用CCS3的 table 布局实现div 的水平垂直居中实现div的水平垂直的三种方式利用CCS3的 transform 实现利用CSS3的transform可以实现对元素的移动、旋转、缩放和倾斜；将position:absolute;和 transform结合实现水平垂直；HTML文件，定义一个div元素<div class="register-div">
2021-02-23 14:42:49
285
原创 rgb颜色数字与十六进制字符串之间转换
将 rgb 颜色字符串转换为十六进制的形式，如 rgb(255, 255, 255) 转为 #ffffffrgb 中每个 , 后面的空格数量不固定十六进制表达式使用六位小写字母如果输入不符合 rgb 格式，返回原始输入function rgb2hex(sRGB) { return sRGB.replace(/^rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\...
2019-06-30 22:31:39
1348
原创 JavaScript——replace()方法
replace()方法是String类型用于匹配模式的方法之一。替换子字符串string.replace(pattern，str)第一个参数pattern是一个RegExp对象或一个字符串；第二个参数是一个字符串或一个函数；返回被替换后的新字符串，院字符串不改变；如果pattern是一个字符串，那么只会替换string中的第一个子字符串，想要替换所有的子字符串，patter只能是一个正...
2019-06-30 14:05:45
257
原创 JavaScript - String 总结
string类型即字符串，用单引号或双引号表示。1、特点：字符串是不可变的，一旦创建，其值就不能改变。2、字符串长度—— .length任何字符串的长度都可以通过访问length属性取得；例：var name='long';alert(name.length); //43、转换为字符串把一个值转为一个字符串。法一： .toString()方法可选参数：输出数值的基数，默认...
2019-06-25 17:20:50
117
原创 DOM学习1.1：HTML与JavaScript的分离
分离JavaScript是把网页的结构和内容与JavaScript脚本的动作行为分开。建立一个外部的.js文件，将JavaScript的代码保存在里面；把JavaScript代码调用行为与HTML文档的结构和内容分离开；JavaScript语言不要求事件必须在HTML文档里处理，可以在外部的JavaScript文件里把一个事件添加到HTML文档的某个元素上：element.event = ...
2019-05-24 19:54:06
1492
原创 DOM学习1.0：在页面切换图片和文字
1、DOMD：document，表示文档；O：object，表示对象；M：model，表示模型；DOM把文档表示为一个家谱树。对于家谱树可以用parent（父母）、child（子）、sibling（兄弟）等记号来表示各成员之间的关系。文档是节点的集合，此时的节点是文档树上的树枝和树叶。节点的分类：元素节点、文本节点和属性节点。（1）、元素节点（element node）DOM的原子...
2019-05-19 11:23:46
296
原创 win10：Python3.7安装PyQt4
1、在官网下载相应的.whl文件https://www.lfd.uci.edu/~gohlke/pythonlibs/找到相应版本的文件Python3.7（64位）选择 PyQt4-4.11.4-cp37-cp37m-win_amd64.whl，点击下载2、把文件保存到C:\Windows\System32目录下3、在运行窗口输入cmd，以管理员方式运行4、在命令窗口输入 pip...
2019-05-01 23:12:13
5446
2
原创 总结：中间自适应、两边固定的三列布局合集
布局的关键是对浮动和定位的理解；1、浮动——floatfloat属性使元素浮动在文本或其他元素上。只要让一个设置了宽度的元素浮动，在正常情况下显示在它下面的内容（没有设置宽度）就会浮动到它的周围（左/右/下方）；可以让两个都指定了宽度的元素都float，实现两个元素并排在一起；注意：浮动元素会让接下来的内容围绕在它周围，但它并不会影响父元素或其他祖先元素的高度，就这一点来说，它不属于文...
2019-04-21 10:09:53
247
原创 切图篇：利用PS从设计稿中提取图片
切图：把设计师的设计稿（PSD文件）切分成为最终在页面中呈现的一个个图片，为HTML页面做准备；打开ps，直接把PSD文件拖拽到ps工作区。（此PSD文件来自百度前端学院）1、法一：找到相应的图层操作，优势是切出的图片没有png格式的背景，只有图标，适合少量的、大图的切图；双击要切取的区域，在ps板面的右下角会自动聚焦到相应的图层。图层左侧的眼睛图标表示显示该图层，通过点击眼睛显示/隐藏图层...
2019-04-18 16:36:00
1299
转载 七种实现左侧固定，右侧自适应的两栏布局方法
实用：左边固定，右边自适应的两栏布局的七种方法，来源：https://segmentfault.com/a/1190000010698609
2019-04-14 17:31:16
596
原创 Python容器类：列表（list）
列表由一系列有序排列的对象构成，且是异构的，即一个列表可以包含多种类型的对象。列表的特点：有序、有下标（下标从0开始，反向则从-1开始）、可索引、可切片、可拼接、可修改（添加，删除、替换）、可嵌套实例：y=[] #创建一个空列表，列表名=[]y1=[1,2,'a','b'] #直接构造一个列表y2=[3,'j']w=[5,11,8,2,9]#列表嵌套t = [[8,9],4,'...
2019-04-08 22:27:03
272
原创 Python 容器类之元组tuple
Python的元组与列表类似，是Python的一种容器类：有序，一个元组可包含多种类型的元素；不同点：元组一旦创建就不能修改，使用小括号（）将元素括起来；1、元组创建：在括号内添加元素，并用逗号隔开元组名=（元素1，元素2…）例：t=('a','b','ab',1,2);t1="a","b";t2=(1,); #当元组中只有一个元素时，需要在改元素后面添加逗号创建一个空的元组：...
2019-04-05 12:43:40
240
原创 Python文本处理：单词提取和统计，借助matplotlib绘图
Python文本处理：单词提取和统计，借助matplotlib绘图1、首先安装matplotlib绘图库在电脑运行窗口输入cmd，右击命令提示符，以管理员身份运行。在窗口输入：pip install matplotlib 回车然后等待加载完成，出现successfully，则安装完成。2、文件操作打开（导入）文件 open（）函数，并返回文件对象，形式：<变量名>=...
2019-04-04 16:47:22
1905
原创 Python初探：turtle（海龟）实现动画
利用Python的turtle库实现一个动画Turtle库是Python内置的图形化模块，是绘制图像的函数库。海龟即屏幕上绘图的光标（小三角形），编写Python指令可以让海龟在屏幕上移动绘制线条，可将海龟看做是坐标系里移动，位置可用坐标表示（x，y）。基于turtle的动画，动画可以理解为由一张张快速切换而成：1、准备工作：设置speed为0（最快，不显示海龟动态）；隐藏海龟——h...
2019-03-28 21:35:51
13163
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人