- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue + element UI 实现表格数据导出 Execl 表格
首先这个导出 基于 这些插件 xlsx、file-saver、xlsx-style下载依赖npm install --save xlsxnpm install --save file-savernpm install --save xlsx-styletips1：如果需要调整表格样式 需要下载 xlsx-style 如果不需要样式 可以不用下载引入依赖import FileSaver from 'file-saver'import XLSX from 'xlsx'impor.
2021-09-29 14:24:20
625
1
原创 vue组件实现 添加表单
最近项目要求根据参数数量 展示对应的form表单 找了很多方法 最后还是只能用组件 实现类似的效果效果图如下在vue项目找到src目录 找到components （没有就新建一个）在components 新建目录 addForm （名字随意）在此目录下新建addForm.vue<template> <div class="container"> <div class="canshuDiv"> <spa...
2020-12-28 18:06:22
1296
2
原创 移动端常用的四个框架
1.weUIWeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。优点：不用写很多css，拿过来就可以使用；没有js库可以自己写js代码，不会有那么多冲突；缺点：适用场合不多；官方网站（https://weui.io/）根本没有官方文档，只能是在GitHub主页上找到：https://github.com/weui/weui/wiki。2. Fronzen UI适用于使用手Q规范设计的Web页面，...
2020-08-31 15:41:19
2901
原创 react笔记
react和vue对比相同react 和 vue 都有组件化思想 都有虚拟DOM react 和 vue 都提供了组件化视图 (compoisible) 响应式数据概念 react 和 vue 都有核心渲染组件的API (Vue.component/React.createClass) 都有 路由的概念 相同的路由机制 完整对应的组件生命周期 各自成熟的生态圈不同react 通过 javascript xml 来编写组件 vue 通过 template 模板来嵌套组件 vue 比 rea
2020-06-22 21:06:52
136
原创 虚拟DOM
真实DOM浏览器渲染引擎工作流程，大致分为五步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。第二步，用CSS分析器，分析CSS文件和元素上的inline样式，生成页面的样式表。第三步，将DOM树和样式表，关联起来，构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有attach方法，接受样式信息，返回一个render对象(.
2020-06-11 18:14:07
128
原创 登录的业务流程
网站的登录状态通过cookies来保持的，cookie里面存储token，每次请求后端服务器都会带上token【token是后台给你发的一个唯一标识】，以此验证用户是否登录。输入手机号、验证码=>点击登录，发送到服务端=>服务端验证密码，生成token=>写入到cookies，返回成功第一次登录的时候，前端调后端的登陆接口，发送用户名和密码后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token前端拿到token，将token存储到localStorage和vuex.
2020-05-12 11:59:05
693
原创 Vue 打包优化
1.移除console在我们项目开发的阶段，我们会使用很多的console用于代码的测试，在打包的时候会有警告弹出，上线之后是不需要这些代码的所有要移除console。解决方法1.1 babel-plugin-transform-remove-consolebabel插件 1.1.1安装npm install babel-plugin-transfor...
2020-04-29 11:12:31
229
原创 Ndejs中的异步编程
Ndejs中的异步编程同步API，异步API代码设计模式回调同步API，异步API同步API:只有当前API执行完成后，才能继续执行下一个APIconsole.log('before'); console.log('after');异步API：当前API的执行不会阻碍后续代码的执行console.log('before'); setTimeout( () => { co...
2020-03-11 21:18:34
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人