前端笔记-腾讯云开发者社区

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

前端笔记

" 前端笔记 " —— " 最 " 适合 " 前端新手 " 的全栈 " 专栏" !

专栏成员

22

文章

58852

阅读量

37

订阅数

腾讯云轻量应用服务器（Lighthouse）初体验

进入产品控制台后，侧边功能栏只有“服务器”和“密钥”板块，内测通过后、后台是没有直接生成主机的：

2020-06-25

10K1

CentOS7.X更新最新版本内核，解决BBR内核导致的无法编译安装！

kernel makefile https 网络安全 centos

wget https://elrepo.org/linux/kernel/el7/x86_64/RPMS/kernel-ml-5.5.9-1.el7.elrepo.x86_64.rpm

2020-03-12

2.9K0

Linux系统宝塔面板phpMyAdmin无法访问/打开404解决方案

phpmyadmin nginx 数据库 sql linux

网站建设的过程中，难免都会遇到需要修改数据库的时候。而phpMyAdmin又是我们常用的数据库管理面板，现在用宝塔服务器面板的人也灰常多，但是宝塔面板在安装使用phpMyAdmin数据库管理面板的时候经常会无法访问/打开404！那么今天厦门SEO就为建站新手们分享一下：Linux系统宝塔面板phpMyAdmin无法访问/打开404的一些解决方案。

2019-03-19

11.2K0

【利用无服务器云函数（SCF）】自动刷新COS中变更文件的CDN！

云函数 cdn 存储

简单几步，利用Serverless，让COS中文件变更自动刷新CDN！背景这几天遇到这样的一个场景，相信也是大多数的站长会遇到的一个问题：自己的一个个人站点使用了COS作为前端静态资源的存储（JS、CSS、图片等等），同时开启了CDN作为资源的加速分发，为了最大的达到加速效果，把这些资源的缓存时间设置30天及以上。某一天，自己的站点需要变更一下css样式，修改完之后扔到COS中，发现站点中的样式仍没有生效。最后想起是命中了CDN的缓存，因此需要到 CDN控制台进行URL刷新。现状目前COS（对象

2018-06-20

2.3K0

【网站被攻击？】就“网络海量攻击”时代，浅谈个人站长如何有效做好网站防护！

说在前面：千万不能再用这三种密码 1、弱口令弱口令扫描无所不在，像我们的官网服务器，几乎每隔几分钟就被扫一次，任何时候，任何场景，不要使用123456,admin这样的弱口令，哪怕你就是改个简单密码给某人登陆下后台，几分钟后就改回来也有极高的被扫风险 2、陈年密码你的QQ密码、邮箱密码、服务器密码、微博密码、微信密码等等，都是一样的，或者都是从接触互联网就在用的密码，这很恐怖，在你漫长的互联网使用过程中，你可能注册了很多站点的会员，在长期使用过程中，你的密码可能早已泄露，说不定你到某工库一查，发现你所

2018-06-19

9960

【腾讯云 Web 漏洞扫描】为您提供全面准确的漏洞监测和专业的修复建议！

安全黑客运维

产品详细信息 Web 漏洞扫描是用于监测网站漏洞的安全服务，为企业提供 7*24 小时准确、全面的漏洞检测服务，并为企业提供专业的修复建议，从而避免漏洞被黑客利用，影响网站安全。 Web 漏洞扫描无需部署，按需付费。功能： Web 漏洞扫描能有效为企业解决信息安全问题，帮助用户提前发现安全隐患，保证用户的 Web 应用系统安全稳定运行。无损扫描：在网站运维过程中网站的业务健康性是至关重要的，因此 Web 漏洞扫描的扫描服务采用了无损的漏洞扫描技术，以避免对网站业务的健康性造成影响。修复闭环管理：

2018-06-14

1.7K0

【HTML5 理论知识】就H5调试技巧，浅谈：iPhone X 适配方案！

