- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue3.0项目搭建，引入vant，去除严格模式eslint，适配转rem
1. npm install -g @vue/cli-service-global 2. vue --version 3. vue create hello-world 4. npm run serve
2020-09-21 14:46:53
1098
原创 3D粒子波浪特效、动画结合vue+three.js
开箱即用在components下创建组件loginBgk/index<template> <div id="iviewBg"> <slot></slot> </div></template><script>import * as THREE from "three";// import Stats from "./stats.module";import { onMounted } from.
2022-05-31 09:50:59
1579
2
原创 vue结合element上传图片组件
element上传图片组件<template> <div class="component-upload-image"> <el-upload multiple :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload"
2022-05-27 15:46:16
246
转载 打造自适应网站只用一个CSS属性就够了
用一个CSS属性创建一个响应式网站，让我们来看看它是如何做到的。????以这个模板为例，没有应用css属性。????使用 clamp() CSS函数，我们可以创建仅具有一个属性的响应式网站。现在添加魔术CSSclamp(minimum, preferred, maximum);在这里！你已经完成了✌说明clamp() 的工作原理是“夹紧”或限制一个灵活的值，使其处于最小和最大范围之间。使用方法如下：minimum 最小值：例如 16pxflexible 弹性值：例如 5vwmax
2020-11-10 10:53:23
196
转载 简单实用又不花里胡哨的鼠标滑过样式
今天和大家分享我在网站里面常用到的鼠标滑过div的样式。喜欢的话记得给我点赞。一、纯图片的DIV一、纯图片的DIV<div class="lists"> <a href="#" class="box"> <img src="avatar.jpg"> </a> <a href="#" class="box"> <img src="avatar.jpg"> </a&
2020-10-10 10:48:05
773
转载 Vue3.0快速使用 vite创建Vue3.0
vue3.0 API文档地址： https://vue-composition-api-rfc.netlify.app/1.vue/cli 3以上2.新建一个项目 vue create vue3-2020-4-17（该项目仍然是2.0）3.使用vue add vue-next命令，将项目升级为3.0（如果报错可以尝试将vuecli升级到最新版本）或者直接使用 vite 创建Vue3.0项目npm i vitenpm init vite-app <project-name>
2020-09-27 13:38:48
320
原创 破解 vue3.x 新特性
文章目录0. 基础要求1. 相关资源2. 初始化项目3. setup3.1 执行时机3.2 接收 props 数据3.3 context4. reactive4.1 基本语法4.2 定义响应式数据供 template 使用5. ref5.1 基本语法5.2 在 template 中访问 ref 创建的响应式数据5.3 在 reactive 对象中访问 ref 创建的响应式数据6. isRef7. toRefs8. computed8.1 创建只读的计算属性8.2 创建可读可写的计算属性9. watch9.1
2020-09-24 15:55:50
400
1
原创 js常用单词以及数组方法
push :添加一个数组元素pop ：删除最后一个数组元素shift ：删除第一个数组元素console ：控制台string ：字符串document ：文档Concat 组合数组typeof ：关键字join：数组转化为指定分隔符slice：返回指定数组length：数组长度Array：数组JS中的值类型:{number：数字boolean：布尔object：对象类型undefined ：未定义String：字符串null：空Symbol：表示独一无二的值。它是 J
2020-09-23 15:03:53
734
原创 Web前端工程师面试需要注意什么？
1、简历制作及投递技巧简历的内容：1）个人信息及项目经验是主要内容，需要详细填写。作为技术人员，除了基本的工作经历之外，平时的积累也要体现在简历上，比如开源项目、技术文章，这些都能体现技术人员的素养。2）重点是得多写项目实战积累经验，可以让HR觉的你经验丰富。即使没有太多内容可写，也不要弄虚作假，尽量把项目描述的详细一点。比如做过哪些项目，用了哪些技术，遇到过什么问题，如何解决问题，这都是应该写清楚的地方。3）简历不要太长，对于工作多年的开发人员，项目最好控制在两页之内，把最能体现自己价值的内容写清
2020-09-23 14:39:10
304
转载 vue2.0/vue3.0/vue4.0之axios封装以及axios跨域
本想使用axios，但不封装的话，使用起来太臃肿，此封装方式是根据别人封装格式改造过来使用，地址在最下面。1.axios安装：npm install axios -D2.封装axios，index.js/** 接口调用工具*/ import axios from 'axios' 引用axios// 配置API接口地址var root = 'http://localhost:7002'axios.defaults.headers.post['content-Type'] = 'appli
2020-09-22 11:25:41
632
转载 vue cli4.0 快速搭建项目详解
安装好node默认已经安装好npm了，所以不用单独安装了。1.进入一个目录，创建项目vue create project-one2.我们这里选择手动配置按 ↓ 选择“Manually select features”，再按 Enter3.选择你需要的配置项通过↑ ↓ 箭头选择你要配置的项，按 空格 是选中，按 a 是全选，按 i 是反选。具体每个配置项表示什么意思在下面会有说明。? Check the features needed for your project: (Press
2020-09-21 11:51:42
324
转载 vue2.0做移动端适配最佳解决方案
最近在做商城的项目，发现有赞的ui非常适合，但有一个问题是有赞的ui用的单位是px，做不了移动端的适配，官网的提供的vw适配方案发现不可行，最后还是决定rem来做适配，上网搜了一下，发现了一套可用方案，亲测有效哦它的原理是借助px2rem 插件方便的将px单位转为了rem具体步骤：安装npm install px2rem-loader lib-flexible --save 在main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'在
2020-09-21 09:30:59
1152
原创 前端实现rsa加密
RSA加密算法是一种非对称加密算法。对极大整数做因数分解的难度决定了RSA算法的可靠性。换言之，对一极大整数做因数分解愈困难，RSA算法愈可靠。假如有人找到一种快速因数分解的算法的话，那么用RSA加密的信息的可靠性就肯定会极度下降。但找到这样的算法的可能性是非常小的。今天只有短的RSA钥匙才可能被强力方式解破。到2016年为止，世界上还没有任何可靠的攻击RSA算法的方式。只要其钥匙的长度足够长，用RSA加密的信息实际上是不能被解破的。接触到就直接谈下自己理解的RSA加密,直接贴代码比较好：1.首先先安
2020-09-21 09:23:08
1495
转载 前端html的base64使用方法window.btoa()和window.atob()
前端用base64加密和解密的使用方法，只需要两个函数就可以了。一个是加密：window.btoa()，一个是解密：window.atob()，看例子：<html> <head> <title>前端的base64使用方法</title> </head> <body> 前端的base64使用方法 </body><script>var str =
2020-09-21 09:13:06
390
原创 前端路由详解
前端路由与单页页面路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢。在这种场景下，出现了单页应用。单页应用（spa），就是只有一个页面，用户访问一个网址，服务器返回的页面始终只有一个，不管用户改变了浏览器地址栏的内容或者在页面内发生了跳转，服务器不会重新返回新的页面，而是通过相应的js操作来实现页面的更改。而地址栏内容的改变，显示不同的页面，实现的手段就是前端路
2020-09-18 16:48:14
386
原创 js基础知识（第四篇）es6
ES6重点知识this关键字以及bind（捆绑）let/const（不变的）变量解构箭头函数模板字符串class和继承ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言this关键字this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返
2020-09-18 16:46:38
255
原创 js基础知识（第三篇）
DOM属性节点Element.classNameclassName属性用来读写当前元素节点的class属性。它的值是一个字符串，每个class之间用空格分割。// HTML 代码 <div class="one two three" id="myDiv"></div>var div = document.getElementById('myDiv');div.className// "one two three"Element.style每个元素节点都有styl
2020-09-18 16:38:10
733
原创 js基础知识（第二篇）
面向对象概念面向对象(Object Oriented,OO)是软件开发方法。面向对象的概念和应用已超越了程序设计和软件开发，扩展到如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD技术、人工智能等领域。面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物，是一种高级的编程思想。面向对象是一种思想，很多种语言之中都有面向对象的思想，这种思想已经不同于面向过程的逻辑了。提起对象，先做一个简单的回忆：回顾对象：javascript中万事万物皆对象
2020-09-18 16:05:13
222
原创 js基础知识（第一篇）
整理的比较乱凑合看吧JavaScript概念JavaScript是基于对象和事件驱动，并具有安全性能的客户端脚本语言，弱类型的语言。解释执行 （编译-》代码转为0和1）由三部分组成：ECMAScript（核心）DOM（文档对象模型）document object modelBOM（浏览器对象模型）browser object model1.在HTML标签中直接写入JS代码（用的少）点击 2.在HTML文档中写入代码4.注释///**/变量的声明和定义var
2020-09-18 10:22:40
351
原创 Html基本结构、语法规则、常用标记/标签
Html基本结构、语法规则、常用标记/标签 （h1-h6/p /i/em/b/hr/br/strong/b/sub/sup/del/）及空格符 注：自己总结的下面分开重点和不重点的地方一、HTML的定义:HTML:是超文本标记语言（Hpyer text markup language）;XHTML是可扩展超文本标记语言（扩展成XML文档）（Extensible text markup language）;HTML5:指的是第五次大修改规范（新标准）；二、站`点的定义：是存放整
2020-09-18 09:47:43
13895
原创 vue2.0 axios跨域，反向代理
'/api': { target: 'http://192.168.3.109:1601', // 后台访问地址 changeOrigin: true, pathRewrite: { '^/api': '' } }
2020-09-17 17:49:57
211
1
原创 JS实现数组去重多种方式
JS实现数组去重（重复的元素只保留一个）1.遍历数组法它是最简单的数组去重方法（indexOf方法）实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中；var arr=[2,8,5,0,5,2,6,7,2];function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++) { if(hash.indexOf(arr[i])==-1){
2020-09-15 09:08:50
433
原创 落魄前端，整理给自己的前端知识体系复习大纲（第一篇）
阅读前言转眼间9月的到来，十分感慨这时光的飞逝。9月对程序员有着十分重要的意义，想在这个优胜劣汰的代码世界活下去，金3银4，金9银10，都属于选择的机会。在这优势略汰且经济回陇的状态下，笔者身处央企都无法安稳，如今也要考虑工作的问题（有郑州内推 ，欢迎联系），我们可以选择的只能是，逐步的打好自己的基础，才能在不安稳的社会形态下，逆行保持自己的安稳。笔者也该复习复习，在此汇总一下自己过去所学过的基础。本文的难度级别，个人定位为中级前端开发工程师。且自负的认为前端重要基础的均汇总，如有遗漏，希望你评论喷我
2020-09-14 16:05:18
485
原创 前端知识基础
文章目录1.基础知识1.1 变量类型1.2 typeof运算符1.3 变量计算——强制类型转换1.4 面试题2.原型、原型链2.1 构造函数2.2 原型规则和示例2.3 循环对象自身的属性2.4 原型链2.5 instanceo2.6 面试题3.作用域、闭包3.1 执行上下文3.2 this3.3 作用域3.4 作用域链3.5 闭包3.6 面试题4.异步、单线程1.基础知识总结大纲:1. 基础知识：原型、原型链；作用域、闭包；异步、单线程 2. JS API：DOM操作；Ajax；事件绑定3.
2020-09-14 15:11:25
162
原创 后台交互图片转base64
后台交互图片转base64// An highlighted block<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>showImages</title> <style type="text/css"> .float ...
2020-04-16 16:28:12
348
vant微信小程序.rar
2020-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人