酸奶(●'◡'●)-优快云博客

原创 MySQL 学习笔记

右连接：right join 指的是除了返回满足关联条件的结果集以外，还会把right join右边的那张表完整的展示出来，左边的那张表里不满足关联条件的字段位置补空值（null）左连接：left join 指的是除了返回满足关联条件的结果集以外，还会把left join左边的那张表完整的展示出来，右边的那张表里不满足关联条件的字段位置补空值（null）【注意：】使用between and时，between后面跟的是较小的值，and后面跟的是较大的值。常用的两个通配符：% 表示此处有0个或1个或多个字符；

2024-03-13 16:44:40 383

原创分享一些实用的前端开发工具网站

免费在线学编程,课程涵盖:HTML5、CSS3、JS、Bootstrap、jQuery、Sass、React、Redux、Node、Npm、MongoDB,还有实战项目和面试攻略,助你找到称心如意的工作。Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。这里可以让你寻找到使用或者是学习 CSS 的灵感，以分类的形式，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。总结一些常用的 CSS 样式。

2023-11-19 17:56:26 127

原创 cnpm安装

安装配置：Node.js 安装配置 | 菜鸟教程 (runoob.com)网址：https://nodejs.org/en。

2023-11-18 19:25:51 360

原创 Visual Studio Code如何设置中文

三、点击Install，然后点击Restart Now就安装好了。一、点击扩展按钮（快捷键：Ctrl + Shift + X）Visual Studio Code编辑器设置中文界面。二、搜索”Chinese ”从今天开始重新学习电脑编程。

2023-11-17 19:20:24 435

原创字蛛——文字压缩

字蛛字蛛是一个中文字体压缩器让网页自由引入中文字体成为可能字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符，并将这些字符数据从字体中删除以实现压缩，同时生成跨浏览器使用的格式。安装npm install font-spider -g使用@font-face { font-family: 'pinghei'; src: url('../font/pinghei.eot'); src: url('../font/pinghei.eot?#

2021-01-19 20:13:05 595

原创 Vue postcss-px-to-viewport 自适应

postcss-px-to-viewport将px单位转换为视口单位（vw,vh,vmin,vmax）的PostCSS 插件。链接：https://github.com/evrone/postcss-px-to-viewport安装npm 安装npm install postcss-px-to-viewport --save-devyarn 安装yarn add -D postcss-px-to-viewport配置新建postcss.config.js文件，文件与package

2021-01-19 20:11:19 541

原创 CSS 文字垂直显示

writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向。为整个文档设置书时，应在根元素上设置它（对于 HTML 文档应该在 html 元素上设置）MDN链接div{ writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr;}...

2021-01-19 20:10:28 508

原创 Vue.js单页面SEO优化

SEO优化**SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。搜索引擎优化的技术手段主要有黑帽（black hat）、白帽（white hat）两大类。通过作弊手法欺骗搜索引擎和访问者，最终将遭到搜索引擎惩罚的手段被称为黑帽，比如隐藏关键字、制造大量的meta字、alt标签等。而通过正规技术

2020-11-16 21:52:24 248

原创 Vue安装animate.css和在Swiper中使用

1、通过cnpm安装animate.csscnpm install animate.css --save2、在main.js引入import animated from 'animate.css'Vue.use(animated)如没有安装淘宝镜像，使用npm下载3、swiper.js和animate.css一起使用<swiper class="swiper" :options="swiperOption"> <swiper-slide v-for='(item,key

2020-11-05 19:58:08 365

原创 JavaScript监听滚动条的进度条

2020-10-27 21:06:46 580

原创 vue锚链接跳转

在vue中的锚链接和普通的html不同，关于vue中的锚链接可以参考vue 中的 scrollBehavior 滚动行为链接地址：https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#异步滚动组件一<template> <div class="hello"> <header> <div v-for="(item,index) in nav" :key='index' c.

2020-10-20 19:10:08 419

原创 vue实现中英文切换

1、通过npm安装vue-i18nnpm install vue-i18n --save-dev2、创建cn.js和en.js文件//cn.jsmodule.exports = { txt: { msg: '生活的道路一旦选定，就要勇敢知地走到底，决不回头。' }}//en.jsmodule.exports = { txt: { msg: 'Once the road of life is chosen, we should go to the end bra

2020-10-20 11:52:54 1008

原创 css设置所有图片大小一致

图片大小不一致<style>.box{ width: 100%; height: 0; position: relative; padding-top: 100%;}.box img{ max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0;}</style> <div class="box"> <img src="img

2020-10-17 20:18:13 4296

原创 bootstrap在小屏幕时右侧留白

bootstrap在小屏幕时右侧出现留白解决方案：.row { margin: 0; padding: 0;}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,

2020-10-15 17:19:35 908

原创 vue安装bootstrap

Bootstrap 中的许多组件需要依赖 JavaScript 才能运行。具体来说，他们依赖的是 jQuery、Popper.js 以及我们自己开发的 JavaScript 插件。所以在安装Bootstrap之前必须安装jQuery。安装jQueryhttps://editor.youkuaiyun.com/md/?articleId=109090271安装Bootstrapcnpm install bootstrap –save-dev 指定版本号cnpm install bootstrap@3.3.

2020-10-15 10:19:51 1022

employerboos的博客