image.png 2017年9月苹果发布了iPhone X机型，对于它的“刘海儿”和底部Home Indicator。我们可以通过以下三种方案进行适配~下面就让我来逐一介绍吧！客户端适配解决方案客户端直接将webview的安全区域限制在除去安全区域的区域内。页面将展示在下图灰色webview内： image.png 利弊分析优点：H5前端开发没有任何适配工作量。缺点：页面会限制在客户端限制的webview区域内，没有满屏效果。使用media query 解决方案针对iPhoneX机型

2018-04-17

3.3K2

【JavaScript 理论知识】VUE.JS之初体验：Animate.css封装！

javascript vue.js

对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生，它把一些常见的动画效果都封装起来了，非常实用。 image.png 前言对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生，它把一些常见的动画效果都封装起来了，非常实用。但是有时候在开发中，仅仅只是需要某一两个动画效果，把整个CSS文件都引入，这样不是太好。需求就出现了，能不能有一个工具可以直接预览Animate.css对应的动画效果，并且生成对应的动画代码呢？作为一个UI开发，平时跟Ch

2018-04-17

2.3K0

【CSS3 理论知识】表格边框（table-border）你知多少？？？

table之间的边框存在共用问题，自然而然就存在冲突。既然存在冲突，那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时，如何让浏览器按照自己意愿渲染冲突边框。在这篇文章中都有介绍，以

2018-04-17

4.4K0

【前端相关网页样式】总结CSS3中“伪类”与“伪元素”

熟悉前端的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，并且列出大部分伪类与伪元素的具体用法，即使你有用过伪类与伪元素，但里面总有一两个你没见过的吧。 1.伪类与伪元素先说一说为什么css要引入伪元素和伪类，以下是css2.1 Selectors章节中对伪类与伪元素的描述： CSS introduces the concepts of pseudo-elements and pseudo-classes to permit format

2018-04-17

3.5K0

【前端相关网页组件】纯CSS3实现 “图片轮播” 效果

使用纯CSS3代码实现简单的图片轮播 image.png 原理介绍跑马灯图： image.png 灯图原理： image.png 基本思路 1.基本布局：将5张图片左浮动横向并排放入一个div容器（#photos）内，图片设置统一尺寸，div宽度设置5个图片的总尺寸，然后放入相框容器div（#frame），相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片。 H5结构代码： image.png 2.设置动画：然后使用CSS3动画，通过对photos进行位移，从而达到显示不

2018-04-17

1.9K0

【前端相关网页布局】探讨CSS3中 “垂直居中” 问题

“44 年前我们就把人类送上月球了，但现在我们仍然无法在 CSS 中实现垂直居中。” —— James Anderson 难题在 CSS 中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父元素应用 text-align: center；如果它是一个块级元素，就对它自身应用 margin: auto。然而如果要对一个元素进行垂直居中，可能光是想想就令人头皮发麻了。多年以来，垂直居中已经成为了 CSS 领域的圣杯，它同样也是前端开发圈内广为流传的笑话。原因在于它同时具备以下几条特征。它

2018-04-17

9150

【HTTP2.0 协议】就“腾讯云 CDN 针对 HTTP 2.0全面公测”浅谈如何启用 HTTP 2.0协议？

http 网络安全 cdn https 缓存

HTTPS 是指超文本传输安全协议（Hypertext Transfer Protocol Secure），是一种在 HTTP 协议基础上进行传输加密的安全协议，能够有效保障数据传输安全。配置 HTTPS 时，需要您提供域名对应的证书，将其部署在全网 CDN 节点，实现全网数据加密传输功能。腾讯云 CDN 目前针对 HTTP2.0 协议支持于2018年01月23号已经全面公测，大家可以结合本攻略直接前往使用。启用 HTTP2.0 协议方式：获得 HTTP2.0 资格的用户，在成功为域名配置了 H

2018-04-17

2.8K0

【动作游戏 Flappy 】原生 JavaScript 做小游戏

javascript 游戏

Flappy Pig，是Pig，使用原生javascript写的网页版“Flappy Bird”。整个程序，主要分几个部分：全局设置和工具函数，pig类（控制猪的跳跃，掉落等），柱子类（渲染柱子，控制柱子移动），位置判断（判断pig有没有撞到柱子上），controller（控制器，初始化各个类，全局设置，计时器的开始和结束，UI控制等），主函数（程序起点），接下来说下程序的几个难点： 1、跳动的猪这里用到高中物理的“竖直上抛运动”，公式比较简单：S=V0t+½gt²。设定一个初速度，它决定了pig的“弹

