Vue部分面试题汇总

发布时间:2022-12-03 面试题 VUE.JS JAVASCRIPT 前端

1. Vue常见的指令有哪些,有什么用

常用指令作用
v-model多用于表单元素双向数据绑定
v-bind动态数据绑定,简写为冒号
v-on事件绑定,简写为@
v-for动态渲染
v-once能执行一次性地插值,当数据再次改变时,插值处的内容不会更新
v-show动态渲染元素的显示与隐藏
v-if动态渲染和删除元素
v-else和 v-if 搭配使用
v-else-if同上
v-html动态渲染节点的html内容,原内容会被覆盖,可以解析富文本
v-text动态渲染节点的文本内容,原内容会被覆盖,不可以解析富文本

2. Vue 双向数据绑定的原理

Vue2版本:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的setter,getter,在数据变动时发布 消息给订阅者,触发相应的监听回调来渲染视图。
在这里插入图片描述

Vue3版本:使用 ES6 的 Proxy 作为其观察者机制,取代之前使用的Object.defineProperty。
因为Object.defineProperty方法存在一定的局限性,比如它无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实时响应。

3. 路由的跳转和传参有哪几种方式

① router-link 不带参数

 <div id='app'>
    <router-link to="/index" tag="div">去首页</router-link>
    <!-- 5.预留显示位置 -->
    <router-view></router-view>
  </div>

② router-link 带参数

<router-link to="/index/login/personal?id=1&name=张三" tag="button">去个人中心页</router-link>

<router-link :to=`/index/login/personal/${id}/${name}` tag="button">去个人中心页</router-link>

<router-link :to="{name:'geren',params:{id,name}}" tag="button">去个人中心页</router-link>

③ 函数式跳转带参数和不带参数

toIndex() {
    this.$router.push({ path: '/index' })
  },
toMine() {
  this.$router.push({
    name: "my",
    params: { userid: "芜湖" }
  })
},

4. 组件间的通讯方式有哪些

组件间通信的分类可以分成以下

  • 父子组件之间的通信
  • 兄弟组件之间的通信
  • 祖孙与后代组件之间的通信
  • 非关系组件间之间的通信
Vue 中8种常规的通信方案:
  1. 通过 props 传递
  2. 通过 $emit 触发自定义事件
  3. 使用 ref
  4. EventBus
  5. 通过 $parent 或 $root
  6. attrs 与 listeners
  7. Provide 与 Inject (vue3)
  8. Vuex

5. 谈一谈你对路由守卫的理解?

路由守卫是路由在跳转前、后过程中的一些钩子函数,这些函数可以让你操作一些其他的事,在后台管理中设置权限时经常看到,在实现路由跳转前校验是否有权限,有权限就可以通过,反之就会被执行其他操作,如返回首页。

  • 全局守卫:
    • 还有一些其他的钩子函数如:beforeResolve(to,from, next)、afterEach(to,from)
const router = createRouter({ ... })

router.beforeEach((to, from, next) => {
  // ...
  // 返回 false 以取消导航
  return false
})
  • 路由独享守卫
const router = new VueRouter({
  routes: [
    {
      path: '/foo',
      component: Foo,
      beforeEnter: (to, from, next) => {
        // ...
      }
    }
  ]
})
  • 组件内的守卫:
<template>
  ...
</template>
<script>
export default{
  data(){
    //...
  },
  beforeRouteEnter (to, from, next) {
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不!能!获取组件实例 `this`
    // 因为当守卫执行前,组件实例还没被创建
  },
  beforeRouteUpdate (to, from, next) {
    // 在当前路由改变,但是该组件被复用时调用
    // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候,
    // 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
    // 可以访问组件实例 `this`
  },
  beforeRouteLeave (to, from, next) {
    // 导航离开该组件的对应路由时调用
    // 可以访问组件实例 `this`
  }
}
</script>
<style>
  ...
</style>

6. 谈一谈你对Vuex的理解?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。

