1,开发场景中前端交付对于后端数据的获取功能书写
首先,我们明确基本逻辑概念,前端获取数据本质是利用ajax中的api接口来获取变量,再将其导入我们的data;
明确基本概念开发就可以进行ajax的定义
下文中e变量是获取前端中一个标签内的文本内容,此举例中是构造一个点击事件的函数,用文本获取来进行判断操作
tailbcclick:function(e){
var tailpc=e.target.innerText;
$.ajax{{
具体操作如下图所示
2,页面简繁体转换
在进行页面开发时我们会遇到这种情况,会遇到页面字体简繁体转换的需求,如下图所示
那么首先我们引入字体下载,format在这里承接字体下载的格式
@font-face{
font-family:'cetc';
src:url{'cn/PingFang-Regular.ttf'} format{'truetype’};
}
那么接下来,我们对页面文本进行基础属性定义
div{
width:20vw;
height:20vh;
整体代码如下图所示
3,页面链接跳转新页面
在开发过程中,我们也会遇到点击事件跳转新页面且保留旧页面的需求
那么通常通过jump方法来实现这一目的:
jump(){
window.open('https://www.baidu.com/','_blank');
}
我们只需要明确url导向,即可实现新页面且保留旧页面