前端组件 | 易学教程

微信小程序

阅读更多关于微信小程序

目录微信小程序组件的生命周期？简单描述下微信小程序的相关文件类型？ app.json 是对当前小程序的全局配置，讲述三个配置各个项的含义？小程序的wxss和css有哪些不一样的地方？小程序有哪些参数传值的方法？微信小程序与H5的区别？小程序获取场景值的方法？小程序onPageScroll方法的使用注意什么？小程序视图渲染结束回调？小程序同步API和异步API使用时注意事项？小程序对wx:if 和 hidden使用的理解？小程序简单介绍下三种事件对象的属性列表？小程序的双向绑定和vue的异同？小程序页面间有哪些传递数据的方法？小程序WXSS和CSS的异同？一.简单描述下微信小程序的相关文件类型？二.怎么封装微信小程序的数据请求？三.微信小程序有哪些传值(传递数据)方法？四.哪些方法来提高微信小程序的应用速度？五.微信小程序的原理？六.分析微信小程序的优劣势？六.微信小程序与H5的区别？七.怎么解决微信小程序的异步请求问题？八.小程序关联微信公众号如何确定用户的唯一性？九.使用webview直接加载要注意哪些事项？十.小程序调用后台接口遇到哪些问题？十一.微信小程序如何实现下拉刷新？十二.webview中的页面怎么跳转回小程序？十三.bindtap和catchtap的区别？十四.简述wx.navigateTo(),wx

vue插件大全

阅读更多关于 vue插件大全

一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 vuetify - 为移动而生的Vue JS 2组件框架 vonic - 快速构建移动端单页应用 vue-blu - 帮助你轻松创建web应用 vue-multiselect - Vue.js选择框解决方案 VueCircleMenu - 漂亮的vue圆环菜单 vue-chat - vuejs和vuex及webpack的聊天示例 radon-ui - 快速开发产品的Vue组件库 vue-waterfall - Vue.js的瀑布布局组件 vue-carbon - 基于 vue 开发MD风格的移动端 vue-beauty - 由vue和ant design创建的优美UI组件 bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件 vueAdmin - 基于vuejs2和element的简单的管理员模板 vue-ztree - 用 vue 写的树层级组件 vue-tree -

web前端 -- vue --vue 组件通信（1）

阅读更多关于 web前端 -- vue --vue 组件通信（1）

根据千峰教育学习视频所练习的笔记 | 学习一段时间，我也有写一点东西的必要了··· 1. 父组件向子组件通信 1.1. 我们还是引用vue先前的代码：如下 <head> ······ <script src="../vue.js"></script> </head> <body> <div id="app"> <my-header></my-header> </div> <script> var vm = new Vue({ el:'#app', components:{ 'my-header':{ template:`<div> <h2>{{message}}</h2> <ul> <li >张一山</li> </ul> </div>`, data:function () { return{ message:'hello my idol', }; } } } }); </script> </body> 就是长这个样子：来源： https://www.cnblogs.com/hefeifei/p/11732969.html

前端工程化，组件化，模块化，层次化

阅读更多关于前端工程化，组件化，模块化，层次化

个人认为：前端发展最终的导向是前端工程化，智能化，模块化，组件化，层次化。一个项目的开发在未来人工智能+物联网的时代，必定走向以下的五化原因: Web前端页面的开发必然与DOM进行交互操作，前端框架的一次次更新，是从满足目前的业务需求到提升效率的阶段，慢慢走向改善性能的阶段（开发和部署环境优化，代码优化，网站性能优化，数据优化，页面优化等等）。 1.前端工程化。前端工程化指的是将软件工程的方法和原理运用在前端开发中, 目的是实现高效协同，质量开发。具体是： a.Node服务，提供数据代理，路由，服务器渲染。 b.Web应用开发，专注于web交互体验。 c.前端运维：构建，测试，部署，监控。 2.前端模块化(页面模块化开发+基础模块化)。（1）基础模块化： A. CommonJS———— 同步加载、服务器端的模块化规范，采用案列： Node.js 实现原理：一个单独的文件就是一个模块；加载模块采用同步方式，加载完成后才能执行后面的操作；加载模块使用 require 方法，该方法读取一个文件并执行，最后返回内部的 exports 对象；特点：比较适合运用于服务器的编程，加载模块文件通常都存在本地磁盘，加载过程无延迟，无需异步加载 B. AMD———— 异步加载，采用案例： require.js 实现原理：异步模块定义，通过一个函数封装所有所需要

web前端开发高级

阅读更多关于 web前端开发高级

前端高效开发框架技术与应用 Vue 基础 Vue 框架简介 MVX 模式介绍 Vue 框架概述如何使用 Vue.js 基础语法实例对象生命周期模板语法计算属性 Methods 方法渲染列表渲染条件渲染事件与表单事件处理事件对象事件委派表单处理 Vue 组件 Vue 组件概述组件对象剖析 Vue 组件的 data 属性 Props 传递数据事件通信父子组件事件通信非父子组件事件通信插槽组件类型双向绑定动态组件递归组件 Vue 工程化工具搭建 node 环境 Node.js 简介 Node.js 环境安装 npm 使用 yarn 使用使用 Vue CLI Vue CLI 简介 Vue CLI 使用 Vue 项目配置 JS 模块 CommonJS 模块 ES6 模块 vue-devtools 工作安装 vue-devtools 使用 vue-devtools Express 服务器开发第一个 node 应用程序创建 Express 应用程序 Express 路由 pug 视图模板请求响应对象处理 GET 请求和 POST 请求文件上传 Session 概述 Session 使用 Express 中使用 RESTful API 构建 RESTful API postman 工具规划目录结构 Nodemon 热刷新 axios

