js
关注
分享
扫一扫
chi1130
技术交流日志／
只为提高你我的技术水平
展开
-
vue实现树形tree展示组件封装
效果在线demo????????代码TreeItem.vue<template> <div class="tree-item"> <div @click="handleToggle" class="tree-title"> <i v-if="hasChild" :class="open?'el-icon-remove-outline':'el-icon-circle-plus-outline'"></i>原创 2021-11-02 22:20:23 · 1749 阅读 · 0 评论 -
按返回日期数据显示刚刚，几分钟前/几点几分/今天/昨天/具体日期
需求实现一个消息通知，类似微信聊天一样，按时间显示刚刚，一个小时前，今天xx，昨天。。。。export const dateTimeFormat = date => { // auto 0 const autoZero = (n) => (String(n).length === 1 ? '0' : '') + n // string to timestamp const strToTimestamp = (str) => Date.parse(str.replace原创 2020-11-05 20:22:16 · 599 阅读 · 0 评论 -
原生js实现redux中getState,subscribe,listener,dispatch函数
原生代码<!DOCTYPE html><html lang="en"> <!-- 原生js实现dispatch 函数 --> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initia...原创 2020-03-01 20:13:13 · 707 阅读 · 0 评论 -
小程序中优雅的获取手机号
前言最近在写小程序项目，有个获取手机号功能，网上荡了一下，虽不说是代码问题，有些文章都是残缺不全的，说到容易错误的区域又并未使用代码避免，说而不做的问题，索性自己结合网上的文章及官网文档写了一套完整的代码，完全开箱即用 ????????♂️????????????效果代码//Page ObjectPage({ data: {}, getPhoneNumber: function(e) { let ...原创 2020-01-08 22:05:17 · 888 阅读 · 0 评论 -
原生js实现点击复制文本
参考文档queryCommandStateclipboardDataqueryCommandSupportedexecCommand预览demo代码 handleCopy(text) { if (window.clipboardData && window.clipboardData.setData) { return window.clipb...原创 2019-08-06 20:53:13 · 317 阅读 · 0 评论 -
常见js中易错小题介绍
前说在前端面试过程中，有时候会因为一些小题而使你与offer失之交臂，这也反应出你的基础知识点不扎实，或做事粗心大意，很多公司也喜欢出这样的题目来考察面试者的基本水平。下面总结了一些典型的面试易错题。典题1、下面哪个是错误的？A : li:nth-of-child(1)B : li:nth-of-type(1)C : li:nth-last-child(1)D : li:nth-l...原创 2019-07-16 13:52:58 · 177 阅读 · 0 评论 -
面试题[1,2,3].map(parseInt)解析
题目let a = ['1','2','3'].map(parseInt);console.log(a);答案// [ 1, NaN, NaN ]解析代码解析1、传入一个参数var arr = ["1", "2", "3"].map(function(item){ // 这个地方只传入一个参数 return item;});console.log(arr);// [...原创 2019-07-16 10:46:57 · 866 阅读 · 0 评论 -
前端js综合经典面试题
前记前些时间，面试中写的笔试题，偶然的机会做了两次，最后还是错了几道，结果回来在网上一挡，哎。。不过说实话，该公司面试题道道都是经典题，的确不错，长知识了。题目function Foo() { getName = function() {console.log(1);}; return this;}Foo.getName = function() {console.log(2);};...原创 2019-07-15 22:09:41 · 579 阅读 · 0 评论 -
关于js中构造函数手写return的影响
例子基础例子构造函数正常的应该是这样的格式，new关键字调用函数，函数名首字母大写。// 一个类function Fun(name, age, sex) { this.name = name; this.age = age; this.sex = sex;}// 实例var obj = new Fun('alex', 12, 'male');console.log(ob...原创 2019-07-15 22:08:37 · 398 阅读 · 1 评论 -
浅谈js中函数的继承方式
～～ 回首往昔， 更近一步 ～～招式1. ES5 构造函数继承function Parent() { this.name = 'parent'; this.colors = ['black', 'yellow', 'red']}function Child() { Parent.call(this); this.type = 'child';}var q1 = ne...原创 2019-07-09 15:44:19 · 3970 阅读 · 0 评论 -
有关前端js中this指向的问题笔记
前言在以往的ECMAScript 5中，this的指向可谓是多种多样，在各个公司面试题也是必考项，现收集几个面试题进行解析：原题解析题1:var o = { fn: function(){ var a = 1; console.log(this.a); }}o.a = 2;o.fn.a = 3;o.fn();*分析:o.a = 2; // 赋值, 即给...原创 2019-07-08 20:37:08 · 239 阅读 · 0 评论 -
javascript eval 函数作用
定义和用法eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。语法eval(string)eval函数是强大的数码转换引擎,字符串经eval转换后得到一个javascript对象说明该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。如果...原创 2019-03-14 21:59:14 · 1826 阅读 · 0 评论 -
chart力导图node节点图片代替
效果源码在线demo代码chart: { type: 'networkgraph' }, plotOptions: { networkgraph: { layoutAlgorithm: { enableSimulation: true } } }, series: ...原创 2019-02-14 17:24:47 · 345 阅读 · 0 评论