- 博客(138)
- 收藏
- 关注
RSS订阅原创 微软Edge浏览器全解析
微软Edge浏览器最初于2015年作为Windows 10的默认浏览器发布，取代了长期使用的Internet Explorer。然而，在2019年，微软宣布Edge将转向基于开源的Chromium引擎，这一决策显著增强了浏览器的兼容性和性能。
2024-07-22 11:02:29
230
原创 为什么vim是程序员最喜欢的文本编辑器之一？
Vim拥有丰富的插件生态系统，这些插件覆盖了代码补全、语法高亮、项目管理、版本控制等多种功能。：Vim通过一系列的快捷键和命令，允许用户在不离开键盘的情况下，快速完成文本的编辑、查找、替换、复制、粘贴等操作。用户可以在网上找到大量的Vim教程、插件、配置示例等资源，这些资源为Vim的学习和使用提供了极大的便利。综上所述，Vim以其高效性、可定制性、轻量级、插件系统、强大的文本处理能力、广泛的社区支持和跨平台性等特点，赢得了众多程序员的喜爱和推崇。）来调整Vim的行为，包括快捷键、插件、主题等。
2024-07-22 10:42:02
98
原创 WebKit简介及工作流程
组成：WebKit主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。特点高性能：WebKit通过优化算法和数据结构，实现了快速的页面渲染和流畅的用户体验。兼容性：WebKit支持HTML5、CSS3等现代Web标准，能够渲染复杂的网页布局和效果，同时积极引入新的Web技术以提升用户体验和兼容性。开源性：WebKit是一个开源项目，任何人都可以获取其源代码并进行修改或贡献。
2024-07-20 18:35:10
649
原创 yarn的安装与配置（秒懂yarn用法）
访问 https://yarnpkg.com/en/docs/install#windows-stable。Yarn是一个快速、可靠的依赖管理工具，被Facebook和Google等公司广泛使用。使用Yarn的基本命令就是上面这些，通过这些命令，你可以快速管理项目的依赖。下载 .msi 文件并双击运行。
2024-07-20 17:16:54
114
原创 postman接口测试详情
之前还没实际做过接口测试的时候呢，对接口测试这个概念比较渺茫，只能靠百度，查看各种接口实例，然后在工作中也没用上，现在呢是各种各样的接口都丢过来，总算是有了个实际的认识。因为只是接口的功能测试，所以目前是用postman做测试，比较简便，当然这只是接口测试的入门而已，了解的只是冰山一角，后续会努力往接口压力、接口性能、接口自动化方向靠拢。
2024-07-20 17:08:46
560
原创 后端返回parentId，前端处理成children嵌套数据
把有parentId和id结构的数据处理成children嵌套数据，字段名称不一致，可以设置。rouyi 的 vuetree函数结合elementui el-table组件使用。
2023-09-08 13:14:02
840
原创 通过计算确定添加全星半星和无星vue
const LENGTH = 5;const CLS_ON = 'on';const CLS_HALF = 'half';const CLS_OFF = 'off';itemClasses() {let result = [];let score = Math.floor(this.score*2)/2;let hasDecimal = score%1 !== 0;let integer = Math.floor...
2020-10-09 11:29:18
183
原创 axios 拦截器 （axios二次封装）
拦截器在请求或响应被then或catch处理前拦截它们。import axios from 'axios'const myrequest = axios.create({ //实例化axios baseURL: 'https://api.example.com' timeout = 2500;// 现在，在超时前，所有请求都会等待 2.5 秒 headers:{}//可设置请求头})// 添加请求拦截器myrequest .interceptors.req...
2020-09-14 22:59:31
522
原创 const {a} = b 是啥意思？ es6解构赋值
const {a} = b 相当于： const a = b.a栗子1：const { a , b } = c 相当于： const a = c.aconst b = c.b
2020-03-20 16:19:34
3508
转载 解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
今天在写一个后台界面的时候，出现了这个报错，Navigating to current location ("/userslist") is not allowed问题。” 不允许导航到当前位置（“/userslist”）“在网上查了下，发现问题，大致如下：原因：当前访问的路由是相同的。解决办法：需要重写路由的push方法在【router/index.js路由页面】im...
2020-03-19 09:55:36
1715
原创 Vue main.js 文件中全局组件注册部分
在 \src\components\index.js 文件中export组件import HeaderList from './HeaderList'import HeaderMenu from './HeaderMenu'import HeaderPatient from './HeaderPatient'import ExitUser from './ExitUser'impor...
2020-03-19 09:35:42
2038
转载 time-formater 时间格式化插件
time-formater不是 time-format[t]erEnglish在javascript中显示日期。使用方法npmi-Stime-formaterconsttime=require('time-formater')letrawDate=time().format('YYYY-MM-DDHH:mm:ss')...
2020-03-16 11:06:37
942
原创 JS 异步编程与Promise async await语法糖
promise这里新构建了一个函数readSync包装了一下,让它返回一个Promise.//json数据{ "compilerOptions": { "module": "commonjs", "target": "es5", "sourceMap": true }, "exclude": [ "node_modules" ]}f...
2020-03-13 10:39:49
1439
转载 Vue中this.$router.push（参数） 实现页面跳转
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用this.$router.push(location)来修改 url，完成跳转。push 后面可以是对象，也可以是字符串：// 字符串this.$router.push('/home/first')// 对象this.$router.push({ path: '/home/first' })// 命名的...
2020-03-12 16:56:45
5156
3
原创 $route.meta 路由meta 使用
一：router/index.jsconst routes = [ { path: '/', component: login }, { path: '/manage', component: manage, name: '', children: [{ path: '/adminSet', component: adminSet, me...
2020-03-12 16:16:52
14622
原创 this.$route.path
//获取当前路由地址//http://localhost:8002/#/addGoods => addGoodsthis.$route.path.replace('/','')
2020-03-12 15:14:00
11907
原创 Vue的slot-scope的场景
Vue的插槽slot，分为3种匿名插槽 具名插槽 作用域插槽作用域插槽的慨念，文档却只有一句描述有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽。下面是2个父子的vue组件，先解释一下2个组件做了什么事情父组件仅仅是调用了子组件 子组件内部实现了一个todolist列表我建议从数据流动的角度，理解插槽作用域的使用方式，1.父组件传递了todos数组给子...
2020-03-12 13:46:09
243
转载 Vue.extend() 动态创建实例（全局一个对话框或者弹出一条信息）
应用场景：显示一个对话框或者弹出一条信息下面我用一个全局提示组件为例，类似element-ui的message组件为大家演示一遍如何封装一个包含操作dom的的全局组件的，步骤主要有3步：1, 在componenets/Message 目录下新建一个Message.vue组件<template><transition name="fade"> <...
2020-03-12 09:49:26
1265
原创 vue-lazyload 图片懒加载插件使用
一：安装cnpm install vue-lazyload -D二：main.js入口 引用import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { //参数设置 preLoad: 1.3, error: require('@/assets/error.jpg'), loading: require...
2020-03-06 17:05:50
173
原创 vuex的使用实例
一：store数据仓库位置：二：store/user.js代码：（仅关于用户注册的数据）import Vue from 'vue'export const USER_SIGNIN = 'USER_SIGNIN' //登录成功export const USER_SIGNOUT = 'USER_SIGNOUT' //退出登录export default { stat...
2020-03-06 10:39:47
403
转载 vue router.beforeEach跳转路由验证用户登录状态
使用vue判断验证用户登录状态1 导航钩子类似于生命周期钩子，包含路由进入前，进入后，更新时，退出前等几个周期，主要用于控制导航的前进后退或跳转等。2 其中router.beforeEach就是路由进入前的周期，同时有路由的来源和去向两个参数，可以判断和控制当前路由的走向和重定向。3 一般router.beforeEach配合vuex全局状态储存使用，验证用户登录状态。也可以结合sessi...
2020-03-03 17:54:29
1151
原创 数字输入框组件
<div id="app"> <input-number v-model="value" :max="100" :min="0"></input-number></div>function isValueNumber(value) { return (/(^-?[0-9]+\.{1}\d+$)|(^-?[1-9][0-...
2020-02-26 15:16:49
472
原创 开发一个 实时时间转换指令 v-time
<div id="app" v-cloak> <div v-time="timeNow"></div> <div v-time="timeBefore"></div></div> var Time = { //获取当前时间戳 getUnix:function(){ ...
2020-02-26 10:04:27
407
转载 可从外部关闭的下拉菜单
<div id="app1" v-cloak> <div class="main" v-clickoutside="handleClose"> <button @click="show =!show">点击显示下拉菜单</button> <div class="dropdown" v-show="show"> &l...
2020-02-25 14:34:11
258
原创 变量提升与函数提升
函数提升优先于变量提升 且不会被变量所覆盖 但是会被变量赋值覆盖var b function b(){console.log("我是一个函数")} console.log(typeof b) //function console.log(b()) //“我是一个函数” ‘undefined’ console.log("----------------") b = 4 c...
2019-09-29 10:28:30
95
转载 第8章 BOM——history对象
history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。go()方法// 后退一页history.go( -1 )// 前进一页history.go( 1 )// 前进两页history.go( 2 )//跳转到最近的wrox.com页面history.go( " wrox.com ")// 跳转到最近的nvzonline.net页面his...
2019-07-03 16:56:43
109
转载 第8章 BOM——screen对象
javascript中有几个对象在编程中用处不大，而screen对象就是其中之一。screen对象基本上只用来表面客户端的能力。
2019-07-03 16:43:56
113
转载 第8章 BOM——navigator对象
navigator对象，识别客户端浏览器的事实标准。appCodeName 返回浏览器的代码名。 appMinorVersion 返回浏览器的次级版本。 appName 返回浏览器的名称。 appVersion 返回浏览器的平台和版本信息。 browserLanguage 返回当前浏览器的语言。 cookieEnabled 返回指明浏览器...
2019-07-03 16:26:29
159
转载 第8章 BOM——location对象
location是最有用的BOM对象之一。window.location和document.location引用的是同一个对象。8.2 location对象的所有属性：(省略了每个属性前的location前缀)hash "#contents" 返回url中hash（#号后跟零或多个字符）host ...
2019-07-03 14:59:12
139
转载 d3.js
D3.js入门教程_D3.js开发中文手册-极客学院Wiki：http://wiki.jikexueyuan.com/project/d3wiki/Learning D3.JS - 十二月咖啡馆：http://d3.decembercafe.org/D3.js API 中文手册：https://wizardforcel.gitbooks.i...
2019-07-02 14:28:15
834
转载 第8章 BOM——window对象
8.1window对象BOM的核心对象是window，它表示浏览器的一个实例。既是javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其Global对象，因此有权访问parseInt（）等方法。8.1.1全局作用域由于window对象同时扮演者ECMAScript中Global...
2019-06-13 11:25:00
144
转载 bootstrapTable自定义列本地存储
https://blog.csdn.net/CityHunter_Y/article/details/88995755需求分析近来有这么一个需求，bootstrapTable中可以手动选择显示和隐藏列，当用户选择了哪些列显示哪些列隐藏，用户下次再进入此表格时，能够记录上一次用户的选择，除非清除浏览器的缓存才会重置用户的选择。思路整理使用浏览器的本地缓存，把用户隐藏的列存入本地缓存中...
2019-06-06 15:03:33
1834
转载 第7章 函数表达式
定义函数的两种方式：函数声明、函数表达式函数声明：function name(arg1,arg2){ // “function”是关键字 “name” 是函数名字 // 函数体 } 函数声明的一个重要特征是 函数声明提升 意思是在读取代码...
2019-06-04 12:34:26
173
转载 bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
https://www.cnblogs.com/floud/archive/2017/12/28/8135605.htmlbootstrap-table.js扩展分页工具栏，增加跳转到xx页新项目，准备引用bootstrap-table这个控件来展示页面上的表格，无奈这款控件的分页工具栏没有跳转到xx页的功能，为了适应公司美工（只会出图的美工，却跟我要求这要求那）的蛋疼需求，硬着头皮...
2019-05-31 16:58:19
1159
转载 input 只能输入数字
$("#pageNum").keyup(function () { $(this).val($(this).val().replace(/[^0-9.]/g, ''));}).bind("paste", function () { //CTR+V事件处理 $(this).val($(this).val().replace(/[^0-9.]/g, ''));}).css("i...
2019-05-31 16:30:19
131
转载 6.3继承
继承是oo语言中一个概念。许多oo语言都支持两种继承方式：接口继承和实现继承。ECMAScript只支持实现继承，而且其实现继承主要依靠原型链来实现的。6.3.1原型链原型链是实现继承的主要方法。基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象...
2019-05-23 15:13:57
122
转载 6.2创建对象
6.2.1工厂模式：function creatPerson(name,age,job){ var o = new Object() o.name = name; o.age = age; o.job = job; o.sayName = function(){ console.log(this.name) }; retu...
2019-05-14 13:55:33
138
转载 5.7单体内置对象—Global 、Math
Global对象解释：“兜底对象”。不属于任何其他对象的属性和方法，最终都是它的属性和方法。事实上没有全局变量和全局函数，都是global对象的属性。包括 isNaN()、isFinite()、parseInt()、parseFloat(),还有方法1.URI编码方法encodeURI()encodeURIComponent()使用encodeURIComponent()方法比...
2019-05-13 11:44:15
214
转载 5.6.3基本包装类型—String类型
1.字符方法charAt() : 返回单字符charCodeAt() : 返回字符编码var s = "hello world";alert(s.charAt(1)) // "e"alert(s.charCodeAt(1)) // "101"2.字符串方法concat() : 将一个或多个字符串拼接起来，在实践中更多用“+”号操作符更简便。sli...
2019-05-10 11:16:51
140
微信小程序实现MQTT客户端通信
2024-07-22
Fuse-Tech,若依vue后台管理项目
2024-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人