前端
Youky_
这个作者很懒,什么都没留下…
展开
-
微信小程序:图片高度设置无效问题
控制台查看元素,显示其style中多了一个没有设置的高度值找了很久发现是因为image标签设置了mode=“widthFix”,此时高度会自适应,样式中设置高度无效原创 2020-09-14 20:35:41 · 2712 阅读 · 0 评论 -
前端知识总结(一)HTML
简介HTML全称是超文本标记语言 (HyperTextMarkupLanguage),不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,用来描述网页。目前最新的HTML版本是H5,要了解它和之前版本的不同,可以看我之前的这篇:Youky:【翻译整理】What's new in HTML5zhuanlan.zhihu.com因为HTML是标记语言,所以无需运行环境,直接用浏览器打开文件即可看到预期结果HTML的注释格式是:<! >标签按照不同的分...原创 2020-07-15 14:26:56 · 284 阅读 · 0 评论 -
CSS布局方式总结
对于元素的定位,常用的方式大致有以下四种,重难点在于flex定位1. 文档流默认定位当没有人为的为元素设置定位方式时,元素的默认方式为文档流定位。此时元素的位置主要取决于元素的类型、大小以及周围元素的大小。元素一共分为三种: 块级元素(block) 内联元素(inline) inline-block元素 block元素: 常见标签:<div>,<p>,<h>,<ol>,<ul>,<tabl.原创 2020-06-12 15:56:12 · 145 阅读 · 0 评论 -
【一次搞懂】JavaScript中的正则表达式
一、什么是正则表达式正则表达式的概念:计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本在JS中,正则表达式属于对象的一种:typeof /\d+/"object"Object.prototype.toString.call(/\d+/);//"[object RegExp]"正则对象有两个常用属性:flags:该正则对象的标志 lastIndex:下一次开始匹配的起点二、如何使用正则表达式0. 如何创建一个正则表达式创建正则表达原创 2020-06-08 15:17:57 · 443 阅读 · 0 评论 -
Iconfont的使用
iconfont是阿里巴巴的一个图标库网站,我们可以在上面找到很多我们需要的图标,并且可以方便的在项目中进行引用。首先打开官网,进行登录。如果只需要零碎的几个图标,可以直接在搜索栏中搜索,如果是在项目中使用,为了保持风格的一致性,建议使用同一作者的某一个图标库。首先,创建一个自己的项目:选择官方图标库:进去选择一个需要的分类:然后选择你需要的图标,加入购物车:点击屏幕右上角的购物车,将购物车中的图标添加至自己的项目然后找到我的项目,选择下载至本地(这样可以在离线情况下使用):下载原创 2020-05-29 19:54:21 · 182 阅读 · 0 评论 -
【H5】HTML5是什么
先放上原文链接HTML5是什么HTML5是HTML的最新版本,且与原有版本有很大的改动。这些改动的目的是将许多开发人员在使用的新方法标准化,也是为了鼓励一种web开发的最佳做法。大多数单独特性的变化是语言整体设计目标的结果。这些目标主要包括:鼓励使用语义化标签样式设计与内容相分离推广辅助功能以及响应式设计减少HTML,CSS,JavaScript之间的重叠在消除Flash或java这样的插件的同时,支持丰富的媒体功能掌握HTML5不止意味着学习CSS特性代替老的HTML特性。如果你想对翻译 2020-05-29 19:51:10 · 220 阅读 · 0 评论 -
【闭包】JS的闭包到底是什么
JS中的闭包是一个看着好像不难,但又很容易搞糊涂的东西,相信很多人都是和我一样似懂非懂,这次我们从最实用的角度来研究一下这个问题。1.闭包是什么根据MDN给出的定义:函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure),也就是说,闭包可以让你从内部函数访问外部函数作用域解释一下这里的词法环境,指的也就是我们常说的上下文。我们来看一个例子:function init() { var name = "Mozilla"; // name原创 2020-05-29 19:40:32 · 124 阅读 · 0 评论 -
【原型链】JS中的原型链到底是什么
1.构造函数JS中的构造函数和普通函数没有本质区别,要用调用方式的不同来区分。在调用构造函数时要用new Func()的方法来调用,此时函数会默认返回this为了与普通函数区分,构造函数的函数名一般以大写字母开头。function Person(name,age){ this.name=name; this.age=age}var xiaoming=Person('xiaoming',20);//错误调用,xiaoming为undefinedvar xiaoming=new P原创 2020-05-29 19:37:42 · 379 阅读 · 0 评论 -
利用qwebchannel实现Python和JS之间进行通信
要解决前后端交互问题,可以利用qwebchannel实现python和JS之间的通信文章末尾附有简单的demo1. 准备阶段由于我的python使用的是Anaconda,内置了pyqt,因此直接引入即可。from PyQt5.QtWidgets import QApplicationfrom PyQt5.QtCore import QObject, pyqtSlot, QUrlfro...原创 2020-02-21 19:56:43 · 1477 阅读 · 1 评论 -
underscore入门使用说明
underscore介绍:JavaScript的第三方库,提供函数式编程接口,通过统一的函数对Array和object进行map、filter等操作,消除了不同浏览器之间DOM操作的差异。可以在官网下载js文件以便使用官网地址underscore的使用underscore中的_和jQuery中的$类似,是一个全局变量,underscore把自身绑定在_上,例如进行map操作时:_.map...原创 2020-02-20 17:28:15 · 1833 阅读 · 0 评论 -
用原生JS判断页面是否滑动到底部
window.onscroll=function(){ //变量scrollTop是滚动条滚动时,滚动条上端距离顶部的距离 var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; //变量windowHeight是可视区的高度 var windowHeight = docu...原创 2020-01-31 13:26:14 · 1671 阅读 · 0 评论 -
自动适配移动端
@media(min-width:1000px){ background-color:#000;}@media(max-width:1000px){ background-color:#fff;}使用@media的方法通过屏幕的宽度自动判断当前设备是PC还是手机然后分别显示不同的页面布局...原创 2020-01-31 12:21:44 · 135 阅读 · 0 评论 -
点击按钮实现页面切换效果
假设展示页面的class为.page;给除了初始展示页面外的所有展示页面加一个class;.hide{ display:none; }给翻页按钮绑定事件,点击后判断接下来要展示的界面是哪一个隐藏上一次展示的页面lastPage.className+= ' hide';显示这一次要展示的页面nextPage.className='page';...原创 2020-01-31 11:52:00 · 1688 阅读 · 0 评论