宁泽林_NiZerin - 互联网技术博客

  • PHP
  • Go
  • Java
  • Rust
  • Python
  • 交流群
  • 关于我
  • 留言版
vue
Laravel

使用 Vue.js 和 Laravel 共建一个简单的 CRUD 应用

CURD (增删改查)是数据存储的基本操作,也是你作为 Laravel 开发人员首先要学习的内容之一 但是,如果要结合以 Vue.js 作为前端的应用程序该注意哪些问题呢?首先,因为现在的操作不刷新页面,所以你需要异步 CURD 。因此,你需要确保数据在前后端的一致性。 在本教程中,我会演示如何开发完整的 Laravel&Vue.js 应用程序和每个 CURD 的例子。 AJAX 是连接前后端的关键,所以,我会使用 Axios 作为 HTTP 客户端。我还将向您展示一些处理这种体系结构的用户体验方面缺陷的方…

2019年4月15日 0条评论 3636点热度 0人点赞 NiZerin 阅读全文
Vue.js

vue技术分享之你可能不知道的7个秘密

本文是vue源码贡献值Chris Fritz在公共场合的一场分享,觉得分享里面有不少东西值得借鉴,虽然有些内容我在工作中也是这么做的,还是把大神的ppt在这里翻译一下,希望给朋友带来一些帮助。 一、善用watch的immediate属性 这一点我在项目中也是这么写的。例如有请求需要再也没初始化的时候就执行一次,然后监听他的变化,很多人这么写: 上面的这种写法我们可以完全如下写: 二、组件注册,值得借鉴 一般情况下,我们组件如下写: 步骤一般有三部, 第一步,引入、 第二步注册、 第三步才是正式的使用, 这也是最常见…

2019年1月24日 1条评论 3099点热度 0人点赞 NiZerin 阅读全文
Vue.js

深入解析Vue开发动态刷新Echarts组件的教程

需求背景:dashboard作为目前企业中后台产品的“门面”,如何更加实时、高效、炫酷的对统计数据进行展示,是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始,封装一个动态渲染数据的Echarts折线图组件,抛砖引玉,一起来思考更多有意思的组件。 准备工作 项目结构搭建 因为生产需要(其实是懒),所以本教程使用了 ==vue-cli==进行了项目的基础结构搭建。 安装Echarts 直接使用npm进行安装。 引入Echarts 到此,准备工作已经完成了。 静态组件开发 因为被《React编程思想》这…

2019年1月13日 1条评论 3677点热度 0人点赞 NiZerin 阅读全文
Vue.js

基于Vue组件化的日期联动选择器功能的实现代码

我们的社区前端工程用的是element组件库,后台管理系统用的是iview,组件库都很棒,但是日期、时间选择器没有那种“ 年份 - 月份 -天数 ” 联动选择的组件。虽然两个组件库给出的相关组件也很棒,但是有时候确实不是太好用,不太明白为什么很多组件库都抛弃了日期联动选择。因此考虑自己动手做一个。  将时间戳转换成日期格式 将日期格式(yyyy-mm-dd)转换成时间戳 IE下的兼容问题 注意: 上述代码在IE10下(至少包括IE10)是没法或得到标准时间value的,因为 2018-9-2 并不是标准的…

2019年1月13日 2条评论 3445点热度 0人点赞 NiZerin 阅读全文
Vue.js

Vue Mixins 高级组件 与 Vue HOC 高阶组件 实践

在项目里,我们经常会使用组件库进行快速开发,然而在过程中,又难免会遇到对组件库的改造和拓展,如何优雅且简单的进行重构,下面让我们从一个简单需求来探索组件的奇技淫巧--Mixins和HOC 项目中使用组件库遇到的需求 需求: 实现所有页面按钮的点击事件防抖控制 随便选用一套组件库,在这次例子里,我选用iview进行开发 iview官网的Button组件的使用方法如下 Button的源码也很简单,在这里我剔除了不相关的内容 从源码里可以得到以下信息 iview的Button组件封装了原生的button组件 对原生的bu…

2019年1月5日 2条评论 5075点热度 0人点赞 NiZerin 阅读全文
Vue.js

Vue.js 3.0 PPT(附部分中文翻译)