2018-04-17

8880

【图形游戏 Tetris 】原生 JavaScript 做小游戏

javascript 游戏

俄罗斯方块（俄罗斯开发经典游戏）游戏简介《俄罗斯方块》（Tetris，俄文：Тетрис）是一款由俄罗斯人阿列克谢·帕基特诺夫于1984年6月发明的休闲游戏。该游戏曾经被多家公司代理过。经过多轮诉讼后，该游戏的代理权最终被任天堂获得。任天堂对于俄罗斯方块来说意义重大，因为将它与GB搭配在一起后，获得了巨大的成功。《俄罗斯方块》的基本规则是移动、旋转和摆放游戏自动输出的各种方块，使之排列成完整的一行或多行并且消除得分。名字起源顾名思义，俄罗斯方块自然是俄罗斯人发明的。这人叫阿列克谢·帕基特诺夫

2018-04-17

1.2K0

【数字游戏 2048 】原生 JavaScript 做小游戏

javascript 游戏

原生 JavaScript 2048 源码： <!doctype html> <html> <head> <title>2048</title> <meta charset="utf-8"> <style type="text/css"> body{ margin: 0; padding: 0; } #gridPanel { width: 480px; height: 480px; margin: 0 auto; position: relative; background:

2018-04-17

1.2K0

【测试文章第一篇章】Hello World 初始程序

Hello World ，中文意思：你好，世界。世界上的第一个程序就是Hello World，由Brian Kernighan创作。中文名：你好，世界。外文名： Hello,World. 创造者： Brian Kernighan。简介 : “Hello, world”程序是指在计算机屏幕上输出“Hello,world”这行字符串的计算机程序，“hello, world”的中文意思是“世界，你好”。这个例程在Brian Kernighan 和Dennis M. Ritchie合著的《The C Pr

2018-04-17

8750

【新手推荐】极简主义的响应式主题——Kratos V2.6.0

开源 wordpress

image.png 更新日志添加问题模板添加mac gitignore配置添加发布缩略图网址功能添加共享功能＃35 ＃28 ＃44 添加帖子内容摘录剪辑＃15 修复！lg页面gotop ＃30 修复共享btn风格修复a：悬停默认颜色＃43 ＃12 修复默认的删除功能＃16 修复标题行夹＃48 ＃45 删除diy资源删除升级配置优化默认微信QR图像优化更改按钮的颜色 image.png kratos ├── 404.php ├── LICENSE ├── comments.ph

2018-04-17

1.4K0

【新手科普】windows和wordpress的“上帝模式”你知道嘛？

windows wordpress

一、Windows 上帝模式这个玩意出来很久很久了，估计不用多说，知道的同学还是挺多的，不知道的也只要百度一下，你就知道了。方法很简单，在 Windows 系统任何地方新建一个文件夹，如下命名即可：上帝模式.{ED7BA470-8E54-465E-825C-99712043E01C} 效果预览： image.png 二、WordPress 上帝模式哈哈，有点标题党的赶脚，其实就是 WordPress 隐藏的全局设置而已，主要分享给新手童鞋看看。使用方法很简单，登入后台后，键入如下地址即可： h

2018-04-17

6350

【新手指南】浅谈几种WordPress固定链接的优劣势

新手建站须知：所谓“固定链接”，其实就是指访问某个网页的特定链接。也是我们站长将网站提交给各大站长平台的重要参数之一！建站初期我们必须确定好“固定链接”（准确来说应该是网站的“链接格式”），才能使网站更友好的展现、和被搜索引擎索取。今天，东哥就给大家分析一下目前市场上流行的几种固定链接格式的优劣势！借WordPress这个泛用性强的内容程序来谈谈如何设置好我们的网站的“链接格式”~ image.png 下面给大家介绍一下 wordpress固定链接设置的一些参数：下面都是一些常用的参数值~ %y

2018-04-17

1.2K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态