最后基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。},
jes
转载
2024-08-25 17:14:13
292阅读
说完了对象的监听和后期添加对象的操作，接下来，我们来说一说针对于数组的监听。1、首先还是定义一组数据用于展示，hobbys 为字符串数组，friends 为对象数组const vm = new Vue({
el: '#root',
data() {
return {
hobbys: ['抽烟', '喝酒', '烫头'],
firends: [
转载
2024-04-05 09:55:40
424阅读
Sentry？开源的实时错误追踪工具，可以帮助开发人员实时监控和修复系统中的错。注册及创建项目。在官网注册完成后选择vue， 创建项目（这些网上都有就不详细讲了），创建项目之后会出现详细步骤安装：npm install --save @sentry/vue @sentry/tracing配置：import * as Sentry from "@sentry/vue";import { Integr
# 在 Vue 2 中添加 Axios 的详细步骤
## 概述
在现代的前端开发中，Axios 是一个广泛使用的 HTTP 客户端库，尤其是在使用 Vue.js 时。本文将详细介绍如何在 Vue 2 项目中添加和使用 Axios。
## 流程概述
以下是我们将要遵循的步骤，这里将其列成表格便于阅读。
| 步骤 | 描述 |
|------|-
原创
2024-09-29 04:04:53
53阅读
开发小程序中，遇到的wepy的几点坑，记录一下;1.定时器： 在页面中有需要用到倒计时或者其他定时器任务时，新建的定时器在卸载页面时一定要清除掉，有时候页面可能不止一个定时器需求，在卸载页面（onUnload钩子函数）的时候一定要清除掉当前不用的定时器 定时器用来做倒计时效果也不错，初始时间后台获取，前端处理，后台直接在数据库查询拿到的标准时间（数据库原始时间，T分割），前端需要正则处理一下这
vue中使用rem布局解析+大屏自适应 公司内部一直有大屏的需求，也一直再做，中途也踩了一些坑，但是没有认真的来总结下。首先项目中，做过移动端的适配，也有现在的大屏需求，中间都离不开不一个单位rem，自适应看起来就很麻烦，不过无惧困难，困难才会看到你说，哟，厉害了，我闪~，下面慢慢聊来。浅析rem首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了
适配思路 设计稿（750*1334） ---> 开发 ---> 适配不同的手机屏幕，使其显得合理原则开发时方便，写代码时设置的值要和标注的 160px 相关方案要适配大多数手机屏幕，并且无 BUG用户体验要好，页面看着没有不适感思路写页面时，按照设计稿写固定宽度，最后再统一缩放处理，在不同手机上都能用按照设计稿的标准开发页面，在手机上部分内容根据屏幕宽度等比缩放，部分内容按
实现效果：关于天气的实现可以看我之前的文章代码实现js<script>
export default {
props: {},
data () {
return {
date: '',
weekDay: '',
time: ''
}
},
mounted () {
this.getWeather()
t
首先PhantomJS快速入门 PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持，其快速，原生支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 页面自动化 ， 网络监测 ， 网页截屏 ，以及 无界面测试 等。 一、安装 安装包下载地址： ht
<!-- HomeComp.
vue -->
<template>
<div class="home-comp" v-draggable>
<!-- 子组件内容 -->
</div>
</template>
<script>
export default {
directive
原创
2024-06-06 10:18:49
717阅读
2.在index.html文件里面引入 index.js文件（直接引入即可）3.把封装好的JessibucaPlayer组件放到公共components<template>
<div class="jessibuca-player" style="width: 100%; height: 100%">
<div class="container" :id=
v-for中的key来给每个节点做一个唯一的标识，diff算法就可以正确的识别此节点，找到正确的位置区插入新的节点；key的主要作用是为了高效的更新虚拟dom，另外vue在使用相同标签名元素的过渡切换时，也会使用到key属性，目的是让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。v-for中带上key，防止vue替我们去计算DOM说到这个问题想必要举个例子了
copy fro
转载
2023-09-15 23:13:19
72阅读
作者 | 陈龙Vue SSR概述什么是SSRServer Side Rendering(服务端渲染)SSR的优点更好的 SEO更快的内容到达时间SSR方案的权衡之处开发条件所限涉及构建设置和部署的更多要求更多的服务器端负载Vue SSR基本使用一个最简单的示例（官方）const Vue = require('vue')
const server = require('express')()
con
VUE开发常用知识
A: Vue (读音 /vjuː/，类似于 view)作者：尤雨溪(EvanYou) 中国人是一套用于构建用户界面的渐进式框架。学习使用之前须掌握 HTML、CSS 和 JavaScript 等知识。B: VUE优点：小而简单,轻量级框架,上手容易,简单易学,便于与第三方库或既有项目整合只关注视图层， 采用自底向上增量开发
# 在 Vue 2 项目中添加 TypeScript 的完整指南
在现代前端开发中，TypeScript已经成为一种流行的工具，它能够为JavaScript提供静态类型检查，帮助开发者在编码时减少错误。对于刚入行的新手来说，将 TypeScript 添加到现有的 Vue 2 项目中可能会感到困惑。本文将为你详细讲解如何实现这一过程，并提供必要的代码与说明。
## 过程概览
为了将 TypeS
Vue页面显示骨架屏1．什么是骨架屏幕？在页面加载数据之前，有一段空白时间，要么用loading加载，要么就用骨架屏。 2．如何快速用Vue实现骨架屏效果？#①直接把下面的CSS代码复制，粘贴到vue项目的index.html 的<head>...</head>里面<style>
.skeleton {
position: fixed;
转载
2024-04-29 09:04:04
313阅读
Vue-cli4 + TypeScript3.0开发项目1、安装vue-cli4npm install -g @vue/cli安装完成之后可以通过vue -V检查版本2、创建项目vue create 项目名称需要ts，选择自主安装，通过上/下键和空格键选择要用到的插件，选好后回车即可安装后的目录如下 其中，tsconfig.json是ts项目的配置文件 shims-vue.d.ts文件用来对vue
转载
2023-08-27 12:10:59
317阅读
效果图因为开发完了才写的，效果图不能展示全，效果不是很全
大屏 前言在实际开发过程中，我们经常需要一个大屏进行一些常规数据的展示。在Vue中也是提供了这样的容器组件我们可以使用基于Vue的 Datav组件 + Vue-Baidu-Map地图组件 + Echarts图表组件 + 时间戳就实现基本布局在Vue中配置大屏路由的时候，我们注意不要让大屏的路由出现在侧边栏的地方，让他点击或者输入地址出
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