Vuex有五大核心概念:

  1. State :提供唯一的公共数据源
  2. Mutations :用于变更state中的数据,必须是同步函数
  3. Actions:用于变更state中的数据,但不能直接修改,需要通过context.commit()调用mutation,且可以包含任意的异步操作
  4. Modules :用于模块化导入其他store
  5. Getter : Getter用于对 store 中的数据进行加工处理后形成新的数据,类似 Vue 中的计算属性。Getter不会修改store中的数据,而是起到一个包装的作用。Store 中的数据发生变化,Getter的数据也会跟着变化。

Vuex解决了多组件之间状态共享的问题,组件间不用再把数据互相传来传去了,维护了单向数据流的简洁性。
在这里插入图片描述

7. 谈一谈你对Mixin混入的理解?

mixin混入就像共用的业务逻辑,可以混入到组件中去,但是组件之间不受影响;

比如有两个非常相似的组件,他们的基本功能是一样的,但他们之间又存在着足够的差异性(如页面结构不同),那么代码中的相同业务就可以把它剥离出来,封装后单独写个mixin,到需要用的组件时再混入进去。代码维护方便,复用率高,书写简洁。

mixin的写法举例:

const mixin= {
    data() {
        return {
            name: '初始名字:张三',
            mixinMsg: 'mixinMsg'
        };
    },
    methods: {
        // 获取mixin中的msg
        getMixinMsg() {
            alert(
                '我是mixin.js中的getmsg方法,mixinmsg的数据是' + this.mixinMsg
            );
        },
        // 获取home中的homeMsg
        getHomeMsg() {
            alert(
                '我是mixin.js中的getHomeMsg方法,HomeMsg的数据是' + this.homeMsg
            );
        }
    },
    created() {
        alert('在mixin中vue的data、生命周期、方法等都可以使用');
    }
};

export default mixin;

注意:当组件中有与mixin同名的方法或数据时,优先调用本组件的方法或数据,混入的部分失效;

更加详细的解释可以去简书原文查看

8. 谈一谈你对插槽的理解?

slot是组件内的一个占位符,主要的作用就是拓展组件的复用性,让我们在重复使用一个组件的时候可以通过少量的修改就达到复用的效果。

插槽分为具名插槽和默认插槽,默认插槽直接在子组件中书写slot后,再在子组件标签中传递需要的html结构即可,具名插槽有两种写法:

具名插槽写法一(标签法)这种写法2.6.0版本后已废弃 :

//父组件
<Category title="美食">
	<ul slot="foods">
	   <li v-for="(item,key) in foods" :key="key">{{item}}</li>
	</ul>
</Category>

//子组件
<h3>{{title}}分类</h3>
<slot name="foods">默认显示内容</slot>     /*给插槽取名*/

具名插槽写法二(template法,v-slot只能写在template标签中):

<template v-slot:foods>
    <ul>
      <li v-for="(item,key) in foods" :key="key">{{item}}</li>
  </ul>
</template>

还有一种 scope 作用域插槽,这里不做注解,详情在此原文

9. 什么是跨域,如何解决?

跨域即受 同源策略 影响,两个页面资源之间的 “协议+域名+端口” 三者之中有任何一项不同即为跨域。(同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互,是用于隔离潜在恶意文件的关键安全机制。)

如何解决跨域问题:

  1. 后台直接不做限制,放开所有请求。优点:方便;缺点:显而易见的不安全;

  2. JSONP
    基本原理:利用script标签的 src 不受同源策略限制,需要后端配合,已经不常用了

  3. 配置代理:Proxy
    首先在项目根目录下创建一个vue.config.js文件,然后在其中添加以下代码:

// vue.config.js for less-loader@6.0.0
module.exports = {
    devServer: {
        proxy: {
        	//👇 代理的名称,一般以这种格式命名,当然你也可以随便起
            '/xxx-api': {
                target: 'http://1.111.xx.123:3000',  // 后台接口的协议、域名、端口号
                changeOrigin: true,  //是否跨域
                pathRewrite: {
                    '^/xxx-api': ''//路径重写
                    //如果不重写,则请求时的路径中会带有这个/xxx-api
                }
            },
        }
    }
};

10. 谈一谈你对封装请求的心得

封装请求可以提高程序的复用性、简洁性和可维护性,能够提高工作效率;

