JavaScript
一种直译式脚本语言,广泛用于Web应用开发
情非得已小猿猿
路漫漫其修远兮,吾将上下而求索!!!
展开
-
JS如何实现继承(面试)
因为 Object.create 方法实现的是浅拷贝,多个实例的引用类型属性指向相同的内存,存在篡改的可能。寄生式继承在上面继承基础上进行优化,利用这个浅拷贝的能力再进行增强,添加一些方法。借助 Object.create 方法实现普通对象的继承。借助 call调用 Parent 函数。构造函数继承(借助 call)问题:与原型式继承一样。原创 2023-04-28 09:53:00 · 275 阅读 · 2 评论 -
为什么会用到模板引擎?模板引擎template的使用简析
1、在做前端开发项目的时候,有时候经常需要根据后端返回的json数据,然后来生成html,再渲染页面。比如一个简单的轮播图的数据:传统的方法是拼接字符串方式,如下:由于这种结构简单还好,拼接的时候要注意引号问题,一旦需求发生变化,这里修改起来也是很麻烦结构复杂的就需要模板引擎来改善这种情况。2、说一下轻量化的template.js模板引擎使用,简单举一个小例子如下:...原创 2019-01-31 20:10:26 · 19725 阅读 · 9 评论 -
至正式开工的第一天 — — 前端开发ES5常用的数组方法大集合
今天是小长假回归后正式开工的第一天,也是2019年春节后的第一次发文。今天来说说前端开发常用的数组的处理方法以及demo,相信前端开发人员在面试中都遇到过这种题目。下面就来简单的说道说道。1、push 往数组最后添加数组项改变原数组return返回添加后的数据个数length 需要传参 ( 不传则认为是空 数组不添加) 可以传参多个let arr = [1,2,3,...原创 2019-02-12 14:26:04 · 286 阅读 · 0 评论 -
vue中props父组件向子组件传值组件通信以及Watch运用
1、views层父组件:<el-dialog title="编辑活动" :visible.sync="dialogCreateVisible" :close-on-click-modal="false" width="70%" :append-to-body="true" @dialogClose="dialogClose"> <activies-create :...原创 2019-12-28 22:36:59 · 2693 阅读 · 0 评论 -
js运行机制——单线程、任务队列以及事件循环(event loop)
1、面试案例for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); });}console.log(abc);// ********打印结果******abc555552、相关知识点-- 单线程:js特点,同一个时间只能做一件事-- 任务队列:前一...原创 2019-12-25 23:33:42 · 385 阅读 · 0 评论 -
vue项目微信公众号title设置和调用接口动态修改
需求场景:微信后台配置不同的商户id,请求接口获取商户信息(名称、头像等)1、安装插件#yarn add vue-wechat-title#npm i vue-wechat-title2、main.js文件Vue.use(require('vue-wechat-title'))3、App.vue文件<template> <div id...原创 2019-12-19 23:39:54 · 1840 阅读 · 0 评论 -
vue项目中js-cookie的使用存储token
1、安装js-cookie# npm install js-cookie --save# yarn addjs-cookie2、引用(需要的文件)import Cookies from 'js-cookie'const TokenKey = 'Admin-Token'export function getToken() { return Cookies.g...原创 2019-11-17 20:24:18 · 6674 阅读 · 3 评论 -
Vue移动端H5微信支付(js-sdk)和支付宝支付功能
1、获取内置浏览器标识微信:export function isWeixin() { var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } return fal...原创 2019-09-06 15:37:11 · 5458 阅读 · 0 评论 -
Vue中动态绑定class、style
Class1、 :class指令可以与普通的 class 属性共存<div class="static" :class="{ active: isActive, 'text-danger': hasError }" ></div>data: { isActive: true, hasError: false }显示:<div class="sta...原创 2019-09-06 10:09:40 · 738 阅读 · 0 评论 -
ECharts实现中国地图数据可视化
项目中数据可视化已经太常见了,echarts是一款使用率非常高的插件工具,很多大平台都是使用echarts;一般都有折线图、柱形图、饼形图,还有常见的地图,今天就地图来说一下——中国地图。1、首先官网上下载一个echart.js或echart.min.js,如下根据自己的需要下载对应的文件。网址:https://echarts.baidu.com/2、下载中国地图插件china....原创 2019-01-15 17:03:13 · 51224 阅读 · 12 评论