- 博客(48)
- 收藏
- 关注
RSS订阅
原创 2021前端面试题和笔试题——Vue
对 MVVM 的理解MVVM分为Model、View、ViewModel三者。Model：代表数据模型View：代表视图ViewModel：连接视图和模型，实现数据的双向绑定Vue 实现数据双向绑定的原理采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发...
2020-06-02 17:59:32
13455
8
原创 LeetCode——两数之和
给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1]。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。调用：console.log(twoSum([2,7,11,15],3))输入：nums = [2,7,11,15], target = 9。你可以按任意顺序返回答案。
2022-09-21 22:55:43
277
1
原创 get请求参数字符串转json
var json = {}; var url = 'https://www.baidu.com/index.html?a=12&b=asdf&c=&d'; url = url.replace(/.*\?/,''); var arr = url.split('&'); var temp; for (var i = 0;i < arr.length;i++) { temp = arr[i].split('='); json[temp[0.
2021-06-09 17:00:50
1614
原创 uni-app 触底加载和下拉刷新
//获取热门商品列表数据async getGoodsList(callBack){ const res = await this.$myRequest({ url:'/public/v1/goods/search', data:{ pagenum: this.pagenum,//当前页数 pagesize: this.pagesize//每页显示条数 } }) this.total = res.data.message.total//总条数 this.goods = [..
2021-06-04 10:21:30
1338
1
原创 vue监听对象中的某个属性
需求：监听 addForm 对象中 protocolBm 的变化addForm: { name:'', url:'', protocolBm:''//协议},方案一：（直接监听，推荐）watch:{ 'addForm.protocolBm':{ handler: function(val, oldVal) { //动作 }, },}方案二：（巧用计算属性）computed: { getProt
2021-04-27 11:13:16
364
原创 el-table 使用过滤器
如图，后端传来的数据是0，1 我们需要把数组展示为 ‘是’,‘否’关键代码（html）：<el-table-column prop="sf" label="是否参数代理" align="center"> <template slot-scope="scope">{{ scope.row.sf | csdlFilter }}</template></el-table-column>（js）:filters: { csdlFilte.
2021-04-27 10:53:23
1822
原创 VUE sessionStorage 存取对象
存对象var user = {name: '李白', age: '27'}sessionStorage.setItem("userInfo",JSON.stringify(user));取对象var data = JSON.parse(window.sessionStorage.getItem('userInfo'));console.log(data.name)//'李白'重点：json.stringfy()将对象、数组转换成字符串；json.parse()将字符串转成json对象。.
2021-04-13 17:51:06
1649
原创 js 保留两位小数
1.四舍五入let value = '3.148'let realVal = parseFloat(value).toFixed(2)2.不四舍五入let value = '3.148'let tempVal = parseFloat(value).toFixed(3)let realVal = tempVal.substring(0, tempVal.length - 1)
2021-03-15 13:50:48
141
原创 uni-app 小程序项目目录及文件作用介绍
pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径，窗口样式，原生的导航栏，底部的原生 tabbar 等manifest.json 文件是应用的配置文件，用于指定应用的名称，图标，权限等App.vue 是我们的根组件，所有页面都是在App.vue 下切换的，是页面入口文件，可以调用应用的生命周期函数main.js 是我们项目的入口文件，主要作用是初始化 vue 实例并使用需要的插件uni.scss 文件的用途是为了方便整体控制应用的风格，比如按钮的颜色，边框风格，该文
2021-01-13 09:26:10
3588
原创 js 中的循环（全）
1. for 循环let arr = [1,2,3];for (let i=0; i<arr.length; i++){ console.log(i,arr[i])}// 0 1// 1 2// 2 32.for in 循环let obj = {name:'zhou',age:'**'}for(let i in obj){ console.log(i,obj[i])}// name zhou// age **for in 循环主要用于遍历普通对象，i 代表对象的 ke
2020-12-09 14:53:17
7658
原创 vue禁止浏览器页面复制/选中
在main.js 中加上如下代码//页面禁止复制document.onselectstart = function () { return false; }
2020-11-23 12:49:37
2075
原创 vue禁止浏览器后退
第一步，在main.js中加上如下代码//禁止后退功能window.history.pushState(null, null, window.location.href);window.addEventListener('popstate', function () { window.history.forward(-1); window.history.pushState(null, null, window.location.href);});第二步，在App.vue中加上如下代码
2020-11-23 12:45:59
709
原创 vue 父组件调用子组件的方法
方案一：通过ref直接调用子组件的方法；父组件⬇<Row> <application ref="appli"></application></Row><Row> <Button @click="commit_btn"> 点击调用子组件方法 </Button></Row>-------------------------------分割线---------------------------
2020-11-18 13:44:59
2375
原创 js严格的身份证正则校验
//校验身份证号checkIDCard(idcode){ // 加权因子 var weight_factor = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2]; // 校验码 var check_code = ['1', '0', 'X' , '9', '8', '7', '6', '5', '4', '3', '2']; var code = idcode + ""; var last = idcode[17];//最后一位
2020-11-09 11:11:32
1351
2
原创 Chrome教程（一）
1.如何打开无论是在Windows还是Mac，都可以使用（FN）+F12键打开Chrome的Network面板。2.面板组成如图所示，Chrome的Network面板主要由5个部分组成，包括控制器、过滤器、概览、请求列表、概要，下面简单介绍下这5个部分的作用。控制器：控制面板的外观与功能过滤器：过滤请求列表中显示的资源按住Command（Mac）或Ctrl（Window/Linux），然后点击过滤器可以同时选择多个过滤器。概览：显示HTTP请求、响应的时间轴。请求列表：默认时间排序，可选择显
2020-11-06 14:37:51
431
原创 iview table 序列，分页后从1开始的解决方案
columns: [ { title: '序号', width: 70, align: 'center', render: (h,params) => { return h('span',params.index + (this.currentPage-1)*thi
2020-10-23 11:23:58
281
原创 element-ui，vue实现分页后表格序列不重置
<el-table-column label="序列" width="70"> <template slot-scope="scope"> {{(currentPage-1)*pagesize+scope.$index+1}} </template></el-table-column>currentPage：当前页面pagesize：每页显示几条...
2020-09-08 18:51:27
568
原创 el-date-picker 日期选择器-样式大小设置
今天做一个需求，用户针对老年人（看不起字），所以控件要求大一点，el-date-picker 日期选择器，官方没有给的 api 中没有修改大小的字段，于是 自己研究了下，完美解决！！在全局CSS文件中放置如下代码.el-date-picker { width: 600px;}.el-date-picker .el-picker-panel__content { width: 600px;}.el-picker-panel__icon-btn { font-size: 18
2020-08-19 16:18:27
26366
7
原创 CSS-背景色渐变(不同浏览器)
方法一：div{ height: 200px; width: 400px; background: -webkit-linear-gradient(bottom,rgb(86, 25, 184),rgb(231, 164, 220),rgb(173, 174, 230));}-webkit-linear-gradient 的第一个参数表示渐变开始方向，top,tottom,left,right,依次表示上下左右，后面三个参数是渐变的颜色（当然也可以写两个颜色的渐变）效果图如
2020-08-12 16:53:38
323
原创 VUE 项目中实现 element-ui 组件按需引入
按需引入借助 babel-plugin-component ，引入我们需要的组件，减少项目体积 npm install babel-plugin-component -D修改 babel.config.js 的内容//babel.config.js 全文内容如下module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [ 'component',
2020-08-11 11:24:37
3280
原创 JS中的【变量交换】
let a = 1let b = 2;[a, b] = [b, a]console.log(a)console.log(b)注意：这个分号至关重要！！！！！如果不写 b 会报 “is not defined” 的错误
2020-08-10 13:14:29
130
原创 关于网络七层简单粗俗的理解
网络七层分为物理层数据链路层网络层传输层会话层表示层应用层物理层一个比特流传输通道，依赖物理(电气)，可简单粗暴理解为‘电缆’，这样我们就能在两台机器上建立通讯了数据链路层现在我们可以通过电线来传输数据了，但是我想通过无线电波的方式来实现数据的传输，而且还要保证传输过去的比特流是正确的，需要由纠正错误的功能。传输层现在我能发正确的比特流数据到另一台计算机了，但是当我发大量数据的时候，可能需要很长时间，例如：一个视频格式的，网络会中断好多次，实际上，即使有了物理层和数据链路层，网
2020-07-31 17:28:08
139
原创 关于 slot, slot-scope 和 v-slot
相同点：它们都是 VUE 提供的用来获取当前作用域内容的。不同点：在 2.6.0 中，vue 官方为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope。也就是说如果你 vue 的版本是2.6.0+ 的就要使用 v-slot下面我来介绍具体使用上的区别slot，slot-scope<template slot="order" slot-scope="scope"><!-- 这里也可以简写为 #order=
2020-07-22 00:23:31
565
原创 VSCode 快速创建和运行 flutter 项目和热更新
省略 下载，配置环境变量，设置代码提示 等步骤。。。第一步：在终端上切换到需要创建 Flutter 项目的文件夹第二步：创建 flutter 项目 -> 运行 【flutter create 项目名】 命令第三步：运行 flutter 项目 -> 运行 【flutter run】命令第四步：实现热更新 -> 不终止项目的情况下输入【r】补充： p 网格，o IOS风格...
2020-06-12 11:32:13
3198
原创 如何让await异步函数没有依赖，最好并发执行
下述代码会顺序执行let foo = await getFoo();let bar = await getBar();如果需要多个await没有相互依赖，最好让他们同时触发，可以使用以下两种方式:使用Promise.all() 包装一个新的Promise对象let [foo, bar] = await Promise.all([getFoo(), getBar()]);不等待分别执行，返回新的Promise对象//没用await 立即执行返回 Promise对象let fooPr
2020-06-04 11:41:40
605
原创 Eslint 导致项目一直报错的解决办法
在使用图形化 vue-cli 创建项目时，默认启用了 Eslint 规则，启动项目时报错。解决方法有多种，这里我列举两种。第一种：直接关闭 Eslint在 package.json 中添加如下代码 "vue":{ "lintOnSave": false }第二种：利用格式化代码，顺着 Eslint 规范来在项目根路径创建 .prettierrc 文件，文件内容 如下...
2020-05-03 00:46:02
3749
原创 Vue 中路由导航守卫的介绍及使用
路由导航守卫是为了路由跳转之前做的检查及操作比如：用户没有登录 而是直接通过修改浏览器 url 来访问网页，这种操作无疑是不安全的。路由导航守卫可以让我们对用户要跳转的路由做一次检查，符合条件后放行，不符合条件则强制用户跳转登录页面。代码如下：//在路由对象上 挂载路由导航守卫router.beforeEach((to,from,next) => { //to 将要访问的路径 ...
2020-05-03 00:08:38
3055
2
原创 Vue中 watch 和 computed 之间的对比
watch<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum...
2020-04-16 02:43:37
264
原创 npm,cnpm,nrm之间的关系
npm是包管理工具，一般来说我们去npm服务器上下载第三方包。当一个网站依赖的代码越来越多，程序员发现这是一件很麻烦的事情：去 jQuery 官网下载 jQuery去 BootStrap 官网下载 BootStrap去 Underscore 官网下载 Underscore……这时候npm出现了，我们需要第三方包的时候可以直接去 npm 上取。如果你了解后端的话，你会发现 npm 和...
2020-04-16 02:32:51
809
原创 JS中数组去重的两种方法
最简单的一种var arr = ['0','2','1','6','8','9','7','5','4','4','6','3','1'] function fun(array){ var n = []//临时数组 for(var i=0; i<array.length; i++){ if(n....
2020-04-12 22:56:56
374
原创 如何下载vue-resource.js
1.vue-resource是干嘛用的Vue 要实现异步加载需要使用到 vue-resource 库。Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。2.怎么下载浏览器打开https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js这个网址，然后Ctrl+s保存到本地就可以了，然后js中引入本地的...
2020-04-07 22:42:27
4215
3
原创 VUE笔记2——Vue实例的生命周期
1. Vue实例的生命周期组件创建期间的四个钩子函数：beforeCreatecreatedbeforeMountmounted<div id="app"> <h3 id="h3">{{msg}}</h3> </div>var vm = new Vue({ el:"#app", ...
2020-04-07 21:33:25
147
原创 VUE笔记1
vue笔记1.什么是vue.jsVue.js 是目前最火的一个前端框架，React 是最流行的一个前端框架。Vue.js 是前端的主流框架之一，和Angular.js，React.js 一起，并成为前端散淡主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合前端的主要工作？主要负责MVC中 V 这一层；主要工作就是和界面打交道，...
2020-04-07 17:40:43
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人