前端
关注
分享
扫一扫
前端知识分享
不会写代码的一木
做一个有趣的技术小白】
展开
-
MongoDB初探
基于MacBook Pro 版本11.2.3。原创 2023-06-06 15:08:25 · 199 阅读 · 0 评论 -
ECMAScript中所有参数传递的都是值，不可能通过引用传递参数
今天在看JavaScript高级程序设计(第三版)时，看到了这个问题：ECMAScript中所有参数传递的都是值，不可能通过引用传递参数。 在我的印象中，其他语言比如C++等，传递参数有两种方式：一种是按值传递，另一种是按引用传递。难道JavaScript不能按引用传递？于是自己细细捋了一下，发现JavaScript其实是按值传递的(传递原始值和引用值，都是值)。先验知识： ...原创 2019-11-09 14:22:00 · 266 阅读 · 0 评论 -
js中不同类型作比较
示例：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>...原创 2019-09-12 14:23:00 · 87 阅读 · 0 评论 -
function(){}、var fun=function(){}和function fun(){}的区别
一、基本定义1.函数声明：使用function声明函数，并指定函数名。function fun() { // ...... }2.函数表达式：使用function声明函数，但未指定函数名，将匿名函数赋予一个变量。var fun = function() { // ......}3.匿名函数：使用function声明函数，但未指定函数名。匿名函数属于函数表...原创 2018-11-27 21:05:00 · 172 阅读 · 0 评论 -
CSS——img自适应div大小
代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>哈哈</title> <style> .div0 { width: ...原创 2018-12-19 14:46:00 · 267 阅读 · 0 评论 -
CSS——对position定位和margin-top的理解
一、常见定位方式1.positon：absolute (脱离文档流) 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位(这里的父元素是指定位方式为relative和absolute的父元素)。 如果一直没找到 relative或者absolute定位的第一个父元素，则父元素为body。 绝对定位元素的位置通过 "left", "top", "right" 以及 ...原创 2018-11-29 14:57:00 · 1297 阅读 · 0 评论 -
CSS——div内文字的溢出部分用省略号显示
使得div内文字的溢出部分用省略号显示，可归纳为两种解决办法，一种方法是用CSS解决，另一种方法是js解决。一、通过CSS控制显示div内显示一行，超出部分用省略号显示div内显示多行，超出部分用省略号显示代码：<!DOCTYPE html><html> <head> <meta charset="utf-8">...原创 2019-09-10 21:16:00 · 465 阅读 · 0 评论 -
CSS——div垂直居中及div内文字垂直居中
最近做demo时，经常需要div垂直居中或者让div内文字相对div垂直居中。水平居中比较简单，就不多说了，这里主要记录一下垂直居中的一些方法。一、div垂直居中的一些方法：1.当height、width固定大小时，<!DOCTYPE html><html> <head> <meta charset="utf-8"&...原创 2019-03-19 15:46:00 · 5389 阅读 · 0 评论 -
CSS——background-size实现图片自适应
在网页端，我们经常想让图片能够自适应拉伸缩放，使之可以完美的嵌入我们给定的容器里，比如div,button,input，下面我将用代码来说明如何实现这个功能！一、div背景图自适应如果知道图片都有自身的大小尺寸，那我们如何把一张图片自适应缩放到一个给定大小的div里呢？这里只要用到background-size属性就可以了！实例一：代码用的原图大小为：159*113代码如下：&l...原创 2018-12-12 21:28:00 · 439 阅读 · 0 评论 -
CSS——对height和line-height的理解
最近在做CSS界面时经常遇到line-height和height这两个属性，一直没搞很明白，今天静下心来好好网上查阅了一下，算是有所领悟。https://blog.youkuaiyun.com/a2013126370/article/details/82786681这个博主写的很不错，至少让我对line-height和height的理解更深刻了，值得借鉴。一、一些基本概念1.行高是指文本行基线间的垂直距...原创 2018-12-13 12:43:00 · 103 阅读 · 0 评论 -
一些前端配置分享
4. 点击左上角绿色三角按钮（debug调试配置自己写的是start，所以这里选择start启动），就可以在调试控制台看到debug状态了。4. 利用postman本地发起request请求，在vscode界面进行debug调试，enjoy！5. 利用postman发起request请求（注意自己配置的请求端口），就可以快乐debug。2. 进入到启动目录，node main.js 启动程序。2. 在工程目录下配置lanuch.json文件。app.js是根据自己执行的文件来确定的。原创 2023-04-20 21:04:56 · 178 阅读 · 0 评论 -
vue3+node全栈项目部署到云服务器
一、前言 最近在B站学习了一下全栈开发，使用到的技术栈是Vue+Element+Express+MongoDB，为了让自己学的第一个全栈项目落地，于是想着把该项目部署到阿里云服务器。经过网上一番搜索和自己的一顿操作后，我在这里记录一下自己的部署过程，方便以后查阅。参考博客：https://segmentfault.com/a/1190000012186563?utm_source=t...原创 2019-10-31 19:52:00 · 927 阅读 · 0 评论 -
浏览器渲染——html页面外联script会阻塞页面渲染吗？
注：测试浏览器为chrome浏览器我们先来看第一段代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2020-06-19 14:49:00 · 424 阅读 · 0 评论 -
Html、Vue——本地文件上传弹框+读取本地文件内容
一、前言 最近在做页面时，想要实现在网页上获取本地文件的信息，在此记录一下实现方法。部分可以使用Hmtl原生方法和Jquery方法来实现相同效果，已做注释，不过主体是Vue实现。 测试环境：谷歌浏览器——79.0.3945.88(正式版本) (64 位)二、实现方法1.显示本地文件上传弹框1.1最原生的样式实现代码如下：<!doctype html><ht...原创 2019-12-26 21:08:00 · 596 阅读 · 0 评论 -
rtsp+rtmp多路网页播放
一、前言 之前博主有写过 一篇博文，讲的是使用videojs在谷歌浏览器网页上播放rtmp流媒体，具体可参考我之前的博客：https://www.cnblogs.com/FHC1994/p/9981440.html 最近又开始研究了一下网页播放流媒体，在这里我主要补充一些播放rtmp、rtsp流媒体的其他方法二、rtsp和rtmp流媒体2.1 视频传输原理 从网络上接收视频时首先...原创 2019-10-23 15:34:00 · 2693 阅读 · 0 评论 -
JavaScript——问卷星自动填写
一、前言： 我们学校要刷学术章，有些学术章又是指定在某个时间点填写问卷星的问卷报名的。但是由于我手速慢，导致总会有些时候报不上名，于是想着搞个代码实现自动填写问卷星的报名表。一顿操作后，在github上找到了比较合适的源码，修改一些代码后，就可以实现问卷星自动填写！参考地址：https://github.com/wkmyws/wjxJS 博主环境：win10 64 + 谷歌浏览器 ...原创 2019-10-22 22:36:00 · 8395 阅读 · 8 评论 -
Bootstrap——可拖动模态框(Model)
还是上一个小项目，o(╥﹏╥)o，要实现点击一个div或者button或者一个东西然后可以弹出一个浮在最上面的弹框。网上找了找，发现Bootstrap的Model弹出框可以实现该功能，因此学习了一下，实现了基本弹框功能(可拖动)。代码如下：<!DOCTYPE html><html> <head> <meta charset...原创 2019-08-07 22:37:00 · 371 阅读 · 0 评论 -
Bootstrap——设置Tab标签切换
最近一个小项目需要用Tab标签切换显示不同div内容，用到了Bootstrap里面的东西，但是在Bootstrap3教程里却没有找到对应的代码，这里记录一下，方便以后快速查阅学习。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...原创 2019-08-06 10:56:00 · 218 阅读 · 0 评论 -
Echarts——更改仪表盘方向和颜色
做小项目需要用到仪表盘，官方给出的颜色设置如下：而我想要如下样式的：最后，经过一番折腾算是搞成了如下样式效果：要达到上面效果关键在于设置Echarts的如下两处js代码：1.大小值要颠倒，因为这里的仪表刻度是顺时针增长的2.坐标轴线的颜色要重新设置，不能用默认的，要把默认的颜色顺序颠倒过来总体代码如下：HTML：<html> <head> ...原创 2019-07-08 21:08:00 · 423 阅读 · 1 评论 -
Electron把网页打包成桌面应用并进行源码加密
前言 最近想把自己用html+css+js做的网页界面打包成桌面应用，网上一搜，发现Electron是一个不错的选择，试了试，发现效果真的不错。这里记录一下打包过程以作记录，便于自己以后查看学习。一、简介 Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一...原创 2018-12-02 23:07:00 · 3078 阅读 · 1 评论 -
videojs+hls+rtmp网页播放
博主后面补充了一篇博文，具体可参考博客：https://www.cnblogs.com/FHC1994/p/11724484.html-----------------------------------------------------------------------------------------------------------------------------------...原创 2018-11-19 14:12:00 · 1421 阅读 · 0 评论 -
谷歌浏览器——请停用以开发者模式运行的扩展程序
谷歌浏览器插入脚本插件后，可能会反复出现如下提示：请停用开发者模式运行的扩展程序这里有两种方法都可以解决以上问题：方法一：Chrome75及以上版本就不能彻底禁用了，参考这个https://www.52pojie.cn/thread-988783-1-1.html网址后，找到了解决办法。经测试，谷歌浏览器78.0.3904.70(正式版本) (64 位)可以成功禁用这个弹窗！简单说就...原创 2019-10-31 09:50:00 · 169 阅读 · 0 评论