[web] 前端一些细节

阅读更多关于 [web] 前端一些细节

作者：水落斜阳链接： https://www.jianshu.com/p/7a8124fdf945 来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 1， reflow和repaint：回流和重绘。回流：renderTree 重建。重绘：外观样式风格进行更新。（color更改）页面在第一次加载时候必须进行了回流操作，有回流一定伴随重绘，但是重绘不一定回流。减少回流和重绘，也就是减少对renderTree的操作：合并多次多DOM的修改 2.浏览器对页面的呈现流程基本如下： 1）浏览器把获取到的html代码解析成一个DOM树，每个tag都是树上的一个节点，根节点就是document对象，包括（display：none，和js动态创建的节点） 2）浏览器把所有样式解析成样式结构体（定义的和代理的所有样式），不同浏览器会自动去掉不能识别的样式。 3）DOM Tree 和样式结构体合并生成 RenderTree，每个节点都有style，不包含隐藏的节点（display:none），但是包含不可见的节点(visibility:hidden)。 4）浏览器根据RenderTree 绘制页面 3.内存泄漏对于持续运行的服务进程，必须及时释放不再用到的内存，不然内存会越来越多，导致进程越来越慢，甚至系统崩溃。不用到的内存没有及时释放，就叫内存泄漏。

vue学习

阅读更多关于 vue学习

最近在前后端分离的学习中逐步找到了乐趣，并且不知不觉对前端也产生了一些学习的冲动，经过一系列的咨询，最终决定从学习vue开始。感谢在本文中涉及到的各位博客大神的指导（可以通过本文中的链接进一步学习大神们的思想），站在巨人的肩膀上学习，是一种莫大的幸福。一、准备知识　 1) vscode快捷键 https://www.cnblogs.com/weihe-xunwu/p/6687000.html https://blog.csdn.net/ss515896745/article/details/85651912 2) ES6知识 https://blog.csdn.net/qq_36838191/article/details/87776369 https://www.cnblogs.com/crazymagic/p/9714153.html 注意：相关的几篇博客都要看一下，这个人写的，就在后面 https://www.jianshu.com/p/7cb40e8d145a http://www.cnblogs.com/chrischjh/p/4848934.html 3) 基础知识 https://www.cnblogs.com/ppJuan/p/7151000.html https://www.cnblogs.com/xiaotanke/p/7448383.html https:/

React 面试问题

阅读更多关于 React 面试问题

eact 面试问题如果你是一位有理想的前端开发人员，并且正在准备面试，那么这篇文章就是为你准备的。本文收集了 React 面试中最常见的 50 大问题，这是一份理想的指南，让你为 React 相关的面试做好充分的准备工作。首先我们快速了解一下 React 在市场上的需求和现状，然后再开始讨论 React 面试问题。 JavaScript 工具的市场地位正在缓慢而稳定地上升当中，而对 React 认证的需求正在飞速增长。选择正确的技术来开发应用程序或网站变得愈加艰难。React 被认为是 Javascript 语言中增长最快的框架。虚拟 DOM 和可复用部件等独特特性吸引了前端开发人员的注意。尽管成熟的框架（如 Angular、Meteor 和 Vue 等）在 MVC（模型 - 视图 - 控制器）中只是一个“视图”库，但它们都有很强的竞争力。下图显示了常见 JS 框架的趋势：以下是面试官最有可能提出的 50 个面试问题和答案。 React 面试问题——常规知识真实 DOM 和虚拟 DOM 的区别真实 DOM 虚拟 DOM 1.更新较慢 1.更新较快 2.可以直接更新 HTML 2.不能直接更新 HTML 3.元素更新时创建一个新 DOM 3.元素更新时更新 JSX 4.DOM 操作开销较大 4.DOM 操作非常容易 5.内存浪费严重 5.没有内存浪费什么是 React？

antd-pro 使用笔记

阅读更多关于 antd-pro 使用笔记

Ant Design Pro 是一个企业级中后台前端/设计解决方案。由阿里蚂蚁金服维护，已经开源基于 [email protected] 介绍有两种方式安装，参见安装安装之后会生成如下目录： ├── mock # 本地模拟数据 ├── public │ └── favicon.ico # Favicon ├── src │ ├── assets # 本地静态资源 │ ├── common # 应用公用配置，如导航信息 │ ├── components # 业务通用组件 │ ├── e2e # 集成测试用例 │ ├── layouts # 通用布局 │ ├── models # dva model │ ├── routes # 业务页面入口和常用模板 │ ├── services # 后台接口服务 │ ├── utils # 工具库 │ ├── g2.js # 可视化图形配置 │ ├── theme.js # 主题配置 │ ├── index.ejs # HTML 入口模板 │ ├── index.js # 应用入口 │ ├── index.less # 全局样式 │ └── router.js # 路由入口 ├── tests # 测试工具 ├── README.md └── package.json 介绍一下常用或者需要注意的几个目录： router.js 配置前端路由

vue面试

阅读更多关于 vue面试

第一部分： 1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id 3、vue-router有哪几种导航钩子？答：三种，一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件 4、scss是什么？安装使用的步骤是？有哪几大特性？答：预处理css，把css当前函数编写，定义变量,嵌套。先装css-loader、node-loader、sass-loader等加载器模块，在webpack-base.config.js配置文件中加多一个拓展:extenstion，再加多一个模块：module里面test、loader 4.1、scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？答：css的预编译。使用步骤：第一步：用npm 下三个loader（sass-loader、css-loader、node-sass）第二步：在build目录找到webpack.base.config.js

订阅前端组件