假设在一个项目中有20个页面,每个页面都需要向服务器发送请求来完成数据的交互,突然有一个新增的需求,要给请求中的data里加一个参数,如果没有请求进行封装的话,这20个页面中每个请求都需要修改一次,非常的不方便,而封装之后只需要修改封装的js文件里的内容就好了;

而且在 VueCLI 创建的 Vue 项目中,如果不封装 axios 请求,一般需要把 axios 实例挂载在 Vue 实例的原型上;

而封装之后则可以哪里需要哪里引入,不必再挂载在原型上,降低了代码的耦合度,提高了安全性;

如何封装 axios 见此:封装axios

更多相关推荐


微信小程序引入WeUI组件库并使用组件

发布时间:2022-11-22 微信小程序 前端 小程序
1.git下载:weui,解压,打开文件夹,dist文件夹,style--&gt;weui.wxss,复制到项目里2.useExtendedLib引入根目录的app.json里引入"useExtendedLib":{"weui":true} 3.在使用界面引入要用的组件,如dialog组件"usingComponents":{"mp-dialog":"/miniprogram_npm/weui-m...

ruoyi(若依)框架使用说明(前后端分离)

发布时间:2022-03-03 HTML JAVASCRIPT 开发语言 HTML5 前端
框架介绍本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(SpringBoot、SpringSecurity、Redis&amp;Jwt),本身可以直接拉下来直接使用.它的强大之处在于代码自动生成器的使用,可以根据数据库的表对应生成全套前后端代码,代码植入后可以直接使用,复杂业务只需在基础代码上进行修改增强即可.减少了重复代码的编写,提高了开发效率.详情请访问:ht...

MQTT.js 入门教程

发布时间:2022-11-30 开发语言 MQTT JAVASCRIPT 前端
原文链接: MQTT.js入门教程-知乎(zhihu.com)MQTT.js 是一个开源的 MQTT协议的客户端库,使用JavaScript编写,主要用于Node.js和浏览器环境中。是目前JavaScript生态中使用最为广泛的 MQTT客户端库。MQTT是一种基于发布/订阅模式的轻量级物联网消息传输协议,可以用极少的代码和带宽为联网设备提供实时可靠的消息服务,它广泛应用于物联网、移动互联网、智...

javaGUl编程设计(大学生项目)

发布时间:2022-09-20 JAVA 前端 项目 服务器
实现功能: 这是一个职工工资查询的程序,要选择“普通员工”,“部门经理”,“系统管理员”对应的业务,然后输入查询的人数,程序比较简单,只是输入相应的金额,然后计算总金额。下面是实现代码:其中代码的亮点是empSalray这个二维数组,我们将一维空间的用来存储查询的用户数,二维空间分别存储基本工资,津贴,奖金,月份和总工资。publicclassText3{publicdouble[][]initM...

Python 10.1 datetime

发布时间:2016-01-31 JAVA JAVASCRIPT VIEWUI PYTHON
datetimedatatime是Python处理时间和日期的标准库。获取当前时间和日期&gt;&gt;&gt;fromdatetimeimportdatetime&gt;&gt;&gt;now=datetime.now()&gt;&gt;&gt;print(now)2016-01-3111:27:08.529095&gt;&gt;&gt;print(type(now))&lt;class'dat...

大型门户网站开发经验

发布时间:2011-03-29 前端 VIEWUI 数据库
因为涉及权限、范围等控制,用户每访问一个页面,都是后台程序运行的过程,尤其要命的是至少有两条以上SQL语句执行。我知道门户类网站绝不可能这样做的,他们都是用静态页面来支撑庞大的访问量(如果也是动态唰库,那只有等死!)。那在静态页面生成、管理上有什么点子:我想了下,归纳如下,抛砖引玉,希望大家给点子;1、网页结构划块,用JS(或者include文件)将具有共同的部分归纳起来,方便更新;如:栏目菜单、...

Web 测试的经验

1.功能测试1.1.链接测试  链接是Web应用系统的一个主要特征,它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先,测试所有链接是否按指示的那样确实链接到了该链接的页面;其次,测试所链接的页面是否存在;最后,保证Web应用系统上没有孤立的页面,所谓孤立页面是指没有链接指向该页面,只有知道正确的URL地址才能访问。  链接测试可以自动进行,现在已经有许多工...

JavaScript 开发中常用函数

发布时间:2022-11-23 JAVASCRIPT 前端 开发语言
通过Userstory的方式记录知识点,日常持续更新中...String1、string.split():以某一个字符为分割依据,将字符串转换成数组。假如有两个URL:http://localhost:1234/api/studentLogin、http://localhost:1234/api/teacherLogin,我希望根据用户输入的URL来判断是学生登录还是教师登录,这里就需要判断URL...

(1-3)line-height与图片的表现

                  (1-3)line-height与图片的表现  这篇文章真的很重要,耐心看,重中之重。一、行高和图片的表现  图片和行高有什么歪腻呢??很多人不明白,为什么我图片好好的放在一个标签里面它就出现了如下问题,箭头地方的空白处到底哪来的?因为内联盒模型默认基线对齐的,其中有一个隐藏的文本标签在做遂啦~ 看到没!!和基线对齐了接下来再做个练习验证一下看,是不是和我们的标...

用HTML5实现分片上传GB级大文件解决方案

发布时间:2021-05-19 WEB大文件上传 HTML CSS JAVASCRIPT HTML5 VUE.JS
一、功能性需求与非功能性需求要求操作便利,一次选择多个文件和文件夹进行上传;支持PC端全平台操作系统,Windows,Linux,Mac支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹层级结构与本地相同。支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验;支持文件夹上...

怎么用HTML5实现分片上传GB级大文件

发布时间:2021-05-20 WEB大文件上传 HTML CSS JAVASCRIPT HTML5 VUE.JS
4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在实际使用中会发现,这些基于脚本语言实现的上传功能模块性能很弱,一是不支持2GB以上的内容上传;二是无法支持断...

阿宇wifi球机如何连接手机

发布时间:2022-11-09 网络摄像机 JAVA 服务器 阿宇 前端 WIFI
首先下载APP,请见以下三种方式:(1)至APPStore、各大应用市场搜索“智U”,下载并安装APP。(2)登录ezcloud.uniview.com官网,扫描界面右下方智UAPP二维码,下载并安装APP。(3)手机扫描下方二维码,下载并安装APP。1.打开“智U”APP,登录账号,点击右上角的+,或点击&lt;添加设备&gt;。2.扫描注册码后,选择&lt;Wi-Fi连接&gt;。3.勾选“...

Vue生命周期

发布时间:2022-11-10 VUE.JS JAVASCRIPT VUE 前端
1.beforeCreate此时无法通过vm访问到data中的数据、methods中的方法2.created此时可以通过vm访问到data中的数据、methods中配置的方法3.beforeMount此时页面呈现的是未经Vue编译的DOM结构,所有对DOM的操作,最终都不奏效4.mounted此时页面中呈现的是经过Vue编译的DOM,对DOM的操作均有效(尽可能避免)。至此初始化过程结束,一般在此...

struts 标签

发布时间:2010-09-29 JSP VIEWUI BEAN JAVASCRIPT AJAX JAVA STRUTS
aa标签创建一个HTML超链接,等价于HTML的&lt;ahref=""....示范代码:&lt;s:ahref="login.action"&gt;登陆&lt;/s:a&gt;更多a信息action使用action标签可以允许在JSP页面中直接调用Action。范例如下:&lt;s:actionname="tag2"executeResult="false"/&gt;更多action信息acti...

Struts2标签 详解

发布时间:2010-08-06 JSP HTML BEAN VIEWUI AJAX JAVASCRIPT
 a  a标签创建一个HTML超链接,等价于HTML的&lt;a href=""....示范代码:&lt;s:ahref="login.action"&gt;登陆&lt;/s:a&gt;更多 a 信息 action  使用action标签可以允许在JSP页面中直接调用Action。范例如下:&lt;s:action  name="tag2" executeResult="false" /&gt;更...

史上最详细的struts 2 标签整理

发布时间:2010-10-27 JSP VIEWUI BEAN JAVASCRIPT AJAX STRUTS2 STRUTS
a  a标签创建一个HTML超链接,等价于HTML的&lt;a href=""....示范代码:&lt;s:ahref="login.action"&gt;登陆&lt;/s:a&gt;更多 a 信息 action  使用action标签可以允许在JSP页面中直接调用Action。范例如下:&lt;s:action  name="tag2" executeResult="false" /&gt;更多...

5.26面试题总结

发布时间:2021-05-26 前端基础 面试题 CSS JAVASCRIPT 学习笔记
今天面试官问了两个很简单题目脑子没绕过来…consta=[1,2,3,4]console.log(a.push(5))返回的是数组长度一个div容器:width:300px;height:200px;padding:10%四个值是多少四个值默认的10%是宽度所以结果是30px;如果是padding:10%10%那就是20203030...

jquery 获取元素

发布时间:2018-08-14 JAVASCRIPT VIEWUI PYTHON
2019独角兽企业重金招聘Python工程师标准&gt;&gt;&gt;1.基本选择器$("#id")//ID选择器$("div")//元素选择器$(".classname")//类选择器$(".classname,.classname1,#id1")//组合选择器2.层次选择器$("#id&gt;.classname")//子元素选择器$("#id.classname")//后代元素选择器$("...

bootstrap删除模态框弹出并询问是否删除【通用删除模态框】

发布时间:2017-11-11 JAVASCRIPT VIEWUI
    普通的询问是否删除的对话框比较low,可以利用bootstrap的模态框代替普通的对话框来实现删除。 效果:  点删除的时候弹出模态框询问是否删除,点确认的时候将需要删除的ID传到后台进行删除。    过程:1.界面准备删除模态框:  模态框中隐藏需要删除的ID&lt;!--模态框信息删除确认--&gt;&lt;divclass="modalfade"id="delcfmOverhaul"...

退出登录页点击返回键依然可以回到未退出时的页面的解决方法

发布时间:2022-11-23 前端
1.在主应用里修改退出登录路由跳转方式,点击退出账号时移除token,使用history.pushState()进行跳转history.pushState方法有三个参数,依次为:title:新页面的标题,这里也可以填null。state:一个与指定网址相关的状态对象,popstate事件触发时,该对象会传入回调函数。如果不需要这个对象,此处可以填null或者空字符串。url:想要跳转的网址,必须与...

javaScript 03 数组模块补充

发布时间:2022-11-26 HTML5 JAVASCRIPT 前端 HTML
目录前言一、数组是什么?1.数组的声明2.数组的调用二.js数组中常见的操作1.数组的增删改查2.数组的应用前言本文主讲数组在javaScript中的声明、使用方法的要点一、数组是什么?数组Array是一种可以按照顺序保存数据的数据类型,可存放多种不同类型的数据1.数组的声明  1.1let数组名=[数据1,数据2....] (new可以省略)letarr=newArray('初映',182,66...

React使用CodeMirror (代码编译器标签) 笔记

发布时间:2022-11-19 前端杂项 前端
React使用CodeMirror(代码编译器标签)笔记:1.下载CodeMirror:下载CodeMirror:由于新版的CodeMirror下载的包少很多东西,这里我们下载老版的npminstallcodemirror@5.62.3下载react-codemirror:npminstallreact-codemirrornpmi--save-dev@types/react-codemirror...

Vue2.0开发之——Vue基础用法-侦听器(27)

发布时间:2022-11-25 VUE2 VUE.JS 侦听器
一概述侦听器-判断用户名是否被暂用侦听器-immediate选项侦听器-deep选项二侦听器-判断用户名是否被暂用2.1什么是watch侦听器watch侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作2.2侦听器示例布局代码&lt;divid="app"&gt;&lt;inputtype="text"v-model="username"&gt;&lt;/div&gt;vue代码con...

获取指定日期是星期几

发布时间:2022-11-10 JAVA JAVASCRIPT SERVLET
functiongetWeekDate(strDate){  varnow=eval('newDate('+strDate.replace(/\d+(?=-[^-]+$)/,  function(a){returnparseInt(a,10)-1;}).match(/\d+/g)+')');  varday=now.getDay();  varweeks=newArray("星期日","星期一",...

使用switch语句输出中文的星期几

发布时间:2022-09-29 JVM JAVASCRIPT SERVLET
Date对象用于处理日期和时间。日期对象是用newDate()创建的。getDay()方法根据本地时间,返回一个具体日期中一周的第几天,0表示星期天,1表示星期一,2表示星期二,3表示星期三,4表示星期四,5表示星期五,6表示星期六。源代码代码:&lt;!DOCTYPEhtml&gt;&lt;html&gt;   &lt;head&gt;      &lt;metacharset="utf-8"&...

web编码

发布时间:2014-05-15 JAVASCRIPT VIEWUI
1各种编码A.1html编码 -HTML标签this.Response.Write(this.Server.HtmlEncode("&lt;h1&gt;的作用将文本设置为标题样式!"));//使&lt;和&gt;等等的特殊符号,已文本性质显示输出:&lt;h1&gt;的作用将文本设置为标题样式!A.2不用html编码 -HTML标签 this.Response.Write(this.Server....

PHP的就业前景怎么样?PHP小白应该怎么学习?

发布时间:2019-04-24 VIEWUI 前端 PHP 后端
做程序员,其实是很难真的就一直做一种语言的。有些是自己转型的。有些是因为工作需要需要了解和掌握的。因为语言是一门工具,虽然需要专研但是也需要横向发展,这样才会增加自己的竞争力。比如你是写php的,那你可能htmlcssjs也需要熟练掌握。如果不懂也很难顺利的开发网站。还有就是当技术的发展。有时候你也不得不去掌握一些新的技术,比如最近比较流行的nodejs和angularjs其实不管你是使用什么语言...

基于JAVA电子竞技赛事管理系统计算机毕业设计源码+系统+lw文档+部署

发布时间:2022-10-14 JAVA 前端 开发语言
基于JAVA电子竞技赛事管理系统计算机毕业设计源码+系统+lw文档+部署基于JAVA电子竞技赛事管理系统计算机毕业设计源码+系统+lw文档+部署本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、JDK1.8数据库:MySQL5.7/8.0源码地址:https...

[原创]在你的主页上加个默林

发布时间:2004-10-02 BLOG QQ JAVASCRIPT VIEWUI
&lt;scriptlanguage="JavaScript"&gt;//默林欢迎//Codedbygoaler(QQ:1598503)//请保留此信息varAgent=null;varAgentID="Merlin";varAgentACS="merlin.acs";MSAgent.Connected=true;MSAgent.Characters.Load(AgentID,AgentACS);...

git解决代码提交冲突

发布时间:2018-08-15 GITHUB 前端 GIT
「前言」相信大家都在世界杯期间有意无意地看到过马蜂窝的洗脑广告,短短的15秒,品牌名就出现了6次。“旅游之前,为什么要先上马蜂窝”,这些不断重复的广告词让人犹如魔咒般印象深刻。有不了解的小伙伴可以上他们家的官网大概看下,马蜂窝,一家从事旅游行业的新锐互联网公司。背景铺垫完毕之后,让我们进入今天的正题。「正文」最近马蜂窝移动端的某个线上页面出现了明显的BUG,截图在某技术社区疯传,献上页面截图供大家...

TinyPng批量压缩图片

发布时间:2022-11-24 笔记 JAVASCRIPT 前端 图片压缩
原文章:https://blog.csdn.net/weixin_38785881/article/details/90264129注意:每月的前500次是免费,后续就要收费!!!可以换邮箱重新申请api_keytini.jsvarfs=require("fs")//node文件模块varpaths=require("path")//文件路径varroot=paths.join(__dirname...

李峋 爱心代码 点燃我温暖我

发布时间:2022-11-14 JAVASCRIPT 前端 开发语言
dy上很火的爱心代码如下:这里是用的vscode软件运行的&lt;!doctypehtml&gt;&lt;html&gt;&lt;head&gt;&lt;metacharset="utf-8"&gt;&lt;title&gt;HTML5Canvas爱心表白动画特效&lt;/title&gt;&lt;style&gt;html,body{height:100%;padding:0;margin:0;...

javaScript正则表达式

发布时间:2012-02-08 C INPUT 正则表达式 JAVASCRIPT BBS NULL
http://www.cainiao8.com/web/js_note/js_regular_expression.html什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:varreg=/pattern/;第二种方法:varreg=newRegExp('pattern')...

JavaScript正则表达式

发布时间:2019-08-12 开发工具 JAVASCRIPT VIEWUI
什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:varreg=/pattern/;第二种方法:varreg=newRegExp('pattern');正则表达式的exec方法简介语法:reg.exec(str);其中str为要执行正则表达式的目标字符串。例如:&lt;sc...

移动端开发之混合开发模式优劣势综述

2020年,我国互联网行业实现快速发展,网民规模稳定增长。截至2020年底,我国5G网络用户数超过1.6亿,约占全球5G总用户数的89%。截至2020年底,我国网民规模达9.89亿,互联网普及率达到70.4%。报告还显示,目前我国已建成全球最大的光纤网络、4G和5G独立组网网络。从当前移动开发的实际情况来看,移动端的开发方式三分天下:纯原生(NativeApp)、网页应用(WebApp)、混合开发...

安全架构中的前端安全防护研究

国家互联网应急中心发布的被篡改网站数据让很多人触目惊心,近年来各种Web网站攻击事件频频发生,网站SQL注入,网页被篡改、信息失窃、甚至被利用成传播木马的载体Web安全形势日益严峻,越来越受到人们的关注。Gartner对安全架构的定义是:安全架构是计划和设计组织的、概念的、逻辑的、物理的组件的规程和相关过程,这些组件以一致的方式进行交互,并与业务需求相适应,以达到和维护一种安全相关风险可被管理的状...

跨平台下移动应用的开发框架对比与分析

当前由于移动互联网技术的日益发展,人们对移动互联网程序的要求也是越来越高,以往的互联网程序已经不能满足人们日益增长的需求,对此相关的工作技术人员要不断努力,研发出与时俱进的移动互联网程序。近些年来由于平板电脑、智能手机、数字电视等多种智能设备的普及,推进了移动互联网爆炸式的增长,面对移动互联网一片大好的市场,很多的互联网巨头已经开始逐渐的构建自己的互联网生态圈。随着我国的移动互联网市场的不断发展,...

学通JAVAWEB——JSP开发篇(一、JSP指令元素)

发布时间:2022-10-26 JAVA 前端 21天学会JAVAWEB 开发语言
1.page指令page指令主要用来设定JSP页面的全局属性,该配置将作用于整个JSP页面,甚至包括静态包含的文件。&lt;%@page属性1=“属性值1”属性2=“属性值2”%&gt; 1.1language属性language属性主要用来声明所使用的脚本语言种类,目前暂时只能使用Java语言。不过不排除以后可以使用如C、C++或其他语言的可能。language属性的默认值也是java。&lt;...

纯前端将Html导出word

发布时间:2022-11-15 WORD 前端 HTML
1.FileSaver.js+html-docx.js&lt;!--导出word文档--&gt;functionexportDocx(){&lt;!--克隆报告HTML--&gt;varcontentDocument=document.getElementById("exam_Concent");this.convertImagesToBase64(contentDocument);varcont...

javaScript实现表单验证

发布时间:2018-06-12 JAVASCRIPT 表单
&lt;html&gt;   &lt;head&gt;       &lt;metacharset="UTF-8"&gt;       &lt;title&gt;&lt;/title&gt;       &lt;scripttype="text/javascript"&gt;           functionformYanzheng(){               flag=true;   ...

前端 table列表自行排序

发布时间:2022-11-08 前端
table中后端返回Number前端字符串后,表格自带排序功能失效问题。同时后端还必须是字符串,因为客户要求number后方保留两位小数,比如"200.00"话不多说上代码首先判断排序方向,其次采用sort、isFinite、localeCompare组合达到效果varnewArr=[];if(排序为向上){ newArr=oldArr.sort((a,b)=&gt;{ returnisFini...