Evan You 刚刚发布了最新的 Vue 3 和他在 Vue Toronto 的演讲内容: Tweet PPT Vue 3.0 将会发生什么? 更快 更小 更易维护 更易于原生 让开发者更爽 Virtual DOM 完全重写,mounting & patching 增快 100% 增多一些编译提醒来减少 runtime 成本 基于 Proxy 观察者机制并满足 full language coverage 及更好的性能 不再使用 Object.defineProperty 而是原生 Proxy 组建生成增…

2018年11月18日 0条评论 4347点热度 0人点赞 NiZerin 阅读全文
PHP

php,vue,vue-ssr 做出来的页面有什么区别?

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 目前我这边的web页面,都是采用php+smarty模板生成的,是一种比较早期的开发模式。好处是没有现阶段常用的前后端分离出现的首屏问题,因为其本身就是服务器渲染,坏处是代码分离不好做,公用化及组件化不好做。这里涉及前后端分离相关问题,老生常谈,这里暂不讨论。 ​ 近期,在做一些前端分离的尝试。采用国内非常流行的的vue框架,选这个框架而不是react的原因主要是vue的mvvm保留html书写惯性,对于html里写代码多的人来说更容易入手。而且流行框架v…

2018年11月16日 1条评论 4043点热度 0人点赞 NiZerin 阅读全文
Vue.js

electron-vue模仿网易云桌面应用体验

vue-源码剖析-双向绑定 项目中vue比较多,大概知道实现,最近翻了一下双向绑定的代码,这里写一下阅读后的理解。 项目目录 拉到vue的代码之后,首先来看一下项目目录,因为本文讲的是双向绑定,所以这里主要看双向绑定这块的代码。 入口 从入口开始:src/core/index.js index.js 比较简单,第一句就引用了Vue进来,看下Vue是啥 import Vue from './instance/index' Vue构造函数 来到 src/core/instance/index.js 一进来,嗯,没错,定…

2018年11月4日 0条评论 3163点热度 0人点赞 NiZerin 阅读全文
Vue.js

vue笔记-vue项目中对象数组数据变化,但视图未更新的解决方案

前言 在负责的后台管理系统中,我的添加人员与编辑人员两个功能共用了一个组件,但是遇见一个问题.同样是用v-for去渲染一些标签,在使用编辑人员功能时,删除对象数组元素,对应的标签在页面上也会消失.但是在使用添加人员功能时,删除对象数组元素,对应的标签却不会在页面上消失.功能描述可能不详细,周末再上图! demo1:对象数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&…

2018年10月26日 0条评论 3582点热度 0人点赞 NiZerin 阅读全文
Vue.js

vue文件如何使用echarts.js?(两种方法介绍)

本篇文章给大家带来的内容是关于vue文件如何使用echarts.js?(两种方法介绍),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近工作中需要用到echarts,由于项目是用的vue-cli开发的。在网上搜到vue中合成了vue-echarts,但是不想使用vue中规定好的数据格式,于是就自己做了一个vue项目引用原生echarts的简单demo,实现过程如下:用了两种实现方式 准备工作 1、安装echarts依赖 控制台输入:npm install echarts --save 2、全局引…

2018年10月19日 0条评论 3353点热度 0人点赞 NiZerin 阅读全文
12

NiZerin

博主已经躺平了,后面很少会更新博客。

最新 热点 随机
最新 热点 随机
PHP 中如何正确地调用系统命令? 看看 Laravel 9 的新功能 Laravel 8 性能优化自查清单 Laravel 7 已停止维护 Laravel: 新的发行时间表(2021 后改为一年一更) PHP8 已经发布,来看看有哪些新特性吧
PHP7 中如何操作 MongoDB [译] Laravel 5.8 正式发布 🔥 PHP 8 有哪些值得期待的新特性 分享一个生成二维码的插件–QRCode.js 高级 PHP 工程师必备的编码技巧及思维 Flutter 基础(十三)Flutter 与 Android 的相互通信
标签聚合
go laravel translations flutter vue wordpress php javascript
归档
友情链接
  • PHP函数字典
  • 宝塔运维特惠
  • 科学上网
  • 阿里云特惠

COPYRIGHT © 2021 nizer.in. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang