
前端进阶
文章平均质量分 53
前端进阶
瑞 新
进修中 • Java全栈养成计划
公众号 • 让我遇见相似的灵魂
回复领取:竞赛 书籍 项目 面试
左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧 它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element-plus日历(Calendar)动态渲染+避坑指南
避坑-插槽不生效#dateCell 驼峰书写原创 2022-11-17 10:21:47 · 7409 阅读 · 82 评论 -
【Vue】集成Vuex存储
导入官网https://vuex.vuejs.org/zh/installation.html#%E7%9B%B4%E6%8E%A5%E4%B8%8B%E8%BD%BD-cdn-%E5%BC%95%E7%94%A8安装npm install vuex --save声明main.js使用import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {原创 2021-12-13 23:07:49 · 760 阅读 · 1 评论 -
【Vue】vue3数据绑定
Vue2分析当前应用环境企业老项目要用,还是需要掌握的类型项目vue2为主,感兴趣可以了解代码结构mounted生命周期函数,页面加载完vue3取代生命周期函数的应用效果图import { defineComponent, onMounted} from 'vue'; // vue3从这里引入生命周期函数import axios from 'axios'; // 1引入库export default defineComponent({ name: 'Home', s.原创 2021-11-21 21:33:38 · 1904 阅读 · 1 评论 -
【Vue】集成HTTP库Axios
安装进入vue项目目录npm install axios@0.21.0 --save版本简单使用在一个页面中通过axios发送请求拿到后端数据跨域问题跨域拦截后端不信任前端跨域请求原创 2021-11-17 23:28:42 · 357 阅读 · 0 评论 -
【Vue】组件ant design of vue
npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件原创 2021-11-09 08:14:19 · 1171 阅读 · 0 评论 -
因为知道了Axios,使用Vue请求数据的效率暴增!!!
背景JQuery时代,我们使用ajax向后台提交数据请求,Vue时代,Axios提供了前端对后台数据请求的各种方式。什么?还不知道?还不知道就自己去补课,我默认大家都知道了。算了我是暖男,在贴一下给大家看看,下次可别忘了哈。什么是Axios?Axios是基于Promise的Http客户端,可以在浏览器和node.js中使用。为啥使用Axios?Axios非常适合前后端数据交互,另一种请求后端数据的方式是vue-resource,vue-resource已经不再更新了,且只支持浏览器端使用,而A原创 2020-06-23 10:26:15 · 3361 阅读 · 28 评论 -
【前端】Javascript高级篇-tab切换栏(案例1)
文章目录效果图面向对象实战代码index.htmltab.js一lis绑定点击事件和序号效果图梅花效果图面向对象实战代码index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h4>Js面向对象 tab 动态增加</h4>原创 2020-06-11 15:57:03 · 1311 阅读 · 0 评论 -
【前端】wepy/mpvue/taro/uni-app,多端开发框架哪家强?
文章目录跨端支持度如何学习资料完善度社区活跃度客观指数github star:百度指数案例总结跨端支持度如何测试结果说明:⭕ 表示支持且功能正常,❌ 表示不支持,其它则表示支持但存在部分bug或兼容问题wepy 2.0 宣称版已支持其他家小程序,本测试基于wepy官网指引安装的wepy-cli版本为1.7.3,尚不支持多端chameleon官网未找到stopPullDownRefresh定义,停止页面下拉刷新需分平台编写学习资料完善度官方文档、问题搜索、示例demo的完备度方面:wepy:原创 2020-06-08 17:39:34 · 4118 阅读 · 33 评论 -
【前端】Javascript高级篇-类的继承
继承普通方法// 父类class Father { constructor() { } say() { console.log('hello world') }}// 子类class Son extends Father{ }// 通过子类调用父类方法var son = new Son()son.say()C:\Users\lenovo\Downloads\HBuilderX\readme>cd C:\Users\lenovo\Downloads\HB原创 2020-05-29 09:14:18 · 2137 阅读 · 8 评论 -
【前端】Javascript高级篇-类中添加方法
类中方法不需要加function方法之间不需要加,// 创建类class Demo { constructor(name) { this.name = name; } sing(sname) { console.log(this.name + sname) }}// 利用类创建实例var ldh = new Demo('刘德华');var zxy = new Demo('张学友');console.log(ldh.name);console.log(zxy.name);.原创 2020-05-28 16:13:15 · 1166 阅读 · 0 评论 -
【前端】Javascript高级篇-ES6中的类和对象
类和对象类是对现实事物的抽象类中包含 属性、方法初始化类,对象// 创建类class Demo { }// 利用类创建实例new Demo();创建-构造函数,对象实例构造函数默认自动创建创建对象实例的时候自动调用自动返回实例// 创建类class Demo {// 构造函数 constructor(name) { this.name = name; }}// 利用类创建实例var ldh = new Demo('刘德华');var zxy = n原创 2020-05-28 16:02:34 · 944 阅读 · 0 评论 -
【前端】Javascript高级篇-面向对象
面向对象面向对象和过程的区别大象放冰箱面向过程拆解方法,分步完成面向对象抽象对象,赋予功能三特性封装、继承、多态封装:内部无需知道,封装使其变成可扫地的机器人继承:扫把继承小车,变成扫地工具多态:不仅可以扫地,立起来和风扇一样可以吹风...原创 2020-05-28 15:14:06 · 917 阅读 · 0 评论 -
【前端】WebStrom工具的骚操作
减少重复编码原创 2020-05-27 08:35:30 · 859 阅读 · 10 评论 -
【前端】js中const,var,let区别与用法
今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b = 5; // console.log('函数外修改const定义b:' + b);//无法输出 2.var定义的变量可以修改,如果不初原创 2020-05-22 11:51:20 · 1230 阅读 · 10 评论 -
【ES6】模板字符串:`string` ,ES2015新增的符号
说明: 通过一个实例来说明三者的不同:注意: 模板字符串的符号[`]是按键~下的符号描述:有一个js变量存放的是总人数:var peopleSum = 88,要求按以下格式输出这句话:人数总和为88人方式一:单引号console.log(‘人数总和为’+peopleSum+‘人’);方式二:双引号console.log(“人数总和为”+peopleSum+“人”);方式三:模板字符串console.log(人数总和为${peopleSum}人);说明:string 是模板字符串,原创 2020-05-20 17:25:33 · 901 阅读 · 0 评论 -
什么是Promise async await我们用它来做什么?
文章目录js异步回调Async/Await与Promise区别什么是Async/Await?Async/Await语法js异步回调Async/Await与Promise区别语言都是在不断发展和完善的, 从同步到异步, 异步 中的一般的异步方法回调 等再到promise, promise 中then使用也是比较烦, 现在也出来了asycn 和await 关键字, 让代码更加的简洁, 让异步编程...原创 2020-04-11 15:25:50 · 1211 阅读 · 0 评论 -
ES6与JavaScript之间的关系
文章目录js与node.jsECMAScript 6简介ECMAScript和JavaScript的关系ES6与ECMAScript 2015的关系参考:挺迷惑的,不过感觉可以粗浅地理解ES6是一种标准,JavaScript是ES6的一种实现。js与node.jsJS是由ES(ECMAScript)、DOM(浏览器文档对象)、BOM(浏览器对象模型)组成。其中Node.Js就只有ES,...原创 2020-04-11 14:57:17 · 938 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-快速上手核心重点【热门收藏】
文章目录Vue.js 快速上手精华梳理初体验条件指令循环指令处理用户输入组件初体验实例模板语法计算属性监听器Class绑定Style绑定条件渲染列表渲染事件处理表单输入绑定组件基础git提交-vue核心基础完结彩蛋福利PS:本文福利首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被......原创 2020-03-15 20:48:59 · 2672 阅读 · 36 评论 -
node-sass 安装失败的原因
npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。这是使用 sass 的同学可能都会遇到的郁闷的问题。解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。解决方法一:使用淘宝镜像源(推荐)设置变量 sass_binary_site,指向淘宝镜像地址。示例:n...原创 2020-03-10 16:25:35 · 858 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-实例
文章目录Vue.js 快速上手精华梳理-实例彩蛋福利PS:本文福利首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。Vue.js 快速上手精华梳理-实例其实就是对象生命周...原创 2020-03-01 12:21:09 · 994 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-组件初体验
文章目录Vue.js 快速上手精华梳理-组件初体验彩蛋福利PS:本文福利首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。Vue.js 快速上手精华梳理-组件初体验<...原创 2020-03-01 12:18:11 · 957 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-处理用户输入
文章目录Vue.js 快速上手精华梳理-处理用户输入彩蛋福利PS:本文福利首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。Vue.js 快速上手精华梳理-处理用户输入消息...原创 2020-03-01 12:15:23 · 920 阅读 · 1 评论 -
Vue.js 快速上手精华梳理-循环指令
文章目录Vue.js 快速上手精华梳理-循环指令彩蛋福利PS:本文福利首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。Vue.js 快速上手精华梳理-循环指令99乘法表...原创 2020-03-01 12:09:40 · 880 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-条件指令
文章目录条件指令彩蛋福利PS:本文福利首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。条件指令if<!DOCTYPE html><html lang...原创 2020-03-01 08:52:03 · 817 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-初体验
PS:本文原创首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。要想快速了解MVVM的特性和Vue的优势,话不多说,直接上代码!<!DOCTYPE html>&...原创 2020-02-12 07:06:26 · 871 阅读 · 0 评论 -
Vue.js 快速上手精华梳理-为什么选择Vue?
PS:本文原创首发于公众号「让我遇见相似的灵魂」,获取最新Vue教程资源 回复关键字:Vue左手代码,右手吉他,这就是天下:如果有一天我遇见相似的灵魂 那它肯定是步履艰难 不被理解 喜黑怕光的。如果可以的话 让我触摸一下吧它也一样孤独得太久。 不一样的文艺青年,不一样的程序猿。主流框架Vue是一个前端Javascript框架,与React Angular 并称为前端三大主流框架Vu...原创 2020-02-12 06:45:41 · 1040 阅读 · 2 评论 -
如何复制百度文章
<div> <input type="button" value="复制" "var selectText = window.getSelection();var obj=document.getElementById('txt');obj.innerHTML=selectText;obj.select();document.execCommand('Cop...原创 2019-03-28 09:09:47 · 3906 阅读 · 0 评论