![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 52
攻城狮狮
这个作者很懒,什么都没留下…
展开
-
js正则表达式
正则表达式中的特殊字符字符 含意\ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。-或-对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"* 匹配前面元字符0次或多次原创 2020-10-26 11:43:04 · 193 阅读 · 0 评论 -
微信小程序中的各种跳转
1. wx.navigateTo() 直接跳转wx.navigateTo()用于保留当前页面、跳转到应用内的某个页面,使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序,通常推荐使用 wx.navigateTo进行跳转, 以便返回原页面,以提高加载速度。当页面特别多时,则不推荐使用。2.wx.redirectTo() 重定向当页面过多时,被保留页面会挤占...原创 2020-04-24 11:53:01 · 593 阅读 · 0 评论 -
sd
原创 2020-03-06 16:31:56 · 235 阅读 · 0 评论 -
VUE中 上传excel文件并解析内容
<el-upload :action="url" :http-request="importExcel" list-type="text" :show-file-list="false" > <el-button size="small" type="primary">导入</el-button> </el-upload>...原创 2020-02-24 13:32:59 · 2337 阅读 · 3 评论 -
js常用正则表达式
整理了一下正则表达式1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$12.非负整数(正整数 + 0 ): ^/d+$13.正整数: ^[0-9]*[1-9][0-9]*$14.非正整数(负整数 + 0): ^((-/d+)|(0+))$15.负整数 : ^-[0-9]*[1-9][0-...原创 2019-12-26 17:22:57 · 271 阅读 · 0 评论 -
import和require的区别
require和import的区别遵循规范–require 是 AMD规范引入方式–import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法调用时间–require是运行时调用,所以require理论上可以运用在代码的任何地方–import是编译时调用,所以必须放在文件开头本质–require是赋值过程,其实require的结果就是...原创 2019-12-12 19:17:16 · 353 阅读 · 0 评论 -
vue常用自定义指令
参考网上例子整理了一下import Vue from 'vue'// v-dialogDrag: 弹窗拖拽,// 使用案例:/* <el-dialog :visible.sync="dialogshow" center v-dialogDrag :close-on-click-modal='false' @close='dialog_close'></el-d...原创 2019-12-09 11:35:27 · 744 阅读 · 1 评论 -
js动态修改浏览器导航栏图标和文字
change_icon() { const changeFavicon = link => { let $favicon = document.querySelector('link[rel="icon"]'); // If a <link rel="icon"> element already exists, // ...原创 2019-11-26 18:48:42 · 3969 阅读 · 0 评论 -
nodejs+WebSocket + vue 做一个简单的聊天工具
首先我们保证已经安装了nodejs先上一张效果图建一个文件夹 ws_nodeserver,在里面建一个server.js ,然后在ws_websocket文件夹下执行 npm init 一直敲回车 生成package.json文件。目录结构为下载我们引用的依赖 cnpm install --save wsserver.js中引入并创建一个wsvar WebSo...原创 2019-10-15 19:47:36 · 1144 阅读 · 0 评论 -
express-generator 搭建server教程(二)
连数据库原创 2019-03-20 19:55:28 · 191 阅读 · 0 评论 -
webpack教学(三)babel的使用
上一篇我们有一个知识点漏掉了,就是启动项目的时候我们用的自己搭的本地服务,现在我们用nodejs的一个本地服务模块dev-server此时挂载一篇dev-server源码讲解的博客https://www.cnblogs.com/wulinzi/p/8110125.html执行命令cnpm install --save-dev webpack-dev-server在webpack....原创 2019-03-27 17:27:07 · 277 阅读 · 0 评论 -
钱加上千位分隔符
var a = '1324567894'a.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')原创 2019-04-28 15:35:20 · 655 阅读 · 0 评论 -
我的
vue开发过程中遇到过什么问题?怎么解决的1、曾经尝试给data中定义的对象身上添加属性,实际改变了数据但是没有触发视图更新。data(){ return { person:{ name:'小明' } } }, watch:{}, computed:{}, methods:{ addPro...原创 2019-04-29 11:07:41 · 131 阅读 · 0 评论 -
前端js上传图片、文件到阿里云OSS
首先介绍一下流程:因为我们走的是STS模式,所以首先去后台获取oss配置(accessKeyId,accessKeySecret,stsToken) 创建oss实例 前后端商量好文件上传路径,直接上传首先引用oss的SDK<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js">&...原创 2019-05-08 15:03:20 · 13706 阅读 · 7 评论 -
js深拷贝一个对象
var clone = function (obj) { if(obj === null) return null if(typeof obj !== 'object') return obj; if(obj.constructor===Date) return new Date(obj); if(obj.constructor === RegExp) re...原创 2019-05-23 10:38:28 · 1302 阅读 · 0 评论 -
前端实现pdf预览、下载 nodejs写服务端
废话不多说,直接上干货node.js服务端代码'use strict';import express from 'express'import path from 'path';import fs from 'fs'import mineType from 'mime-types'// import upcom from '../../controller/commond/u...原创 2019-05-29 16:49:48 · 4349 阅读 · 2 评论 -
常用的一些js方法
1、数组对象去重//数组对象去重 dianji = function(arr,id){ let hash = {}; var newarr = arr.reduce((item, next) => { hash[next[id]] ? '' : hash[next[id]] = true && item.push(ne...原创 2019-06-15 14:06:09 · 144 阅读 · 0 评论 -
element-ui tree添加提示线
一、页面渲染好tree<template> <div class='mytree'> <el-tree :data="data" :indent='0' :props="defaultProps" @node-click="handleNodeClick"> </el-tree> </di...原创 2019-06-25 15:16:36 · 7137 阅读 · 4 评论 -
js差集 ,并集,交集等
交集取交集 Array.intersect = function () { var result = new Array(); var obj = {}; for (var i = 0; i < arguments.length; i++) { for (var j ...原创 2019-08-03 10:28:54 · 2226 阅读 · 0 评论 -
nginx + vue-cli2 开启gzip
先上nginx的配置#gzip on;开始 gzip on; gzip_min_length 1k; gzip_buffers 16 64k; gzip_http_version 1.1; gzip_comp_level 9; gzip_types text/plain application/x-javascript applicatio...原创 2019-09-30 16:39:42 · 776 阅读 · 0 评论 -
js promise async await的用法
aa(num){ return new Promise((resolve,reject)=>{ if(num>=10){ setTimeout(()=>{ resolve(200) },3000) }else{ setTimeout(()=&g...原创 2018-10-19 16:39:58 · 579 阅读 · 0 评论 -
express-generator 搭建server教程(一)
现在我默认大家已经全局安装了express-generator 并已经创建了项目了。我们安装完babel后 就可以用es6的inport了。首先第一步安装我们需要的依赖路由设置此时配置的是二级路由,可以通过localhost:3000/admin/login来访问...原创 2019-03-20 16:04:48 · 285 阅读 · 0 评论 -
js下载文件到本地各种方法总结,解决火狐浏览器下载文件直接打开问题不是下载
!!!总是碰到下载文件的需求,在这里统一整理一下方法一、此方法火狐有些版本是不支持的window.location.href = 'https://*****.oss-cn-**.aliyuncs.com/*********';二、为了解决火狐有些版本不支持,可以改成这种方式window.location='https://*****.oss-cn-**.aliyuncs...原创 2019-03-11 17:09:53 · 13417 阅读 · 2 评论 -
node.js+mongodb数据库 搭建后台
首先下载数据库链接: https://pan.baidu.com/s/1lw_qal0vcvGm3wiJC-F9xQ 提取码: ctj5 这里我提供一下我百度网盘的数据库安装包创建一个文件夹mymongodb,这里为mongodb数据库的安装位置。 在此文件夹下创建data文件夹 用来存放数据 打开bin文件夹 打开终端 输入 mongod --dbpath E:\mongodb\...原创 2018-11-13 11:38:48 · 1979 阅读 · 0 评论 -
vue中watch的用法
watch监听路由变化 watch: { $route: "myroute" }, methods: { myroute() { this.activeUrl = this.$route.path; }, }这样就做到了当路由发生变化的时候将#号后面的路径赋值给activeUrlwatch监听data里面的数据的变化data()...原创 2018-11-07 10:41:24 · 4960 阅读 · 0 评论 -
前端先关的小知识
1、webpWebP是Google新推出的影像技术,它可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。2、webglWebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,W...原创 2018-11-02 16:17:33 · 132 阅读 · 0 评论 -
vue 实现模糊搜索功能,vue-element ui改编input模糊查询
vue实现模糊搜索功能根据输入的内容进行查找数据,然后展示含有输入内容的数据<input v-model="issue_content" v-on:input ="inputFunc" type="text" placeholder="如何修改密码"><div class="serch_result" v-show="serch_result_原创 2018-10-30 12:09:39 · 21614 阅读 · 4 评论 -
实现基于vue的分页器插件,各个功能都可以自己配置,样式可以随心所欲更改
首先展示一下效果(不会做gif 尴尬) 思路,第一步ul li 前面一个上一页按钮后面一个下一页按钮<ul class="pagenation"> <li class="page_first"> <button :class="{disable_button:countPage == 1...原创 2018-10-19 14:13:52 · 1952 阅读 · 1 评论 -
判断qq内置浏览器和微信内置浏览器
var ua = navigator.userAgent.toLowerCase(), isWx = false,isQQ = false, isQQInstalled = false; if(ua.indexOf(' qq')>-1 && ua.indexOf('mqqbrowser') <0){ ...原创 2018-09-28 15:48:32 · 7657 阅读 · 1 评论 -
解决qq内置浏览器不能改变title的问题
var i = document.createElement('iframe'); i.src = 'https://www.baidu.com/favicon.ico'; i.style.display = 'none'; i.onload = function() { setTimeout(function(){ ...原创 2018-09-28 15:17:00 · 2520 阅读 · 4 评论 -
js递归遍历树形json结构 根据最后一个节点找到整个家族,根据父节点找到所有的子节点,根据层级关系写成树形结构
dataTree: [ { id: 1, address: "安徽", pid: 0 }, { id: 6, address: "安徽a", pid: 1 }, { id: 12, address: "安徽aa", pid: 6 }, { id: 14, address: "安徽aaa", pid: 12 }, { ...原创 2018-09-26 12:33:06 · 16401 阅读 · 0 评论 -
js数组降维
js数组从二维降到一维首先大家需要了解一下这两个方法arr作为apply方法的第二个参数,本身是一个数组,数组中的每一个元素(还是数组,即二维数组的第二维)会被作为参数依次传入到concat中,效果等同于[ ].concat([1,2], [3,4], [5,6])。利用apply方法,我们将单重循环优化为了一行代码var myArr = [1,2,3,[4,5,6]]var r...原创 2018-11-08 15:27:17 · 1178 阅读 · 0 评论 -
js typeof()返回的类型
typeof的返回值共有七种:number, boolean, string, undefined, object, function,symbol.1、numbertypeof(10);typeof(NaN);//NaN在JavaScript中代表的是特殊非数字值,它本身是一个数字类型。typeof(Infinity);2、booleantypeof(true);...原创 2018-11-08 15:36:38 · 15656 阅读 · 0 评论 -
js单线程,浏览器多进程,傻傻分不清楚看这里
区分一下进程、线程的概念线程和进程区分不清,是很多新手都会犯的错误,没有关系。这很正常。先看看下面这个形象的比喻:- 进程是一个工厂,工厂有它的独立资源- 工厂之间相互独立- 线程是工厂中的工人,多个工人协作完成任务- 工厂内有一个或多个工人- 工人之间共享空间再完善完善概念:- 工厂的资源 -> 系统分配的内存(独立的一块内存)- 工厂之间的相互独立...原创 2018-11-12 14:58:41 · 1079 阅读 · 2 评论 -
express-generator 中使用babel import
在package.json中"dependencies": { "babel": "^6.23.0", "babel-cli": "^6.24.1", "babel-core": "^6.24.0", "babel-preset-es2015": "^6.24.0", "ba原创 2019-03-15 18:26:33 · 372 阅读 · 0 评论 -
百度路书做轨迹回放-vue
其实不管是vue还是其他框架 还是jq 都是用原生js写 都一样的。首先第一步众所周知<script src="http://api.map.baidu.com/api?v=2.0&ak=你的K"></script><script type="text/javascript" src="http://api.map.baidu.com/libra...原创 2019-03-04 12:39:27 · 9403 阅读 · 19 评论 -
webpack教学(二)
上次我们讲到了使用npm 工具来帮我本管理命令,现在我们来修改一下我们的js输出路径,之前是直接输出到了dist下面 现在我们想输出到dist/js文件夹下,output: { // 这里有两种写法 // path:__dirname + '/public',//打包后的文件存放的地方 path:path.resolve(__dirname,'...原创 2019-02-27 20:33:47 · 193 阅读 · 0 评论 -
wenpack新手教学
今天学习一下webpack,因为一直在用vue-cli来做项目,一直不明白webpack也不太了解,今天就简单的记录了一下学习过程。相信好多人对webpack也不是很了解确保自己电脑装有node.js和全局安装webpack,webpack现在已经是4.0了 只全局安装webpack不行 会让你继续安装webpack-cli,因为webpack的命令行工具都在cli中,4.0之前都在一个包里,...原创 2019-02-14 18:58:18 · 278 阅读 · 0 评论 -
vue-cli 项目打包后 vendor.js文件较大问题解决
1,首先在build文件夹下的web[ack.base.conf.js文件里面添加如下,与entry,output平级externals: { 'vue': 'Vue', 'vue-router': 'VueRouter'},这一段是告诉webpack项目打包压缩的时候不要将vue.js 和vuerouter打包进vendor.js2.在index.html中引入c...原创 2019-01-22 16:15:10 · 960 阅读 · 0 评论 -
JS获取浏览器信息及屏幕分辨率
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽) 网页可见区域高:document.body.offsetHeight(包括边线的宽) 网页正文全文宽:document.body.scrollWidth...原创 2019-01-27 17:09:28 · 271 阅读 · 0 评论