- 博客(42)
- 收藏
- 关注
RSS订阅原创 JavaScript 数据类型转换（显式与隐式）
一、数据类型JS中有6种数据类型：简单数据类型（基本类型）：Undefined、Null、Boolean、Number、String复杂数据类型（引用类型）：Object，其中包含了Date、function、Array等typeof 检测给定变量的数据类型undefined----如果这个值未初始化或未声明；Boolean----如果这个值是布尔值；string—如果这个值是字符串；number----如果这个值是数值；object----如果这个值是对象或null；function-
2021-10-26 10:26:02
298
原创 js的事件传播机制
1. 什么是事件传播？事件传播（event propagation）是事件冒泡（event bubbling）和事件捕获(event capturing)的统称:事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点。在事件冒泡阶段只有标记为非捕获的监听器才会被调用。也就是那些调用 addEventListener() 时第三个参数为 false 时注册的监听器。默认值即为false。事件捕获：不太具体的DOM节点应该更早接收到事件，而最具体的节点应该最后接收到事件。在
2021-06-27 10:50:12
1281
1
原创 js时间格式转换收录
标准时间转换// 标准时间转换// time => 标准时间// fmt => 要转换的格式(yyyy-MM-dd)patternDate (time, fmt) { const o = { 'M+': time.getMonth() + 1, // 月份 'd+': time.getDate(), // 日 'h+': time.getHours() % 24 === 0 ? 24 : time.getHours() % 24, // 小时 'H+'
2021-02-22 18:01:01
16681
原创 printJS 打印 常用功能收录
html2canvas将html转换为图片，printJs实现打印图片,适用于少量图片，图片过多加载速度会很慢import printJS from "print-js";import html2canvas from "html2canvas";html2canvas(this.$refs.printBox, { logging: false, dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍 scale: 0.9, //
2021-01-04 15:44:18
21468
原创 Vue elementUI 组件二次封装
一、Vue组件的功能能够把页面抽象成多个相对独立的模块实现代码重用，提高开发效率和代码质量，使得代码易于维护二、Vue组件封装过程建立组件的模板，定义通用样式，考虑组件的基本逻辑。准备组件的数据输入。即分析好逻辑，定好 props 里面的数据、类型。准备组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。封装完毕，在父组件中直接调用即可。三、Vue组件封装要点做好父组件与子组件的数据传输，保证数据的实时性传递。父组件一般通过props向子组件进行数据传输。子组件通过events向
2020-12-16 11:14:08
18488
原创 使用require.context实现前端工程自动化vue项目
require.context 简介一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块/* 1. directory {String} -读取文件的路径 2. useSubdirectories {Boolean} -是否遍历文件的子目录 3. regE
2020-11-22 13:16:23
13733
原创 vue自定义$confirm弹窗确认组件
前言1.Vue.extend()使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象.vue单文件经过webpack打包之后是一个组件示例对象，因此可以传到Vue.extend中生成一个包含此组件的类2.new VueComponent().$mount()new VueComponent() 创建实例，调用$mount()可以手动编译如果.$mount(’#app’)有参数，表示手动编译并且挂载到该元素上。3.$el属性 类型：string | HTMLElement手
2020-11-11 15:32:12
20733
2
原创 基于node的前端项目编译时内存溢出问题
前言：最近做的一个项目，拉取代码安装依赖后，npm start 启动编译项目过程中 报javaScript heap out of memory错误，网上的方法试了很多都无法解决问题或者需要改变项目源码。最后找到了1种优雅解决方法，下面和大家记录分享一下：问题：报错内容：FATAL ERROR: Ineffective mark-compacts nearheap limit Allocation failed - JavaScript heap out of memorychunk asset
2020-10-02 18:40:56
15961
原创 axios 拦截重复请求，关闭当前请求
博客原文： http://www.globm.top/blog/1/detail/48一直想封装一下 axios， 可以方便项目中使用，今天刚好 看到一位大佬的文章，就保存了过来，方便下次使用axios配置文件import axios from 'axios'axios.defaults.timeout = 15000// 拦截重复请求const pending = {}const CancelToken = axios.CancelTokenconst removePending =
2020-09-04 19:12:12
13966
原创 前端vue与App Flutterr交互
前端与flutter的交互相对于原生app更简单，这里做下记录，以便下次使用：//* @param {Object} objVal 要传递的数据let objVal = {}objVal = JSON.stringify(objVal)window[funcName].postMessage(objVal)没错，就是这么简单，顺便贴一下原生的交互吧：methods: { match () { const u = navigator.userAgent retur
2020-08-06 16:49:02
14463
原创 axios 拦截重复请求
一直想封装一下 axios， 可以方便项目中使用，今天刚好 看到一位大佬的文章，就保存了过来，方便下次使用axios配置文件import axios from 'axios'axios.defaults.timeout = 15000// 拦截重复请求const pending = {}const CancelToken = axios.CancelTokenconst removePending = (key, isRequest = false) => { if (pendi
2020-07-21 11:36:11
13787
原创 element-ui el-button点击后不失焦
使用element ui库，发现button点下去之后会一直保持被点击的状态直到鼠标在别的地方点一下才恢复。也就是说button被点击之后一直没有失焦，直到点击别的地方，将焦点切换走如果按钮有按键监听行为，那么当按钮在聚焦状态下也会触发，比如点击button打开模态窗时调用了一个方法openDialog,如果按钮未失去焦点，那么通过按键可能会再次触发该方法，所以需要手动移除聚焦效果openDialog(ev) { ev.target.blur()},...
2020-06-29 13:50:04
20623
原创 Sequelize 基础运用
模糊查询const Op = require('sequelize').Opwhere.title = { [Op.like]: '%' + row.title + '%'}随机查询Model.findOne({ order: [ [Sequelize.literal('RAND()')]] })数据自增Model.update({ praise: Sequelize.literal('`praise` +1')}, { where: data})...
2020-06-28 10:43:00
14505
原创 vue proxy代理 + nginx 处理跨域
启用proxy代理，并在axios配置文件中根据开发环境配置请求，这样在开发环境中可以正常请求，但是在生产环境中由于直接请求，浏览器会进行预请求OPTIONShttp预请求options,这是浏览器对复杂跨域请求的一种处理方式,在真正发送请求之前,会先进行一次预请求,就是我们刚刚说到的参数为OPTIONS的第一次请求,他的作用是用于试探性的服务器响应是否正确,即是否能接受真正的请求,如果在options请求之后获取到的响应是拒绝性质的,例如500等http状态,那
2020-05-07 19:42:21
18705
2
原创 谁说程序员不可以浪漫了,钢铁程序员也可以写情话
谁说程序员不可以浪漫了？！我收集了各种各样的情话，以及特别篇（如吵架、女生来大姨妈等正确处理方案）。以后尽量每月一更，做个文艺情怀程序员，哈哈哈哈。情话并非自创，各处收集的，侵删第一回现在的我就像一只谨慎的兔子壮着胆子喜欢你你只是一个不耐烦的表情我就红着眼睛想逃回森林第二回有一种鲸鱼，发出的声音与其他的鲸鱼都不一样频率为52赫兹，因此永远得不到回应被称为世界上最孤独的鲸鱼...
2020-04-28 19:11:44
18601
原创 Vue Object.freeze 性能优化
Object.freeze优化长列表Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。对于data()或vuex中冻结的对象，vue不会做getter和setter的转换。因此对于一个不变的、大数据量的数组或Object数...
2020-04-21 19:32:27
19909
原创 vue 页面强制刷新
在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值解决：1.this.$set(object,name,value)set(object , name , value)set(object,name,value)2.this.$forceUpdate()forceUpdate()forceUpdate()注：forceUpd...
2020-04-16 15:08:04
20569
原创 pId的数据结构转children 数据结构(JS)
在工作的时候需要将带有pid的数据转换成list级联结构，，一直都没有找到太好的工具函数。偶然间看到了这个函数，研究了下，感觉这个函数很强大，所以记录下来,作为备用，同时也贴出来，供大家使用;transData (a, idStr, pidStr, childStr) { const r = [] const hash = {} const id = idSt...
2020-04-15 19:31:51
19538
原创 vue cdn 引入第三方依赖
通过执行npm run preview – --report来分析webpack打包之后的结果，观察各个静态资源的大小。可以发现占用空间最多的是第三方依赖。如vue、element-ui、 ECharts等。你可以使用 CDN 外链的方式引入这些第三方库，这样能大大增加构建的速度(通过 CDN 引入的资源不会经 webpack 打包)。如果你的项目没有自己的CDN服务的话，使用一些第三方的CDN...
2020-04-11 14:58:16
22631
原创 html a标签属性 rel=‘nofollow‘
什么是nofollow?对于网站SEO优化的人来说，rel=”nofollow”大家都不太陌生，特别是很多站长在和其他网站进行友情链接的交换的时候，其中重要的一项指标就是友情链接不能带有nofollow。不过仍然有一些新手站长对此并不太了解，下面就让我们一起来看看什么是nofollow，以及使用nofollow有哪些好处。*nofollow是一个HTML标签的属性值，随着搜索引擎优化(S...
2020-03-26 15:24:05
21347
原创 网站最下方必须显示您的备案号，并能链接到工信部网站，怎么操作？
从2019年4月开始，工信部已经更换了域名，原来的域名“miitbeian.gov.cn”、“miibeian.gov.cn”已经停止使用。目前已经无法访问了。如果网站使用错误的地址，就都会多出一个死链，严重的会影响网站优化排名。正确的方式应该是把下面的代码放置到网站底部：<a rel="nofollow" href="http://www.beian.miit.gov.cn" tar...
2020-03-26 15:14:47
31964
原创 WebStorm 2019.2.2 installation tutorial
WebStorm 2019.2.2 installation, I believe all friends who use this software know that this software itself is a paid software, but everyone can use it for free for 30 days, the installation tutorial i...
2020-01-20 16:34:44
51689
原创 node.js 实现 token 身份验证
node + jwt 实现token身份验证安装依赖 express-jwtnpm i express-jwt将token校验相关数据导入配置文件// setting.jsmodule.exports = { token: { // token密钥 signKey: 'blog_globM_token_key_$$$$', //...
2020-01-20 14:29:48
53826
原创 node + vue + nginx 项目跨域处理
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源，当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域前端vue跨域处理：...
2020-01-20 13:48:57
51389
原创 node.js 刷csdn博客访问量
身为一名前端技术人员利用node刷一下博客的访问量应该不过分吧···导入npm包request以 npm 包的形式提供，是一个简单的 HTTP 客户端，通过它可方便地实现 HTTP 请求，可以用来请求网页；cherrio是用来分析dom结构的（Nodejs版本的jquery）；const request = require('request')const cheerio = requ...
2020-01-16 14:46:08
95465
12
原创 TypeError:req.body.hasOwnProperty is not a function
node api 请求时返回数据对象原型为空,所以就不存在 Object.prototype 上面的方法 hasOwnProperty()[Object: null prototype] { user_name: 'xxxxxx', password: 'xxxxxx', email: '151xxxxxxxx@163.com' }这时候可以通过使用 call / apply 强...
2019-12-26 18:08:39
98158
原创 vue 自定义注册全局notification消息通知组件
效果图目录结构Notice.vue<template> <transition name="notice-fade"> <div v-if="visible" :class="wrapClasses"> <span class="content"> <i v-if="type === 'succe...
2019-12-09 15:43:18
97326
原创 vue动态该变title
分类页面title固定值页面title动态获取，类似于博客文章标题固定title//rooter.js{ path: '/', name: 'xxx', component: () => import('./components/xxx.vue'), meta: { title: 'xxx' //设置标题 }},路由守卫中设置改变标题router.be...
2019-12-09 14:12:30
94781
原创 vue cli3配置image-webpack-loader
vue cli3配置image-webpack-loader对图片进行压缩优化安装npm install image-webpack-loader --save-dev配置vue.config.jschainWebpack: config => { config.plugins.delete('prefetch') config.plugin('provide')....
2019-12-04 12:08:04
101247
原创 基于vuedraggable实现拖拽功能
安装npm i -S vuedraggable页面引用import draggable from 'vuedraggable'简易使用template<draggable v-model="fileList" @update="fileDragEnd" v-bind="dragOptions"> <transition-group tag="ul" clas...
2019-12-03 19:08:52
97064
2
原创 vue cli3 兼容ie8以上浏览器
1当我们使用 vue-cli3 搭建的脚手架开发项目时，一般浏览器都可以支持，唯独ie浏览器，运行时页面一片空白首先，下载 babel-polyfill 模块npm install babel-polyfill -s2 配置 polyfill，在根目录下新增babel.config.js文件：module.exports = { presets: [ ['@vue/app',...
2019-11-28 17:49:42
102021
7
原创 go项目运行cannot find parkeg “golang.org/x/crypto/acme/autocert“ in any of:
cannot find parkeg "golang.org/x/crypto/acme/autocert" in any of:
2019-11-28 17:28:32
96488
2
原创 炫酷渐变色背景粒子线条折线连接canvas动画
效果图：1.新建canvas.js// 炫酷渐变色背景粒子线条折线连接canvas动画export const canvas = (val) => { var requestAnimationFrame = window.requestAnimationFrame || function (callback) { window.setTimeout(callback, ...
2019-11-28 17:09:39
96076
1
原创 el-dialog 拖拽及居中效果
el-dialog拖拽及改变大小1.新建directive.jsimport Vue from 'vue';// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el) { //备注：可以改变类名使其它元素也实现拖拽效果 //鼠标点击拖拽区域 const dialogHeaderEl = ...
2019-11-28 16:39:04
97094
5
原创 a 标签的应用
a 标签在点击之后会聚焦自动出现虚线框？解决方法：1.css 处理方式a{ outline:none;}2.添加监听事件，自动失去焦点（不推荐）<a href="#" onfocus="this.blur();"></a>3.行内处理样式<a hidefocus="true" href="#"></a>...
2019-11-22 14:06:16
95008
原创 vue.获得同胞元素，子元素，父元素
vue.获得同胞元素，子元素，父元素$parent 该组件实例的父级组件实例$children 该组件实例的子组件实例
2019-11-22 10:58:27
100100
3
原创 常用js数据加密
常用js数据加密原生js已经支持base64加密及解密//加密window.btoa(this.shop)//解密window.atob(this.shop)
2019-11-21 11:20:27
95424
原创 vue 数据改变，页面不刷新?父子组件值不能实时同步？vuex数据监听
this.$set(this.form,'img',res.data.file_name);
2019-11-21 09:56:42
97914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人