JS中遍历对象属性的几种方式 为了彻底搞定对象遍历的方法,我不得不翻出我的红宝书,找到“面向对象的程序设计—创建对象”的内容,仔细的研究了一下(起因来源于,突发奇想,想彻底搞懂原型链相关的知识,结果发现了对象属性遍历的几种方式,O哈哈~)我们先创建一个对象1. 这个方法接收一个对象作为参数,返回一个包含所有可枚举实例属性的字符串数组如果你想要得到所有实例属性,无论它是否可枚举,都可以使用 方法。用 循环时,返回的是所有能够通过对象访问的、可枚举的属性,其中既包括存在于实例中的属性,也包括存在于原型中的属性...
vue2项目搭建 软件安装说明:先安装node.js(node-v8.11.3-x64),再安装Git-2.18.0-64-bit,最后安装vscode。安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装…安装全局vu
尚硅谷webpack学习笔记 npm init全局安装webpack和局部安装这里注意webpack版本这些资源都需要下载webpack.config.jscss提取样式文件这里需要注意webpack的版本安装css兼容性处理安装兼容性处理:帮找到中里面的配置,通过配置加载指定的css兼容性样式css压缩安装使用js语法检查https://www.npmjs.com/package/eslint-config-airbnb-base忽略一些语法检查js兼容
element ui 限制时间范围 //限制结束日期不能大于开始日期pickerOptions0: {disabledDate: (time) => {if (this.ruleForm.endDate != “”) {return (time.getTime() < Date.now() - 24 * 60 * 60 * 1000 ||time.getTime() > this.ruleForm.endDate);} else {return time.getTime() < Date.now()
vue3 Vuex数据持久化存储 import { createStore, createLogger } from 'vuex'import { user } from './modules/user'import { system } from './modules/system'import createPersistedState from 'vuex-persistedstate';import ls from '@/utils/local-storage';const debug = process.env.NODE
安装craco报错 antd react 修改全局主题 antd react 修改全局主题安装craco报错npm i @craco\craco@7.0.0-alpha.3官网的命令是npm install @craco/craco,这样会导致craco版本不够新,也就是运行报错的关键,所以使用我这边的命令,安装最新版本的craco/* package.json */"scripts": {- "start": "react-scripts start",- "build": "react-scripts build",- "t
判断当前用户是否正在与页面交互 Page Visibility API不知道用户是不是正在与页面交互,这是困扰广大 Web 开发人员的一个主要问题。如果页面最小化了或者隐藏在了其他标签页后面,那么有些功能是可以停下来的,比如轮询服务器或者某些动画效果。Page Visibility API(页面可见性 API)就是为了让开发人员知道页面是否对用户可见而推出的。document.hidden:表示页面是否隐藏的布尔值。页面隐藏包括页面在后台标签页中或者浏览器最小化。document.visibilityState:表示下列 4
git学习(自用) gitee 简易的命令行入门教程:Git 全局设置:git config --global user.name "陌上烟雨寒"git config --global user.email "2763899039@qq.com"创建 git 仓库:mkdir test1cd test1git init touch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://git
react学习记录 react简介1、 react是什么用于构建用户界面的javascript库是一个将数据渲染为HTML视图的开源javascript库2、 谁开发的facebook jordon walke创建3、react的特点采用组件化的模式、声明式编码,提高开发效率及组件复用率在react native中可以使用react语法进行移动端来发使用虚拟dom+有效的Diffing算法,尽量减少与真实DOM的交互react入门reacr的基本使用相关js库react.js react核心库re
vue中printjs使用指南 使用攻略参考文档https://printjs.crabbly.com/分页使用css的 page-break-after:always 来控制在某个DIV之后新开一个页面<div style="page-break-after:always">我是封面</div><div style="page-break-after:always">我是目录,你不知道我的内容有多长</div><div>我是正文,我需要从一个新页面开始展示&l
node学习(自用) 2 fs文件系统模块const fs = require('fs')2.1 读取文件中的指定内容fs.readFile() 语法格式fs.readFile(path[,options],callback)path:路径options:编码格式callback:读完文件后拿到的结果const fs = require('fs')fs.readFile('./files/11.txt', 'utf8', function (err, dataStr) { if (err) {
tinymce如何设置不可编辑但可以打印 初始配置参考https://blog.csdn.net/weixin_47180815/article/details/121748486在init配置中添加keydown和keydown事件,给编辑器的内容重新赋值来达到无法输入的效果。这里的props.otherInfo入参可以拷贝一份v-modal的值(注意需要深拷贝)在打开编辑器的时候设置leafDetail.otherInfo = leafDetail.content;有其他比较好的方法可以在评论区讨论哦...
vue动态添加路由之避坑指南 你是否遇到了:addRouter后出现白屏路由守卫出现死循环踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式;为了设计权限,在前端我们通常采取两种方式1、在用户登录时获取该用户权限下的路由表,动态生成路由和菜单栏(后端给定路由)2、在用户登录时获取用户权限,根据权限筛选出需要的路由(前端通过权限筛选路由)本篇文章采用方式一关键点:使用route中addRouter方法动态添加路由将路由分为(1)动态路由 myRouterObj (可从后端获取)(2) 静态路由 st
谷歌浏览器检查元素时,开发者工具打开的很慢 不知道怎么突然又一天,按完F12后就开始慢的怀疑人生。我以为是系统卡顿,我就忍了。终于在经历这样的折磨数天之后我有点忍不了了。百度了一下发现是没有选对语言。我们把英文UK换成英文US就行。然后你就会发现,F12后开发者模式的窗口会秒开了,经历了那么多的折磨,简直酸爽到不行。...
解决Antd Table组件表头不对齐的问题 最后一列不设置宽度。因为antd会自己给最后一列分配宽度;设置合适的宽度。推荐用百分比设置宽度。scroll属性中的x选择一个合适的值(或者直接设为 max-content)scroll={undefined{ x: 'max-content', y: tableHeight() }}4.给Table组件设置这个中英文都换行的样式style={{ wordBreak: 'break-all' }}<Table bordered loadi..
解决a-table打印时单元格中的内容不换行的问题 解决a-table打印时单元格中的内容不换行的问题绞尽脑汁,尝试了多种方法后终于发现了怎样解决.table .ant-table-tbody > tr > td { padding: 2px !important; white-space: pre-wrap; }最重要的是white-space: pre-wrap;white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wr
vue中使用iconfont 下载到本地在assets中新建文件夹iconfont把这些文件放进去在main.ts中引入// iconfont 图标库import './assets/iconfont/iconfont.js'import './assets/iconfont/iconfont.css'demo_index.html中有使用方法可以参考例如<span class="iconfont icon-level1"></span>...
如何不让input输入框显示或禁止历史记录 html的input框获取光标后,会提示原来输入过的内容,还会出现下拉的历史记录,有时候项目中完全不需要这个,大家基本禁止这种情况,基本都是在input中加入:autocomplete=“off”<input type="text" autocomplete="off" />...