240 发简信
IP属地:广东
  • 120
    vue项目为什么有时候用this.$store.state有时候用store.state

    很多人不明白,this.$store与store的区别 简单来说,如果你在根组件下注入了store那么所有的.vue文件里使用就可以直接用 this.$store.xxxx;...

  • 120
    document.stylesheets

    document.styleSheets 只读属性,返回一个由 StyleSheet对象组成的数组,每个StyleSheet对象都是一个文档中链接或嵌入的样式表。StyleS...

  • 180
    5eed ·

    我发现在我的VS code中没有缩进,看着难受,于是在博主的模板之上做了点修改,以下是我修改后的模板(大家可以根据自己的喜好再修改配置)

    {
    "Print to console": {
    "prefix": "tplv",
    "body": [
    "<!-- 组件说明 -->",
    "<template>",
    "\t<div class=''>\n\t\t$2\n\t</div>",
    "</template>",
    "",
    "<script>",
    "\t//import x from ''",
    "\texport default {",
    "\t\tcomponents: {",
    "",
    "\t\t},",
    "\t\tdata () {",
    "\t\t\treturn {",
    "",
    "\t\t\t};",
    "\t\t},",
    "\t\tcomputed: {",
    "",
    "\t\t},",
    "\t\tmethods: {",
    "",
    "\t\t},",
    // "mounted() {",
    // "",
    // "},",
    //"beforeCreate() {}, //生命周期 - 创建之前",
    //"beforeMount() {}, //生命周期 - 挂载之前",
    //"beforeUpdate() {}, //生命周期 - 更新之前",
    //"updated() {}, //生命周期 - 更新之后",
    //"beforeDestroy() {}, //生命周期 - 销毁之前",
    //"destroyed() {}, //生命周期 - 销毁完成",
    // "activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发",
    "\t}",
    "</script>",
    "",
    "<style lang='scss' scoped>",
    "//@import url($3)",
    "",
    "</style>"
    ],
    "description": "tplv output to vue-template"
    }
    }

  • 120
    VSCode 初次写vue项目并一键生成.vue模版

    1.安装vscode 2.安装一个插件,识别vue文件 3.新建代码片段 4.删除不要的代码 5.粘入自己写的.vue模板 6.上面代码中的 "prefix": "vue",...

  • 函数式编程与命令式编程

    历史来源 在计算机的世界中,有两位巨擘对问题的可计算性做了模型化描述 一位是阿兰.图灵(Alan Turing),他提出的图灵机。计算机系的各种学科中都充斥着这个概念,假设有...

  • 使用SCSS完成动态rem适配的自动计算

    废话不多说,直接看代码。 目录和文件 index.html结构 /scss/style.scss源码

  • 【JS基础】(十二)JavaScript引用类型

    引用类型的值(对象)是引用类型的一个实例。引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。 对象是某个特定引用类型的实例。新对象是使用new操作符...

  • 120
    VScode如何自动换行设置

    VScode安装完默认不能自动换行,需要我们手动配置。 文本超出显示时,会溢出,如图:文本超出范围,不能自动换行 进入文件>首选项>设置,打开设置界面,在常用设置下找到Edi...

  • Gulp即将滑向Log4j2的深渊

    log4shell漏洞暂时平息之际,是时候注意其他类似log4j流行度极广而又非常缺乏维护的包了,在前端十分流行任务运行器gulp就是其中一个值得关注的对象。 查阅一下gul...

  • npm、Yarn、webpack、gulp等介绍和区别

    一个人如果单靠自己,如果置身于集体的关系之外,置身于任何团结民众的伟大思想的范围之外,就会变成怠惰的、保守的、与生活发展相敌对的人。 —— 高尔基 一 、包管理工具 1、np...

  • 报错:json-server Type of "xxx" (string) is not supported.

    使用json-server mock数据时遇到的问题: 当在db.json中定义 会报错: json-server Type of "name" (string) is no...

  • 120
    vue-cli 本地开发mock数据使用方法

    vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题,具体可以参考这篇文章:Vue-cli proxyTable 解决开发环境的跨域问题 如果后端接口...

  • 120
    关于js中的`~~`和`!!`

    首页图来自看大图,侵删。 !~ 是什么最新操作?于是花了一些时间查找了相关资料学习了一下。 先上干货,结论如下: 事实上,这是两个运算,第一个运算是!,js中代表逻辑非;第二...

  • 前端工程化的理解

    什么是"前端工程化"? 目前来说,web业务日益复杂化和多元化,前端开发从WebPage模式为主转变为WebApp模式为主了。前端的开发工作在一些场景下被认为只是日常的一项简...

  • 180
    5eed ·

    爱了爱了,如果真是这样 前端会轻松很多,尤其是前端接收数据 处理渲染逻辑真的爱了,有些后端看到前端简单竟然想把部分业务逻辑放在前端以减轻后端压力!!作为一个前端我真希望更关注交互和体验,害,个人所想

  • 120
    TCP协议详解

    为什么会有TCP/IP协议 在世界上各地,各种各样的电脑运行着各自不同的操作系统为大家服务,这些电脑在表达同一种信息的时候所使用的方法是千差万别。就好像圣经中上帝打乱了各地人...

  • Java校验上传图片文件是否含有木马的两种方式

    这两天开发一个app遇到了上传文件的安全问题,在这里记录下来,弥补自己只有鱼的记忆的缺陷,也希望有人能够提供更好的思路去解决文件上传的安全问题. 下面这个类是文件上传的公共方...

  • 你了解getBoundingClientRect()?

    理解:getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。 1.语法:这个方法没有...

  • 120
    new Vue() 做了什么?

    new Vue() 做了什么? src\core\instance\index.js 简单明了:执行了this._init(options)操作 那 _init 函数又做了啥...