vue实现多语言切换
今天做了一个项目,需要用户点击语言切换时,能够进行中英文的语言切换。后来发现需要使用vue-i18n
安装vue-i18n直接在命令行输入npm install vue-i18n --save-dev。或者在package.json文件的devDependencies添加"vue-i18n": "^8.18.2",。然后运行npm install
在src/components下新建一个文件夹lang,并在lang下新建zh.js和en.js文件。然后将自己需要切换的文字都对应写在这两个文件里。q其中的language,user,signin等可以根据自己要求命名,格式是这样的就行。
12345678910111213141516171819202122232425262728293031[src/components/lang/zh.js]module.exports = { language:{ language:'语言', zh:'中文', ...
vue-element动态渲染placeholder的值
在使用element时有个需求:当点击语言切换的时候,可以将界面切换成英文或者中文,需要实时动态渲染。在开始的时候使用v-bind绑定的,但是发现使用v-bind绑定的话,对于一些属性不会进行实时的改变,需要点击一下刷新。在网上找好久,后来试了一种方法,成功解决。使用vue里面的computed:
123456789101112131415// 这是实现代码computed:{ elinputphone(){return this.$t('msg.phonenumber')}, elinputkey(){return this.$t('msg.keyword')},},//这是对应的dom代码<div class="input"> <el-input :placeholder=elinputphone prefix-icon="el-icon-message" clear ...
PAT甲级题目解析和知识点分类整理
今天整理电脑,发现了去年为了考研浙大计算机整理的PAT资料。现在考研已经尘埃落定。想到当时盲目刷题浪费了好多时间,在这里希望将整理的东西放到网上,方便后来者学习。
PAT的命题趋势将PAT甲级中的题目从第一题刷到最后一题,可以明显感受到,PAT甲级的题目风格发生了很明显的变化。从早期的模拟型题目变成了后来以数据结构和算法为主的固定题型。如果时间紧迫的话,可以只刷后一般的题目,放弃前一半的题目,因为前一半题目的出题风格已经过时了。
PAT题目按分数和知识点分级PAT按照分数分为20,25,30分。下面是将题目按照这3个分数段进行整理。其中25分和30分的题目代码在这里:代码
20分段20分的部分题目没有标注涉及的知识点,没有标注的这些题目说明非常简单,只是用来熟悉编程语言的,稍微有些基础的同学可以跳过,没有基础的同学可以先做这些题目。
题号
知识点
是否建议二刷
1001
1005
1008
1011
1015
1019
1023
1027
1031
1035
1041
1042
...
BOM和DOM学习
DOM定义根据W3C的HTML DOM标准,HTML文档中的所有内容都是节点:
文档:一个页面就是一个文档,DOM中使用document表示
元素:页面中的所有标签都是元素,DOM中使用element表示
节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示
元素操作获取元素12345678910111213document.getElementById("time"); // 根据ID获取标签,return:一个对象document.getElementsByTagName("li") // 根据标签名获取标签,return:对象数组document.getElementsByClassName("box") //根据class获取标签,return:对象数组document.querySelector(str) //str=".box",str="li",str="#time",返 ...
Vue 学习
模块化开发浏览器只支持ES6的模块化,其他的需要使用webpack处理后才能在浏览器上使用模块化是将每个js文件作为一个模块导入或者导出,解决同时引用多个js文件时,变量重名的问题,到后来扩展为非js文件也能作为模块进行导入导出。
export(导出)/import(导入):1234567891. html中引用时,添加引用类型 <script src="aa.js" type="module"></script>2. aa.js中使用export导出 export {变量1,函数1,类1,……} export 变量2 export 函数2 ……1. bb.js中引用 import {变量1,函数1,类1,……} from "./aa.js" # 和导出的名字一样
export default/import:导入者可以对导出的内容重新命名,只能有一个default
1234561. html中引用时,添加引用类型 &l ...
引用pytorch时,出现OSError: [WinError 126] 找不到指定的模块
本人使用的电脑是锐龙4700u的CPU,其显卡是自带的AMD显卡,引用pytorch并使用时,出现下面的报错:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869E:\DeepDiag\backend>python manage.py runserver 127.0.0.1:8080Watching for file changes with StatReloaderPerforming system checks...2020-07-09 23:50:38.515924: W tensorflow/stream_executor/platform/default/dso_loader.cc:55] Could not load dynamic library 'cudart64_101.dll'; dlerror: cudart64_101.dll no ...
element-template slot-scope="scope"的使用
在使用ElementUI中的el-table标签时,里面用到了<template slot-scope="scope">{{ scope.row.size }} 字节</template>这句话,具体该怎么理解它?先看下面两段代码,这两段代码展示的内容一样
12345<el-table-column label="文件大小" show-overflow-tooltip prop="size"></el-table-column>
12345<el-table-column label="文件大小" show-overflow-tooltip> <template slot-scope="scope">{{ scope.row.size }} 字节</template></el-tabl ...
npm audit fix 解决方法
这两天使用npm一直出现这个错误,当时没有在意,后来发现报的错误越来越多,如下:
1234found 658 vulnerabilities (654 low, 3 moderate, 1 high) in 2770 scanned packages run `npm audit fix` to fix 1 of them. 4 vulnerabilities require semver-major dependency updates. 653 vulnerabilities require manual review. See the full report for details.
根据上面的提示输入npm audit fix,还是没有解决,报的错误如下:
123fixed 5 of 658 vulnerabilities in 2770 scanned packages 653 vulnerabilities required manual review and could not be updated 1 package update for 4 vulnerab ...
page和post的头部配置
page的Front-matter123456789101112131415---title:date:update:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:---
键
是否必需
功能
title
必需
页面标题
date
必需
页面创建日期
update
必需
页面更新日期
type
可选
标签、分类和友情链接三个页面需要配置
comments
可选
显示页面评论模块(默认true)
description
可选
页面描述
keywords
可选
页面关键字
top_img
可选
页面顶部图片
mathjax
可选
显示mathjax(当设置mathjax的pre_page: false时,才需要配置,默认false)
katex
可选
显示katex(当设置katex的per_page: false时,才需要配置,默认false)
aside
可选
显示侧边栏(默认true)
aplayer
...