首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏花叔的专栏

    11-9小程序新能力

    11月9日发布的小程序新能力,其实在技术上没什么特点,就不做解读了,后头应该有更劲爆的。 “ 为帮助开发者快速推广小程序,公众号文章底部广告位现已支持推广小程序。微信公众平台发布「小程序开发助手」,

    80670发布于 2018-04-18
  • 来自专栏郭少华

    Vue实战开发

    Vue-cli搭建开发环境 1.安装vue-cli脚手架 mpm install vue-cli -g 2.初始化项目 vue init webpack AwesomePos 3.修改index.html 在src/components/目录下新建Fwsb.vue文件。 import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld ' import Fwsb from '@/components/Fwsb' Vue.use(Router) export default new Router({ routes: [ 在main.js写入以下内容 import ElementUI from 'element-ui' import 'element-ui/lib/theme-default/index.css' Vue.use

    80920发布于 2018-09-11
  • 来自专栏Hammer随笔

    Vue 组件实战

    目录 Vue 组件 axios实现数据请求 计算属性 案例一:首字母大写 案例二:过滤案例 监听属性 局部组件 全局组件 组件通信之父传子 组件通信之子传父 ref属性(组件间通信) 普通标签使用 组件使用 ref属性 事件总线(不常用) 动态组件和keep-alive Vue 组件 axios实现数据请求 <! /js/vue.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> </head> /js/vue.js"></script> </head> <body>

    <! () //new一个vue的实例,就是中央事件总线 Vue.component('child1', { template: `
    <input type

    1K30编辑于 2022-05-09
  • 来自专栏前端说吧

    Vue - 实战疑点总结

    1.注册全局组件(是一个单vue页面组成的一个组件,而不是现拼的template结构) 结构: 代码:main.js import UserList from '. /components/UserList' Vue.component('user-list', UserList)  2. 背景图引入路径错误问题: 如图,结构如下,怎么核对检查,路径和文件名都是没错的, 但是不清楚为什么就是找不到图片还报错 后来才想到,我的sass文件是引入在app.vue中的,所以路径不对 改完后果然ok

    63270发布于 2018-05-17
  • 来自专栏前端迷

    Vue SSR入门实战

    如果对 Vue SSR 完全不了解,请先阅读官方文档。 思路 Vue 提供了一个官方 Demo,该 Demo 优点是功能大而全,缺点是对新手不友好,容易让人看蒙。 /App.vue'; var app = new Vue({ el: '#app', components: { App } }); // App.vue <template 编写服务端渲染主体逻辑 Vue SSR 依赖于包 vue-server-render,它的调用支持两种入口格式:createRenderer 和 createBundleRenderer,前者以 Vue // App.vue <template>

    App.vue

    vue with vue


    参考资料 从零开始搭建vue-ssr系列之一:写在前面的话, By 会说话的鱼 vue SSR 服务端渲染记录, By echo_numb Vue SSR 官方文档实践·一:从零到粗暴混合前后端, By

    3.4K50发布于 2019-08-09
  • 来自专栏前端进阶-詹躲躲

    vue项目实战实战技巧总结

    一、创建项目及配置 1.1 vue cli2 创建项目 vue init webpack project npm install npm run dev 1.2 vue cli3 创建项目 vue create /App.vue'; Vue.component(Button.name, Button); Vue.component(Select.name, Select); 或写为 - Vue.use(Button 实例当中去 import Vue from 'vue' import App from '. 1.安装 npm install vue-meta-info --save 2.全局引入 vue-meta-info import Vue from 'vue' import MetaInfo from 学习文档访问 vue学习文档01 vue学习文档02

    3.8K40编辑于 2022-04-28
  • 来自专栏晓月寒·

    vue实战-vue父子组件通信方式汇总

    vue项目的一大亮点就是组件化。使用组件可以极大地提高项目中代码的复用率,减少代码量。但是使用组件最大的难点就是父子组件之间的通信。 /children.vue' export default { data () { return { msg: 'hello, children' } }, methods /children.vue' export default { data () { return { msg: "hello,my son" } }, methods

    50420发布于 2019-05-22
  • 来自专栏吴文周的专栏

    vue3 实战总结

    ,通过标记 block 和方法缓存的方式,diff 的优化,示例可以查看 链接vue3 模板,正是因为使用模板语言,其标签的固定性可以容易识别出代码块与vue变量才能进行标记和方法缓存,减少对象创建这是提高 为什么 vue3 推出和 react-hook 比较相似的 api,开源作者也注意到了前端生态共建的这样的一个场景,对于团队个人发展也是好事,如果从 vue3 的 tsx 转换成 react-hook 中实战示例 获取 dom export default defineComponent({ setup(){ const dom = ref(null) // 必须把dom return 官方文档[vue3](www.vue3js.cn/docs/zh/api… vue3尤大教学视频[vue3](www.bilibili.com/video/BV1rC… vue3 Beta官方直播完整版 [vue3](www.bilibili.com/video/BV1Tg… vue3尤大分享视频[vue3](www.bilibili.com/video/BV1qC… react视频[react](www.youtube.com

    2.2K30发布于 2021-02-02
  • 来自专栏我的前端体系

    前端项目搭建实战Vue

    网上开源的前端框架都写得很好,但是功能比较庞杂,于是着手搭建了一套自己的模板:1.路由配置首先我们要通过路由配置整体的页面结构(Home、About、Login)Vue.use(VueRouter);const /views/About.vue'), }, { path: '/login', name: 'Login', component: () => import('.. next(); } NProgress.done(); }});2.Vuex 全局状态管理在路由配置中我们将角色信息存储在了 Vuex 中,Vuex 的配置如下:import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: { // 角色信息 >

    大家可以看到: 我是{{ role }}

    图片6. svg 封装新建 SvgIcon.vue

    1.9K73编辑于 2022-08-03
  • 来自专栏吴文周的专栏

    vue3 实战总结

    ,通过标记 block 和方法缓存的方式,diff 的优化,示例可以查看 链接vue3 模板,正是因为使用模板语言,其标签的固定性可以容易识别出代码块与vue变量才能进行标记和方法缓存,减少对象创建这是提高 为什么 vue3 推出和 react-hook 比较相似的 api,开源作者也注意到了前端生态共建的这样的一个场景,对于团队个人发展也是好事,如果从 vue3 的 tsx 转换成 react-hook 中实战示例 获取 dom export default defineComponent({ setup(){ const dom = ref(null) // 必须把dom return 官方文档[vue3](www.vue3js.cn/docs/zh/api… vue3尤大教学视频[vue3](www.bilibili.com/video/BV1rC… vue3 Beta官方直播完整版 [vue3](www.bilibili.com/video/BV1Tg… vue3尤大分享视频[vue3](www.bilibili.com/video/BV1qC… react视频[react](www.youtube.com

    40920编辑于 2023-09-01
  • 来自专栏前端逗逗飞

    Vue 实战-视频类webApp

    写作初衷 在平时的前端开发中,我们更多的是完成螺丝钉的角色,即在公司的前端框架下,实现各种业务逻辑,Vue技术栈并不是难点所在,难点往往在于从 0 到 1 搭建一个完整的实践项目,本项目带领读者开发媲美原生抖音 APP的webApp,使用vue.js作为此项目的技术栈,通过项目脚手架搭建、数据mock、架构设计、代码编写、编译打包,使读者了解前端开发全流程。

    67730发布于 2021-04-30
  • 来自专栏徐江伟的专栏

    Vue.js 实战总结

    下面,在进一步探究Vue.js之前,我们先看一下Vue.js的几个核心概念。 组件化 组件化开发是最近两三年比较火的概念。 vue-cli Vue.js也提供了非常高效的命令行工具,通过使用几个简单的命令就能快速构建基于Vue.js的组件和应用,极大的减少了开发者的工作量,将开发者从繁杂的重复性的劳动中解放出来。 关于vue-cli,我们不再展开,读者可以阅读vue-cli进一步了解vue-cli的功能。 下面是一个示例: import Vue from 'vue' import VueResource from 'vue-resource' Vue.use(VueResource) const API vue-router是基于vue.js用来解决前端路由的方案。

    8.5K31发布于 2017-05-04
  • 来自专栏AI机器学习与深度学习算法

    机器学习入门 11-9 SVM思想解决回归问题

    本系列是《玩转机器学习教程》一个整理的视频笔记。本小节简单介绍如何使用支撑向量机的思想来解决回归问题,最后通过sklearn封装好的LinearSVR类实现波士顿房价的预测。

    1.3K31发布于 2020-10-26
  • 来自专栏趣谈前端

    vue项目实战精粹汇总

    笔者曾经有两年的vue项目经验,基于vue做过移动端项目和PC端的ERP系统,虽然平时工作中采用的是react技术栈,但平时还是会积累很多vue相关的最佳实践和做一些基于vue的开源项目,所以说总结vue 你将收获 vue框架使用注意事项和最佳经验 vue项目配置经验总结 vue组件设计经验总结 vue项目架构与服务化探索 正文 本文不仅仅是总结一些vue使用踩过的一些坑和项目经验,更多的是使用框架(vue 1. vue框架使用注意事项和最佳经验 ❝vue学习最快的方式就是实践,根据官网多写几个例子是掌握vue最快的方式。 接下来笔者就来总结一下在开发vue项目中的一些实践经验。 基于vue的图标组件库 vue-notification vue优美的信息通知组件 vue-progress-path vue个性的路径进度条组件 Vue树组件,可让您以美观和逻辑的方式呈现层次结构的数据 vue-social-sharing vue社区分享组件 vue-qrcode-reader 一组用于检测和解码二维码的Vue.js组件 vue-clipboard2 基于vue的剪切板组件 cool-emoji-picker

    1.8K41编辑于 2022-04-06
  • 来自专栏前端开发面经

    Vue实战的几个技巧

    中其实很简单,只要使用 vue-contextmenujs 插件即可安装 vue-contextmenujs 插件npm install vue-contextmenujs引入//引入import Vue from 'vue';import Contextmenu from "vue-contextmenujs"Vue.use(Contextmenu);使用方法可以使用 中使用打印功能,可以使用 vue-print-nb 插件安装 vue-print-nb 插件npm install vue-print-nb --save引入打印服务import Vue from ' 其实还是很重要的安装 jsonp 扩展npm install vue-jsonp --save-dev注册服务// 在vue2中注册服务import Vue from 'vue'import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)// 在vue3中注册服务import { createApp } from 'vue'import App from '.

    87820编辑于 2022-12-12
  • 来自专栏前端开发面经

    vue实战-完全掌握Vue自定义指令

    准备:自定义指令介绍除了核心功能默认内置的指令 (v-model 和 v-show等),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。 ———Vue官网作为使用Vue的开发者,我们对Vue指令一定不陌生,诸如v-model、v-on、v-for、v-if等,同时Vue也为开发者提供了自定义指令的api,熟练的使用自定义指令可以极大的提高了我们编写代码的效率 PS:这次要讲的自定义指令我们主要使用的是vue2.x的写法,不过vue3.x不过是几个钩子函数有所改变,只要理解每个钩子函数的含义,两者的用法差别并不大。 $on(modelEvent, (v) => { context[binding.expression] = v;})声明一下,上面的实现不是vue源码的实现方式,vue源码中实现v-model 参考vue实战视频讲解:进入学习下面逐一说一下权限指令各个类型的使用方法://角色权限<component v-permission:role='leader'></component>//判断当前登录人

    92430编辑于 2022-10-17
  • 来自专栏毛小伟

    新闻推荐实战 (六) : 前端基础及Vue实战

    前文 万字入门推荐系统 提到了后续内容围绕两大系列:推荐算法理论+新闻推荐实战。 本文属于新闻推荐实战-前端界面展示。 Vue 简介 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 vue 2.2 创建一个 Vue 实例 每个 Vue 应用都需要通过实例化 Vue 来实现。 3 创建 Vue 项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 实现的交互式的项目脚手架 通过 @vue/cli + @vue/cli-service-global 与此同时,它也为每个工具提供了调整配置的灵活性 3.1 安装 vue CLI Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。

    2.7K20编辑于 2022-04-14
  • 来自专栏前端开发面经

    Vue实战必会的几个技巧

    实战视频讲解:进入学习 跑马灯这是一款好玩的特效技巧比如你在机场接人时,可以使用手机跑马灯特效,成为人群中最靓的仔跑马灯特效其实就是将最前面的文字删除,添加到最后一个,这样就形成了文字移动的效果<! 中其实很简单,只要使用 vue-contextmenujs 插件即可安装 vue-contextmenujs 插件npm install vue-contextmenujs引入//引入import Vue 中使用打印功能,可以使用 vue-print-nb 插件安装 vue-print-nb 插件npm install vue-print-nb --save引入打印服务import Vue from ' 其实还是很重要的安装 jsonp 扩展npm install vue-jsonp --save-dev注册服务// 在vue2中注册服务import Vue from 'vue'import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)// 在vue3中注册服务import { createApp } from 'vue'import App from '.

    90210编辑于 2022-10-03
  • 来自专栏Node开发

    vue博客实战---博客首页开发

    左右两侧导航栏实现完毕,接下来需要设置中间的博客主界面,实际上中间界面不是固定界面,而是由index.js中routes的components决定具体渲染哪一个vue文件作为博客主界面,在首页我们渲染的是 我们在src/components下创建article.vue文件,data中添加参数articleList用于接收后端返回博客文章列表,在mounted阶段通过axios发起post请求访问后端接口查询博客文章列表并且将结果绑定到 接口实现完成我们回到article.vue中开始文章列表的渲染工作,组件内放置一个class为content的div,使用v-for循环渲染文章列表,对文章标题和阅读全文按钮添加点击事件,点击按钮可以跳转到文章详情界面

    7.5K20发布于 2019-07-29
  • 来自专栏TalkPython

    Vue + Flask 实战开发系列(二)

    "msg":"ok"},204) @app.route('/time') def get_current_time(): return {'time': time.time()} 上面是这次实战的完整程序清单

    4.3K30发布于 2020-06-15
领券