- 博客(40)
- 收藏
- 关注
RSS订阅原创 Vue3.0
https://blog.csdn.net/weixin_40906515/article/details/105679019Vue3.0六大亮点性能比Vue2.x快1.2~2倍；按需编译，体积比Vue2.x更小；组合API（类似React hook)；更好的Ts支持；暴露了自定义渲染API；更先进的组件；一、Vue3.0是如何变快的？要点1： diff方法优化Vue2中的虚拟DOM是进行全量对比Vue3新增了静态标记（PatchFlag），在创建虚拟DOM的时候，根据DOM中的
2021-06-05 16:33:24
204
原创 在Vue中使用echarts，报错问题
在Vue中使用echarts，报错[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'init' of undefined
2021-05-26 11:18:19
1078
原创 vue报错：无法加载文件 C:\Program Files\nodejs\vue.ps1，因为在此系统中禁止执行脚本。
1、在cmd中安装了vue之后，在vscode终端中查看vue版本报错，如下2、在终端输入get-ExecutionPolicy ，发现power shell执行策略ExecutionPolicy为禁止状态Restricted，Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。3、解决办法：在vscode终端中输入如下命令set-executionpolicy remotesigned再次执行命令就不会报错了...
2021-04-07 17:00:32
1226
原创 JavaScript数组方法reduce基本用法和数组去重
reduce定义和用法array.reduce(function(total, currentValue, currentIndex, arr), initialValue)reduce接收一个函数作为累加器，必须接收两个参数，把结果和数组的下一个元素做累积计算
2021-03-13 15:46:34
436
原创 leetcode - 3. 无重复字符的最长子串JavaScript
给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例 :输入: s = “abcabcbb”输出: 3解释: 因为无重复字符的最长子串是 “abc”，所以其长度为 3。方法：维护数组思路：遍历字符串，如果字符不在数组中，就将当前字符push到数组，计算max的最大值；反之，删除数组中重复元素之前的所有元素（包括重复元素），并将字符串中当前字符push到数组中，重新计算max最大值，直至遍历完成。/** * @param {string} s * @return {num
2021-02-04 17:04:33
67
原创 前端AES加密
AES加密AES是一种最常见的对称（加密和解密用相同的密钥）加密算法。1、安装模块npm install crypto-js2、crypto.jsimport CryptoJS from "crypto-js";const key = CryptoJS.enc.Utf8.parse("1234567890abc765"); //16位const iv = CryptoJS.enc.Utf8.parse("1234567890000000");// AES加密export funct
2021-02-04 10:27:10
5203
原创 leetcode - 1. 两数之和
给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。你可以按任意顺序返回答案。示例：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。1、暴力枚举思想：遍历所有数字组合，然后算其和var twoSum = function(num
2021-02-02 16:15:39
78
原创 ant design vue a-input输入框禁止粘贴复制
//禁止粘贴<a-input @paste.native.capture.prevent="handleOperate"></a-input>//禁止复制<a-input @copy.native.capture.prevent="handleOperate"></a-input>//自己定义的方法名handleOperate() { return false;}
2020-12-24 09:57:00
2081
原创 ant-design-vue form表单实现动态增减表单项
在项目中遇到了需要对表单的最后两项进行动态增减 ，我这里实现以后做个记录。<a-form-model ref="ruleForm" :model="form" :rules="rules"> //不需要增减的表单项 //设置display:flex属性 可让表单显示在一行 <div style="display:flex"> // prop 表单域的model字段 <a-form-model-item label=
2020-12-10 11:09:15
3831
转载 vue项目报错 ：NotFoundError: Failed to execute ‘insertbefore‘ on ‘node‘
在vue项目开发过程中，遇到了如下警告，导致页面无法点击NotFoundError: Failed to execute ‘insertBefore’ on ‘Node’: The node before : The node before which the new node is to be inserted is not a child of this node."参考 此博客解决了问题，记录一下...
2020-11-24 15:58:14
3095
原创 深入浅出HTTPS —— 理解HTTP
HTTP提供了一组规则和标准，从而让信息能够在互联网上进行传播，也正是HTTP，互联网上的设备才能够互相通信，并明白对方的含义。HTTP目前的版本是HTTP/1.1，下一代的HTTP标准是HTTP/2.0。
2019-11-13 20:39:21
426
原创 《深入浅出HTTPS》——什么是Web
Web确切地说是一种信息索取方式，是互联网的某个子应用。Web最核心的组成部分是HTTP，HTTP由服务器和客户端组成，有了HTTP，互联网上的不同终端才能交换信息。
2019-11-13 16:29:28
232
原创 eclipse运行Android程序出现错误：Still no compatible AVDs with target 'Android 4.3': Aborting launch.
出错的原因是没有创建android模拟器AVD即Android Virtual Device，它是Android平台的一个虚拟设备。在开始编译Android程序时必须要有一个匹配的虚拟设备，以便呈现出Android的运行界面。如何创建一个android模拟器？1、首先打开命令行工具cmd, 进入Android SDK的Tools目录。输入下面的命令：android list输出结果会显...
2019-10-25 17:38:21
3598
原创 常见HTTP状态码
当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。
2019-09-08 10:05:32
125
原创 JavaScript 执行机制
同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。
2019-08-31 21:08:23
80
原创 JavaScript中的this指向，ES6箭头函数this指向
this指的是函数**运行时**所在的环境。this关键字只与函数的执行环境有关，而与声明环境没有关系。也就是这个this到底代表的是什么对象要等到函数运行时才知道。
2019-08-20 21:10:56
139
转载 JavaScript 的 this 原理
本文转自阮一峰的网络日志一、问题的由来学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二foo()上面代码中，虽然obj.foo和foo指向同一个函数，但是执行结果可能不一样。请看下面的例子...
2019-08-19 21:52:03
82
原创 JavaScript基本数据类型和引用数据类型的区别？
js数据类型有哪些？基本数据类型：Number、String、Undefined、Null、Boolean、Symbol ( es6 ）引用数据类型：Object（Array、Function、Date、Json）基本数据类型和引用数据类型的区别？首先来看这样一段代码 var a = { data: { name: 1 } }; var b = {}; ...
2019-08-19 20:57:42
163
原创 Vue element-ui之Button 按钮
使用type属性来定义 Button 的样式。如上图第一行：使用plain属性来定义 Button 的样式。如上图第二行：使用round属性来定义 Button 的样式。如上图第三行：使用circle属性来定义 Button 的样式。如上图第四行：Attributes...
2019-08-14 21:27:43
1882
原创 前端面试题之优雅降级和渐进增强
渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后再针对低版本浏览器进行兼容。
2019-08-05 21:53:15
219
原创 解决git push报错 fatal: HttpRequestException encountered.
今天提交本地代码到github上时，出现这样的错误fatal: HttpRequestException encountered.在网上查了下原因：出现该提示信息的主要原因是Github禁用了TLS v1.0 and v1.1这种弱加密标准，此时需要手动更新Windows的git凭证管理器，更新方式很简单，在网站下载Git在Window上的凭证管理器并默认安装即可https://github...
2019-08-05 16:07:03
639
原创 HTML5的文件离线储存怎么使用，工作原理是什么？
HTML5离线存储存储功能非常强大，它的作用是：在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，自动更新缓存数据。
2019-07-30 22:06:16
1943
原创 node.js运行npm run dev报错：Cannot find module 'parse-json'
安装npm install parse-json完美解决
2019-07-25 11:19:40
1003
2
原创 node.js—安装bcrypt出现错误的解决办法
今天写项目注册模块时候，要安装bcrypt对密码进行加密并且保存到数据库中，但是一直报错安装不成功，试了网上一堆方法也无济于事然后看到了这个bcryptjsbcryptjs是一个第三方密码加密库，是对原有bcrypt的优化，优点是不需要安装任何依赖安装npm install bcryptjs引入bcryptjs库var bcrypt = require('bcryptjs');异...
2019-07-23 17:45:52
2892
6
原创 解决mongodb ：failed to connect to server [127.0.0.1:27017] on first connect
**failed to connect to server [127.0.0.1:27017] on first connect**错误原因及解决办法：1、没有安装mongodb安装mongodb 安装地址2、没有启动 mongodb 服务器打开命令，执行命令mongod，注意：执行完后不要关闭命令行窗口...
2019-07-21 21:20:44
4973
原创 解决端口号被占用的方法：listen EADDRINUSE: address already in use :::5000
错误 ：listen EADDRINUSE: address already in use :::5000在命令行输入命令netstat -ano|findstr "5000" ，查看5000端口是否被占用及占用此端口的PID，从下图中可以看到占用端口的进程ID(PID)为14344执行命令tasklist|findstr "14344"，查看此PID对应的进程名如下图所示，可以看到1434...
2019-07-21 21:12:17
7310
2
原创 ajax实现瀑布流（如花瓣网的效果）
一、什么是瀑布流？瀑布流,是一种比较流行的网站页面布局方式，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。这种布局方式常见于一些图片为主的网站，就比如说一些常见的网站(如花瓣网)二、为什么要用瀑布流？1、用户体验好当用户在浏览网页的时候，用户会产生一种错觉，就是信息是不停的在更新的，这会激发用户的好奇心，使用户不停的往下滑动，带来良好的视...
2019-07-05 17:41:22
575
原创 利用ajax做一个每隔1秒重新读取数据的新闻页
效果图代码<body> <ul></ul> <script> function ajax(url,successFn){ var xhr = new XMLHttpRequest(); xhr.open('get',url,true); xhr.send(); ...
2019-07-02 20:50:22
189
原创 利用ajax做一个分页效果
效果图//css body{ margin: 0; } .wrap{ width: 830px; height: 250px; border: 1px solid black; margin: 0 auto; position: relative; } ul{ ...
2019-07-02 20:37:58
145
原创 webpack的安装及打包的常见问题
安装webpack真的废了好大的功夫，终于给它安装好了，被自己感动（蠢）哭了，接下来说一说我遇到了哪些问题。1、确保安装好node.js，node.js自带npm，所以node.js安装完成后，不需要再安装npm输入命令【node -v】 和 【npm -v】查看版本号，下图情况表示安装成功2、创建配置文件【package.json】输入命令【npm init】...
2019-05-07 20:59:23
462
原创 使div水平垂直居中的几种方案 CSS与HTML
在前端开发中我们经常需要使div水平垂直，如何利用css与html代码让div水平垂直居中呢？初始代码如下：<style> .fbox{ width:300px; height:300px; background-color: red; } .son{ width:100px; ...
2019-05-07 20:57:36
184
原创 KFC点餐系统
一：要求同学们应该都去麦当劳或肯德基吃过快餐吧？请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统，合理使用C++/python/Java,结合设计模式（2种以上）至少实现系统的以下功能：1.正常餐品结算和找零。2.基本套餐结算和找零。3.使用优惠劵购买餐品结算和找零。4.可在一定时间段参与店内活动（自行设计或参考官网信息）。5.模拟打印小票的功能（写到文件中）。基本要求：程序...
2018-10-27 20:21:45
723
原创 RPG角色生成器
一、要求：1.功能描述:几乎所有的RPG游戏（一种源自《龙与地下城》的游戏类型）在进入游戏时都会让用户自己来创建自己喜欢的角色。本次上机要求编写一个简化的创建游戏角色的程序。2.游戏角色应有的属性:本题目要求的游戏角色应有以下属性：名字、性别、种族、职业、力量、敏捷、体力、智力、智慧、生命值和魔法值。名字：不超过50个字符。性别：可以选择男性和女性。种族：一共可选五个种族，人类、精灵...
2018-10-07 20:14:59
176
原创 24点游戏是经典的纸牌益智游戏（c语言）
一、常见游戏规则：从扑克中每次取出4张牌。使用加减乘除，第一个能得出24者为赢。（其中，J代表11，Q代表12，K代表13，A代表1），按照要求编程解决24点游戏。基本要求： 随机生成4个代表扑克牌牌面的数字字母，程序自动列出所有可能算出24的表达式，用擅长的语言（C/C++/Java或其他均可）实现程序解决问题。1.程序风格良好(使用自定义注释模板)2.列出表达式无重复。二、具体代码：...
2018-09-29 19:29:34
1297
1
原创 Java语言词频统计程序
一、功能：1.可导入任意英文文本文件2.统计该英文文件中单词数和各单词出现的频率（次数），并能将单词按字典顺序输出。3.将单词及频率写入文件。二、流程图：三、具体代码：package CPTJ;import java.io.FileReader;import java.io.IOException;import java.util.HashMap;import java.u...
2018-09-22 16:08:58
1432
原创 求两个正整数的最大公约数和最小公倍数（三种算法）
题目：求两个正整数的最大公约数和最小公倍数。 基本要求：1.程序风格良好(使用自定义注释模板)，两种以上算法解决最大公约数问题，提供友好的输入输出。 提高要求：1.三种以上算法解决两个正整数最大公约数问题。 &
2018-09-06 19:20:09
20427
1
原创 “三天打鱼，两天晒网”------日期计算及判断和系统流程图
中国有句俗语叫“三天打鱼两天晒网”。某人从2010年1月1日起开始“三天打鱼两天晒网”，问这个人在以后的某一天中是“打鱼”还是“晒网”。用C或C++语言/java/python实现程序解决问题。 基本要求：1.程序风格良好(使用自定义注释模板)，提供友好的输入输出。 提高要求：输入数据的正确性验证。1、算法描述流程图 2、具体代码：package Dayu;import ja...
2018-08-31 23:07:36
4030
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人