![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端的一些小知识
码mamba
我将会在接下来的日子里,整理自己学到的知识点,并分享出来,望能够给大家带来帮助。希望在这个过程里,同时见证了自己的进步。
展开
-
倒计时功能实现、计算两个时间戳直接的年月日 时分秒世界
直接上代码getDate() { setInterval(() => { // 时间戳 // 当前时间 let nowTime = Date.parse(new Date()) // 初次见面时间 let faceTime = Date.parse(new Date("2020-10-10")) // 计算初次见面到目前的时间戳差 let faceTimeUtilNowTime = nowTime - face原创 2022-02-08 18:14:10 · 451 阅读 · 0 评论 -
使用python的tornado实现websocket的后端使用vue实现websocket的前端
websocket看文章必读vue部分实现前端的websocket看文章必读这个文章所涉及的技术并不是很理解,但是主要是实现一个前后端实现通信的功能!vue部分实现前端的websocket首先要通过 new WebSocket(“服务器地址”) 进行连接 将websocket赋值给 wsthis.ws.onopen 指定的是监听连接成功后执行的函数this.ws.onmessage 指定的是监听服务器返回消息的函数this.ws.onerror 指定的是连接出错的代码: init原创 2021-01-28 21:49:32 · 747 阅读 · 2 评论 -
七天学完Vue之第七天学习笔记(tabber与Promise与Vuex)
第七天 (tabber与Promise与Vuex)1.10.1. tabber的制作• 动态获取活跃状态1.使用计算属性,判断当前路由与保存的path是否一致,一致的状态激活computed:{ isActive() { return this.$route.path.indexOf(this.path) !== -1 }}2.传入path(传入的字符串,不需要绑定)<tab-ber-item path="/home" activeColor="blue">原创 2020-11-26 15:34:08 · 176 阅读 · 0 评论 -
七天学完Vue之第六天学习笔记(Vue-cli以及使用脚手架配置路由)
第六天(Vue-cli以及使用脚手架配置路由)1.9.1. Vue CLI1.安装Vue脚手架npm install -g @vue/cli拉去 旧版本(2)npm install @vue/cli-init -g2.初始化项目对于vue CLI2 : vue init webpack 项目名对于 vue CLI3: vue create 项目名1.9.2. runtime-compiler 与 runtime-only的区别在使用vue init创建脚手架的时候会有如下的原创 2020-11-26 15:22:01 · 134 阅读 · 0 评论 -
七天学完Vue之第五天学习笔记(模块化以及webpack的使用)
第五天 (模块化以及webpack的使用)1.8.1. 模块化模块化规范:CommonJS, AMD, CMD, ES6的Modules核心: 导入导出• CommonJs的导入导出导出: module.exports = { flag: true, test(a,b) { return a+b }}导入://解构赋值 let {test, flag} = require(‘导出文件路径’)• ES6的模块化1.在<script>标签加上属原创 2020-11-26 10:29:03 · 240 阅读 · 2 评论 -
七天学完Vue之第四天学习笔记(ref获取dom元素和组件以及路由的讲解)
第四天(ref获取dom元素和组件以及路由的讲解)1.7.1. ref获取dom元素和组件1.首先为要被获取的dom元素或者组件设置id2.设置 ref属性为id (组件的id,在引用标签ref)例如<tempalte id="seven">...</tempalte> <login ref="seven"><login>3.使用方法 this.$refs.seven.数据(innerText)代码例子:<body> <d原创 2020-11-25 19:16:21 · 316 阅读 · 0 评论 -
七天学完Vue之第三天学习笔记(组件的应用操作以及插槽的使用)
1.6. 第三天(组件的应用操作以及插槽的使用)1.6.1. 组件什么是组件:组件的出现, 就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同:+模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一- ;+组件化:是从UI界 面的角度进行划分的;前端的组件化,方便UI组件的重用;• 创建组件注意template 里根标签只能有一个!• 使用Vue.exten原创 2020-11-25 00:17:52 · 234 阅读 · 0 评论 -
七天学完Vue之第二天学习笔记(自定指令,过滤器,生命周期函数,动画效果)
1.5. 第二天1.5.1. 删除的两种方式1.使用some找到下标this.lists.some((item,i) => { if (item.id == id) { this.lists.splice(i, 1) console.log(i) return true } })2.使用findIndexvar index = this.lists.findIndex(item=>{原创 2020-11-24 23:58:00 · 197 阅读 · 0 评论 -
七天学完Vue之第一天学习笔记(Vue的介绍,时间修饰符以及常用指令)
1.1. vue介绍1.1.1. 什么是vueVue.js是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法 也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之- -,和Angular.js、React.js一起,并成为前端三大主流框架!Vue.js是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有 配套的第三方类库,可以整合起来做大型项目的开发原创 2020-11-24 23:36:43 · 393 阅读 · 0 评论 -
ES8~ES11的新特性,不看会后悔系列
ES8async与await,这两种语法结合可以让异步代码像同步代码一样 async 1. 返回值为 promise对象 因此可以调用then方法 2. promise对象的结果由async函数执行的返回值决定 返回为undefined或者数值,为返回成功。因此可以调用then 当出现 抛异常为返回失败。throw new Error('异常') 也可以返回一个 new Promise对象 await 1. await必须写在 async的函数中 2. aw原创 2020-10-31 20:03:46 · 146 阅读 · 2 评论 -
ES6的新特性,前端必看知识点
ES6新特性let声明与新特性 1. 不能被重复定义 2.块级作用域 3. 不存在变量提升 4. 不影响作用域链const声明与新特性 1. 定义一定要赋初值 2. const是常量,一般用大写字母, 也不可被重复定义 3.常量值不可被修改 4. 块级作用域 5. 对于数组或者对象,可以修改其元素,不算是对常量值的改变解构赋值 1. 数组的解构 2. 对象的解构模板字符串 1. 声明字符串 2. 模板字符串内可以出现换行 3. 变量的拼接 通过 ${}在模板字符串内进原创 2020-10-29 16:08:00 · 133 阅读 · 0 评论 -
es5的小特性
es5部分小特性严格模式 (‘use strict’)1.1. 1 必须使用var 声明对象// 1.必须使用var声明对象var username = “kobe”1.2. 2 禁止自定义的函数的this指向window// 2. 禁止自定义的函数中的this指向windowfunction person(name, age){this.name = name;this.age = age;}new person(‘kobe’, 15)1.3. 3 创建eval 的作用域//原创 2020-10-08 17:29:39 · 173 阅读 · 0 评论