WEB前端
雨田大大
这个作者很懒,什么都没留下…
展开
-
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string 的问题
1.卸载当前版本npm uninstall node-sassnpm uninstall sass-loader2.安装指定版本npm install [email protected] install [email protected].运行npm run server如果出现node_modules/node-sass/vendor 模块找不到直接在node_modules/node-sass下新建一个vender文件夹,然后再执行npm rebuild.原创 2022-03-29 13:40:27 · 4805 阅读 · 1 评论 -
VUE调用打印机打印页面
一个比较简单的方法1.安装插件 npm install vue-print-nb --save2.在main.js文件中引入import Print from 'vue-print-nb' Vue.use(Print); //注册3.在div里写上id,这个div里所有的内容就都可以打印了,例如: <div id="printTest" > <p>要打的字</p> </div> <el-but原创 2022-03-28 01:02:07 · 4384 阅读 · 3 评论 -
关于VUE导出的word中echarts图表没有数据的问题
因为项目关系,需要导出word文件,里面包含表格,echarts图。但是导出后,发现图上没数据。原因是echart是动态的,所以要将animation设为false。 //初始化echarts mounted: function() { var chartDom = document.getElementById('main1'); var myChart = echarts.init(chartDom); var option; option = {原创 2022-03-27 23:51:58 · 1115 阅读 · 0 评论 -
如何打开一个现有的VUE项目
如何打开一个现有的VUE项目。最近为了研究,下载了一个VUE项目,但是一直打不开。经过研究(一番折腾),现把经验记录一下。原创 2022-03-27 20:49:15 · 13307 阅读 · 0 评论 -
CSS学习笔记——固定定位小技巧
一般的固定定位,可以在浏览器左边,要么在右边。要使得定位刚在贴版心,则需要进行一点计算:.fixed { position: fixed; /* 左边为浏览器的一般宽度 */ left: 50%; /* 利用margin占用版心盒子一般的宽度 */ /*这里假设版心盒子宽度为800px,那么一般就是400px*/ margin-left: 400px; width: 50px; height: 50px; background原创 2021-01-04 11:45:00 · 261 阅读 · 0 评论 -
CSS学习笔记——清除浮动
在设置浮动后,父盒子的高度会变0,即出现塌陷问题。专业的解决方法是添加一段样式于父盒子,其中添加一个after的伪元素占用位置。代码如下:1.在父盒子里加载样式名称<div class="father clearfix"><div class="son"></div></div> 2.在css里的内容.clearfix:before,.clearfix:after { content: ""; disp..原创 2021-01-04 11:20:56 · 94 阅读 · 0 评论 -
CSS学习笔记——属性书写顺序
建议遵循的专业的书写顺序:1.布局定位属性display position float clear visibility overflow(建议display第一个写,毕竟关系到模式)2.自身属性width height margin padding border background3.文本属性color font text-decoration text-align vertical-align white-space break-word4.其他属性(CSS3)cont原创 2020-12-31 14:47:48 · 114 阅读 · 0 评论 -
VS CODE中格式对齐的小技巧
1.使用快捷键对齐shift+alt+F2.在按下快捷保存(ctrl+S)后自动对齐的设置方式进入菜单有两种方式(1)通过 “文件”-》“首选”-》“设置”(2)通过界面左下方的齿轮图标后点“设置”搜索emmet.include,之后在emmet中点击“在settings.json中编辑”在原来的代码后面加个数字的逗号,然后再加上两句话:"editor.formatOnType":true,"editor.formatOnSave":tru...原创 2020-12-29 10:56:16 · 3603 阅读 · 3 评论 -
CSS学习笔记——CSS命名规则整理
最近正在研究CSS,感觉命名规则很重要,于是做了一下整理:常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体佈局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载原创 2020-12-28 11:28:43 · 114 阅读 · 2 评论 -
VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(三)
接上一篇,本文主要介绍一下怎么修改文件在建立好项目后,我们用微软的VS CODE来打开项目文件夹打开成功后,可以看到文件夹中的内容打开App.vue,我们可以看到这是一个单文件组件。在VUE的开发中,单文件组件包含了模板类(template)、脚本(scriot)、样式(style)在一个文件当中。下面举个例子1.在components文件夹中,新建一个组件Hello.vue2.然后在Hello.vue里面输入以下内容<template> &原创 2020-11-13 11:54:01 · 430 阅读 · 2 评论 -
VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)
接着上一篇,本文主要介绍一下创建好的文件在创建好项目后,我们转到项目所在的文件夹中下面说明一下各个文件夹和文件node_modules文件夹:里面放着各种各样的模块public文件夹:放着一个图标和一个index.html文件,其中index.html文件为主页面。这个文件夹中的文件不会被编译和压缩,可以将用到的第三方的json文件可以放到这里。src文件夹:为项目代码的主目录其中 assets文件夹里面放了一个logo,里面可以放一些静态的资源,例如css和图片。原创 2020-11-13 11:09:44 · 210 阅读 · 0 评论 -
VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(一)
目标:利用脚手架工具建立程序框架工具:VUE CLI方法:由于npm比较慢,所以先安装了cnpm,之后都用cnpm来操作,操作环境为win101.先打开自己建立的目录2.在目录下打开CMD终端(之前修改了注册表,可以在当前目录右键打开CMD,这个文件已经上传。当然你也可以自己输命令手动转到当前目录)https://download.csdn.net/download/lsjackson13/121496803.进行全局安装:cnpm install -g @vue/cl原创 2020-11-13 10:21:49 · 201 阅读 · 0 评论 -
php学习笔记——综合实例(学生信息管理系统)
一、建立数据库二、连接数据库公共文件conn.php三、学生信息列表页list.php<!DOCTYPE html><html><head><meta charset="utf-8"><title>学生信息管理中心</title></head><body><div> <h2>学生信息管理中心</h2> <a href="原创 2020-05-27 16:03:48 · 1294 阅读 · 1 评论 -
php学习笔记——PHP连接MySQL服务器
1.mysqli_connect()实例打开一个到 MySQL 服务器的新的连接:<?php$con=mysqli_connect("localhost","wrong_user","my_password","my_db");//检查连接if(!$con){die("连接错误:".mysqli_connect_error());}?>定义和用法mysqli_connect() 函数打开一个到 MySQL 服务器的新的连接。语法mysq...原创 2020-05-27 10:43:06 · 699 阅读 · 0 评论 -
php学习笔记——函数相关知识
一、函数定义与调用function hanshu($n){ echo "<hr>"; echo $n; $v1=$n+1; return $v1;}原创 2020-05-26 21:41:39 · 157 阅读 · 0 评论 -
php学习笔记——流程控制
一、三大流程结构顺序结构分支结构循环结构二、if语句if(条件){如果条件满足,处理}else{如果条件不满足,处理}多分支if(条件1){如果条件1满足,处理}elseif(条件2){如果条件2满足,处理}elseif(条件3){如果条件3满足,处理}else{如果条件不满足,处理}三、switch分支switch(一个变量数据或表达式结果$v1){ case 值1: 分支语句1; brea原创 2020-05-26 16:51:55 · 148 阅读 · 0 评论 -
php学习笔记——运算符
一、含义加减乘除,或比较大小,或判断真假二、按参与运算的数据个数分类单目运算符双目运算符三元运算符(expr1) ? (expr2) : (expr3);三、按功能分类赋值:=算术:+ - * \ % (%对整数数字进行“取余操作”,如果不是整数,会先自动转换为整数之后再进行取余。转换为整数的做法是,直接去掉小数部分$v1=10%4; //结构为2$v2=10.8%3.6; //结构为1)连接:.自赋值:+= -= *= /= ...原创 2020-05-26 16:08:57 · 183 阅读 · 0 评论 -
php学习笔记——数据类型
一、数据类型分类与概述1.标量类型字符串:string整数:integer,int浮点数:double,float布尔类型:boolean,bool2. 复合类型数组array对象object3.特殊类型空类型null资源类型resource:表示一种外部的可供PHP使用(操作)的资源(比如图片,数据库,文件等)二、整型integer/int1. 四种书写形式10进制$n1=123;8进制$n1=0123 //以0开头,只能出现0-7这8.原创 2020-05-26 15:08:58 · 262 阅读 · 1 评论 -
php学习笔记——常量
一、常量定义形式1.define("常量名",对应常量值);常量名推荐使用“全大写”define(“PI”,3.14);2.const关键字const 常量名=对应的常量值;二、常量的两种取值形式1.直接使用echo 常量名;2.使用constant()函数echo constant(“常量名”);三、判断常量是否定义过if(!define("PI")){define("PI",3.14);}四、预定义常量PHP_VERSION //表示当前.原创 2020-05-26 11:07:23 · 176 阅读 · 0 评论 -
php学习笔记——变量
基本格式<?$v1=1;echo $v1;echo "<br>";?>一、变量的命名规则:1.构成:字母、数字、下划线2.开头:字母或下划线3.注意:变量名不要跟系统中的关键字重复二、行业规则通常、尽量将变量命名为“见名知意”骆驼命名法(小驼峰命名法):第一个单词首字母小写,其余单词首字母大写帕斯卡命名法(大驼峰命名法):所有单词都首字母大写三、变量的4种基本操作1.赋值$v1=10;2.取值3.判断变量isset(原创 2020-05-26 02:29:29 · 217 阅读 · 0 评论 -
VSCODE开发web配置(笔记)
先说说,最近忽然对WEB前端开发有了点兴趣,然后跟着B站的教程练习敲代码。原来想偷懒用记事本敲,但是始终感觉有点不方便,所以后来用了notepad++(之前为了看JS代码装的)。然而,在学习中发现很多人用的是VSCODE,就有点纳闷。回想自己20年前也就用front page ,dream waver 之类的工具写网页。因为自己之前也装了VSCODE,用了一下感觉没啥特别的,还不如VS好用,也就没再关注。直到发现了一篇文章,原来VSCODE是可以加插件的。于是按照文章折腾了一下,的确转载 2020-05-25 01:19:52 · 8637 阅读 · 0 评论