- 博客(21)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 VUE项目中使用SASS
1.安装sass包：node-sass sass-loader style-loadernpm i node-sass sass-loader style-loader -D2. 创建scss文件在src/assets/css/common.scss文件$red:red; //定义一个红色3.在vue组件中使用scssHelloWorld.vue中<stylescopedlang="scss"type="text/css">@...
2021-02-02 17:08:33
219
原创 【运维】本机IIS配置
1、安装IIS控制面板>程序>启动或关闭windows功能>Internet Information Services>web管理工具>IIS管理控制台>确定2、配置网站cmd > inetmgr >网站> 右键（添加网站）>输入名称，找到网站文件夹...
2020-11-12 17:07:28
147
原创 如何实现字体自适应rem
在项目head中加入JS代码：window.onload=function(){ getFontsize(); }; window.addEventListener("resize",function(){ getFontsize(); }); function getFontsize(){ // 1.获取html的宽(有些浏览器documentElement获取不到,那就使用后面的body)
2020-11-12 16:46:54
199
原创 VUE项目常见的坑
1、修改绝对路径为相对路径打开config/index.js,在build中添写如下代码：assetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: './static',assetsPublicPath: './', 2. 解决跨域问题(使用代理proxy)打开config/index.js,在proxyTable中添写如下代码：'/api': { //使用"/api"来代替"http://f.apiplus.c"
2020-11-12 16:44:09
918
2
原创 input和button设置一样的高度，但是也页面中查看不一样高
input文本框和button按钮效果如下：如果没有边框，不存在这个问题；设置边框后，就出现这个问题。CSS代码如下：input[type="text"]{ border: 1px solid #ccc; padding: 0 14px; height: 32px; font-size: 14px; border-radius: 5px; color: #333;}button{ padding: 0 14px; height: 32px;
2020-07-17 12:47:31
633
原创 VUE项目中使用VUEX后，在IE浏览器访问为空白页面的解决方法
解决方法：1）安装：cnpm install --save babel-polyfill2）在build》webpack.base.conf.js文件中，添加’babel-polyfill’: ‘babel-polyfill’,entry: { // 在IE中使用VUEX 'babel-polyfill': 'babel-polyfill', app: './src/main.js'}重新 npm run dev 后，发现可正常查看了...
2020-07-17 12:15:53
477
原创 创建一个vuex变量，vue组件调用
**1）安装vuex：cnpm install --save vuex2）添加文件：src > store > index.js ：**import Vue from 'vue'import Vuex from 'vuex'//将vuex注册到vueVue.use(Vuex);//创建Vuex实例var store=new Vuex.Store({ //state存储数据 state:{ loginFlag:false },// mu
2020-07-17 11:14:33
330
原创 Uncaught (in promise) Error: Avoided redundant navigation to current location: “/“.
在router》index.js文件中，添加以下代码：import VueRouter from 'vue-router'Vue.use(Router)// 【添加代码】解决vue-router在3.0版本以上重复点路由报错const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, locati
2020-07-13 10:35:23
1311
原创 VUE实现全选和单选
效果图：单选全部选中HTML代码： <div class="hello"> <div> <input type="checkbox" id="allCheck" @click="checkAll" v-model="checkIsAll"> <label for="allCheck">全选</label> </div> <ul> &l
2020-07-12 17:38:37
4164
1
原创 VUE动态追加对象的属性及属性值
这两在做组件的封装，在拆分组件时，遇到一个问题：给对象动态追加属性及对应的属性值，遇到的几种情况。情况1：给对象追加明确的属性和属性值昨天是在GET请求前，给请求的参数data对象动态设置属性，代码如下：<template> <div class="list"> 显示对象testObj：{{testObj}} </div></template><script> export default {
2020-07-10 15:14:02
2497
原创 vue父子组件传值，子组件需要获取父组件一个变化的值，但是子组件视图没有随获取的数据变化而变化？？
1、场景：父组件：是一个数据列表页，需要在获取到列表中的数据总条数之后，将数值传递给子组件。子组件：分页，获取父组件的数据总量后，进行for循环分页。2、视图效果：正确的视图显示 错误的视图显示 3、问题描述及代码呈现当进入也页面时，分页显示为“错误的视图显示”，刷新页面也不管用。//****************父组件************//<template> <div class="table...
2020-07-09 10:42:26
603
原创 VUE项目中，动态绑定table表头和表中数据
在项目开发中，经常会用到列表，如果是固定的表头和列表数据，那直接for循环就可以绑定数据了。但是，如果表的表头和列表中的数据是动态变化的，或者表头数组中的字段和列表中的数据字段不是按安顺序一一对应的时候怎么处理？以下是表头和列表数据： tableHead:[ {key:"name",title:'姓名'}, {key:"sex",title:'性别'}, {key:"phone",
2020-07-08 11:05:39
5133
原创 nodejs安装及使用
1、NODEJS简介Node.js 是一个基于 Chrome V8 引擎的JavaScript运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让JavaScript运行在服务端的开发平台。Node.js 的包管理器 npm，是全球最大的开源库生态系统。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Goo...
2020-02-19 22:04:15
404
原创 Git下载安装及使用说明
Git是一个免费开源的分布式版本控制系统，旨在快速高效地处理从小型到大型项目的所有内容。为了方便后面的操作，先了解一下Git的本地工作流程：一、Git下载官方下载：https://git-scm.com/downloads官方下载太慢，此处，提供百度云盘下载链接：https://pan.baidu.com/s/1JtlrIDzOjpi8Vu_4XBJYdw （提取码：...
2020-02-06 17:12:27
630
原创 VSCode中使用GitHub
1、Git和GitHub简介Git(读音为/gɪt/)是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。Git是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。1.1 Git和GitHub关系...
2019-11-28 13:55:11
922
原创 VUE安装和创建一个基于webpack模板的项目
之前安装过，由于电脑系统出了问题，重装系统了，所以。。。就需要再部署环境、安装VUE。记得之前的部署安装，今天再次操作的时候，还有一个迷糊和错误，今天特意写这个文档，一是想给以后的VUE初学者一个简要的搭建项目过程说明；二呢，也是想请教更多的大咖来帮助自己解惑，所以呢、所以呢，欢迎来吐槽...好吧，废话不多说了，开始吧！一、VUE简介Vue.js是一个JavaScriptMVVM库，是一套...
2019-11-22 16:59:57
1205
原创 【图解】网页从输入网址到渲染完成发生了什么？
1、输入网址，浏览器进行地址解析（获得服务器域名）浏览器对地址进行解析：获取协议，主机，端口，路径等信息，输出：服务器域名。2、将解析出的域名进行DNS解析（获得IP）3、通过IP寻址和arp，找到目标服务器地址（获得MAC地址）arp，地址转化协议，把IP地址转化为MAC地址。流程：先查缓存，然后查路由器。4、TCP三次握手，与web服务器建立TCP连接5...
2019-11-20 17:23:59
160
原创 主流浏览器内核
浏览器内核（又叫渲染引擎），主要作用是将网页代码渲染为用户视觉可以感知的平面文档。 内核 简要说明 浏览器 Trident 是微软开发的一种排版引擎。 只支持windows IE6、IE7、IE8（Trident 4.0）、 IE9（Trident 5....
2019-11-19 17:11:00
138
原创 如何运行JS
方式一将JS文件嵌入HTML>head中，在浏览器中运行查看结果方式二安装NODE，用命令行执行JS，执行：node demo.js[先安装NODE](https://mp.csdn.net/postedit/44455167)...
2019-11-13 15:12:17
268
原创 手机端页面收获
1. Head设置initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放2. 字体单位：em手机端最小适合字体大小18px；em有如下特点： 1. em的值并不是固定的; 2. em会继承父级
2014-11-11 18:06:02
626
空空如也
请问怎么给date设置初始值，不管用？
2020-08-05
【vue项目】for循环中的按钮click点击报错
2020-07-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人