![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
文章平均质量分 69
暂无简介
请在beep声后留言
Genuine knowledge comes from practice.
展开
-
windows+django+nginx部署静态资源文件
平台:windows。原创 2024-01-04 17:49:35 · 1809 阅读 · 0 评论 -
JavaScript 各种进制间的转换
目录十进制与十六进制的转换十进制与二进制的转换二进制与十六进制的转换十进制与十六进制的转换十进制转十六进制//number.toString(radix);//radix范围2~36,不写就是十进制var num = 255;console.log(num.toString(16));// 十进制转十六进制console.log(num.toString(16).toUpperCase());// 十进制转十六进制,再转大写十六进制转十进制//parseInt(string, radix原创 2021-10-27 12:05:40 · 920 阅读 · 0 评论 -
JavaScript 浮点数与二进制之间的转换
目录二进制转浮点数浮点数转二进制二进制转浮点数单精度binary_to_float(data){ let buf = new Uint8Array(data); buf.reverse(); let buf32 = new Float32Array(buf.buffer); return buf32[0];}双精度binary_to_double(data) { let buf = new Uint8Array(data); buf.rever原创 2021-10-27 11:02:25 · 1677 阅读 · 1 评论 -
JavaScript 使用<input type=“file“>无法上传相同文件的坑
【问题现象】使用<input type = "file">标签上传文件时,若两次上传的是同一个文件,服务端接收不到上传文件的http请求。【排查过程】首先要明确问题出在服务端还是web客户端。用Fiddler软件监测,发现两次上传同一个文件,只截获到一个http请求。可以确定问题出在web客户端没有成功发送第二次上传文件的http请求。逐层检查相关函数,发现<input type="file">标签中onchange事件对应的函数没有被调用。【原因】两次上传同一个文件原创 2021-04-08 16:38:47 · 786 阅读 · 1 评论 -
Javascript读取本地文件
出于安全和隐私的原因,web 应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件,可以通过使用 input file 和 FileReader 来实现。在这篇文章中,我们将通过一些例子来看看它是如何工作的。文件操作的流程①获取文件由于浏览器中的 JS 无法从用户的设备访问本地文件,我们需要为用户提供一种方法来选择一个或多个文件供我们使用。这可以通过文件选择器 <input type='file' /> 来完成。<input type="file">如果想转载 2021-03-23 10:49:14 · 10658 阅读 · 0 评论 -
QtWebApp的使用【在Qt中搭建HTTP服务器】(三)
在前面的学习中,我们编写了几个控制器,这些控制器通过将散布在C ++源文件中的硬编码片段进行级联,来生成HTML文档。源代码看起来没有很好的组织结构,生成的HTML文档也很丑陋。如果要生成更复杂的网站,那现有的代码结构会使这个过程变得很痛苦。因此,整个世界的Web开发人员都在一些替代方案之间进行选择:反其道而行之,将程序代码插入HTML文档,例如JSP和PHP就选择了这种方法。在客户端使用Javascript(AJAX),将服务器提供的原始数据展示在屏幕上。将数据合并到准备好的HTML文件中,然后原创 2020-09-03 10:24:48 · 5029 阅读 · 7 评论 -
QtWebApp的使用【在Qt中搭建HTTP服务器】(二)
目录处理用户输入Session 会话什么是Session为什么要使用Session技术?cookieHTTP重定向国际化静态文件这篇博客介绍了QtWebApp中,form表单、session、cookie的使用。处理用户输入Web应用程序通常处理用户输入。我们将制作一个登录表单,以了解它的使用方法。创建一个新类 LoginController。同样,它源自HttpRequestHandler。//logincontroller.h:#ifndef LOGINCONTROLLER_H#defi原创 2020-09-01 17:29:10 · 5085 阅读 · 2 评论 -
QtWebApp的使用【在Qt中搭建HTTP服务器】(一)
用Qt和QtWebApp能够实现在C++中开发HTTP Web服务器应用程序。首先,需要先安装Qt的软件开发工具包。点此下载其次,下载最新的QtWebApp库。点此下载下载并解压缩QtWebApp ZIP文件。你将会看到:如何使用QtWebApp1)将QtWebApp.zip文件解压到文件夹中,并创建一个名为“ MyFirstWebApp”的新Qt控制台项目。然后,建立如下文件结构:2)将以下行添加到MyFirstWebApp项目的项目文件中:QT += networkinclude(原创 2020-09-01 09:14:35 · 23528 阅读 · 14 评论 -
对象的工厂模式、构造函数模式、原型模式、构造函数模式+原型模式、动态原型模式
// 工厂模式function Person(name,age) { let o = new Object(); o.name = name; o.age = age; o.say = function() { console.log(this.name); } return o; //记得返回对象}let person1 = Person('kevi...转载 2020-04-27 17:14:20 · 169 阅读 · 0 评论 -
WEB前端开发学习笔记——Vue中watch的使用
vue中的watch是一个比较重要的概念,通过他我们可以检测data的变化,下面进行详细的介绍。watch定义方式如下:{[key: string]: string | Function | Object }即在watch中,键是一个字符串,它是被观测的对象。 值可以是一个字符串,这个字符串是方法名。 值还可以是一个函数,但不能使用箭头函数的形式,this会出现问题。 值...转载 2020-04-07 15:22:35 · 881 阅读 · 0 评论 -
WEB前端开发学习笔记——Vue中props对象的用法
一、说明父组件通过属性绑定向子组件传值,绑定的属性名称需要在子组件的props属性身上定义一下,可以简单定义为数组。数组方式对于其要接受的参数有什么要求并不清楚,因此传入的参数可能会在开发子组件的人的意料之外,程序就会发生错误,就像我们在函数调用之前先检查一下函数一样。props也可以进行一个预先检查。props 属性指向一个对象来规定各个绑定属性值的校验规则。二、检查规则1、type声...转载 2020-03-29 15:05:39 · 647 阅读 · 0 评论 -
WEB前端开发学习笔记——this与$(this)的区别
相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?首先来看看JQuery中的$() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。通常我们为了简便直接使用$()。实际上,该函数省略了一个参数context。根据选择器选取匹配的对象即$(...转载 2020-03-26 00:48:32 · 388 阅读 · 0 评论 -
Vue与React高级框架开发——Vue基础
Sass基础Sass整体介绍Sass是一种CSS扩展语言,同时Sass也是一种CSS预处理工具Sass官网:http://www.sass-lang.com/Sass中文网:https://www.sass.hk/CSS预处理工具我们需要一些类似CSS的前置文件,通过对这些前置文件的编译与解析,最终生成浏览器可识别的CSS文件常见的CSS预处理工具有:Sass、less...原创 2020-03-14 22:32:05 · 666 阅读 · 0 评论 -
Vue与React高级框架开发——ES6基础
ES6基础入门之let、const变量声明var声明var name='hiyori'直接使用window.location.href===location.href说明:这种不加var声明的定义方式,相当于在全局对象window上挂了一个属性,会造成全局对象污染,不建议这么做let和var的主要区别let声明的变量只在当前(块级)作用域内有效 let声...原创 2020-03-01 23:54:05 · 920 阅读 · 0 评论 -
组件化网页开发——jQuery
jQuery入门jQuery是一个快速、小巧其功能丰富的JavaScript库。它使JTML文档的遍历和操作、事件处理、动画和AJAX等操作变得简单,并提供了一个易于使用的API,可以跨多种浏览器工作。jQuery集多功能性和可扩展性于一身,改变了数百万人编写JavaScript的方式。//通过ID获取一个HTML元素//JavaScriptvar obj=document.get...原创 2020-02-29 15:53:27 · 1532 阅读 · 0 评论 -
组件化网页开发——让页面动起来的JavaScript深入讲解
JS变量、作用域查漏补缺JS中的变量名由$ _ 数字和字母组成,且不能以数组开头jQuery和undercode都是JS函数库,调用jQuery中的函数可以用$.funcName(),其中$==jQuery,调用undercode中的函数可以用_.funcName(),其中_==jQuery数据类型和堆栈基本类型:4 'str' true/false underfined n...原创 2020-02-26 14:24:28 · 439 阅读 · 0 评论 -
前端基础入门——综合实战案例
PS切图前端开发的大部分时间里都需要做网页重构,即把设计师提供的设计稿还原成网页代码,还原代码的过程就是切图+码代码切图不仅是一门技术活,还是一门手艺活,要力求实用和低功耗切图的准备工作工具介绍Photoshop版本选择PhotoshopCS4缓存路径更改最好不要存在C盘,使用久了会使系统内存负重太大编辑-菜单-首选项-性能,将暂存盘改为除了C盘之外的其他盘...原创 2020-02-20 14:14:22 · 1119 阅读 · 0 评论 -
前端基础入门——让页面动起来的JS基础部分
什么是JavaScriptJavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计师为了检验HTML表单输入的正确性,起源于Netscape公司的Livescript语言。sun公司与Netscape公司合作开发Livescript语言后,把它们主打的Java加到了script前面,因此JavaScript与Java其实没有什么关系。JavaScript的组成完整的Ja...原创 2020-02-13 18:21:21 · 791 阅读 · 0 评论 -
前端基础入门——升级页面化妆师CSS3
目录CSS3选择器新增基本选择器子元素选择器相邻兄弟元素选择器通用兄弟选择器群组选择器属性选择器 element[attribute]伪类选择器(权值为10)伪元素(权值为1)CSS3边框与圆角border-radius属性box-shadow属性border-image属性CSS3背景与渐变CSS3背景图像区域CSS3背景图像定位...原创 2020-02-05 13:06:21 · 969 阅读 · 0 评论 -
前端基础入门——页面升级结构HTML5
目录HTML是什么?HTML5标签变化DOCTYPE声明定义和用法不是HTML标签DTD是什么?HTML5为什么不引用DTD?HTML元素和文档类型HTML5新增标签结构标签多媒体标签Web应用标签其他标签HTML5删除标签纯表现的元素对可用性产生负面影响的元素产生混淆的元素HTML5重定义标签HTML属性变化inpu...原创 2020-02-02 00:49:10 · 15373 阅读 · 0 评论 -
前端基础入门——页面化妆师CSS
目录什么是CSSCSS发展为什么学习CCSCSS选择的艺术CSS基础语法CSS使用方法行内样式(内联样式)内部样式表(嵌入样式)外部样式表导入式样式css使用方法优先级CSS选择器标签选择器类选择器ID选择器全局选择器群组选择器后代选择器伪类选择器CSS继承和层叠继承层叠CSS选择器优先级CSS权值...原创 2020-01-29 23:27:08 · 446 阅读 · 0 评论 -
前端基础入门——页面结构层html
目录html基础基础语法html概念了解html发展史HTML特点开发工具基础语法文档段落网页编码设置文字和段落标签修饰标签和特殊符号列表标签无序列表有序列表定义列表调试工具图像和超链接图像标签超链接标签锚链接邮箱链接文件下载html表格基础表格表格操作带结构的表格表格属性跨列(行...原创 2020-01-24 00:18:40 · 612 阅读 · 0 评论