前端框架
关注
分享
扫一扫
你的玄烨
好好学习，天天向上
展开
-
React项目如何实现登录密码MD5加密
第一步： 我们全局安装MD5依赖npm install --save js-md5 第二步： 在相应的组件部分引入使用，本案例世界在登录组件页面引入使用// 密码MD5加密import md5 from 'js-md5';React.Component.prototype.$md5 = md5;本案例在登录验证部分输出的密码数据，这里并没有结合后台，只是单纯的演示MD5加密后的密码数据效果 const onFinish = (values: any) => { const原创 2022-04-04 18:09:20 · 6574 阅读 · 0 评论 -
error ‘createWebHashHistory‘ is not defined no-undef（Vue项目配置路由）
**页面理想状态：**左侧的导航菜单部分固定，右侧主体内容跟随路由切换我使用的vue3，当我开发到路由部分时，我直接执行了如下命令，这时候系统默认下载的是vue路由依赖包的3.5.3本。npm install vue-router这时候我们运行项目报了，文章标题的错误： error ‘createWebHashHistory’ is not defined no-undef这时候我们main.js中的路由引入和配置是：这里我不确定具体的原因是什么，但是表面上看是vue-router原创 2021-11-10 14:33:27 · 6187 阅读 · 0 评论 -
react项目里如何使用阿里字体图标
C程序结构 ： 一个C程序是由若干头文件和函数组成，如下例就是一个头文件和一个主函数组成。#include <stdio.h>int main(){ printf("Hello World!"); return 0;}①stdio.h是系统提供的一个文件名,stdio是“standard input & output”的缩写，即标准输入输出;函数就是实现代码逻辑的一个小的单元。②主函数： 一个C程序函数有且只有一个主函数，即main函数。C程序就是执行主函原创 2021-04-22 09:36:58 · 491 阅读 · 0 评论 -
一个简单的前端埋点示例（以react项目为示例）
首先我们先大致了解下MyBatis：Mybatis就是类似于hibernate的orm持久层框架，面向sql的持久层框架。他封装了jdbc访问数据库的过程，我们开发，只需专注于sql语句本身的拼装，其它复杂的过程全部可以交给mybatis去完成。MyBatis相比hibernate的优点：1】目前最主流的持久层框架为hibernate与mybatis，但是国内目前情况使用Mybatis的公司比hibernate要多。2】Hibernate学习门槛不低， 要精通门槛更高。门槛高在怎么设计O/R映射，在原创 2020-08-08 14:35:16 · 2427 阅读 · 0 评论 -
AntDesign自定义Drawer抽屉组件内容样式不生效问题
1.先看一下效果： 抽屉里自定义内容样式正常生效效果2.场景阐述： 使用antd + less书写自定义抽屉组件中的内容，如下图代码所示。less样式文件中的样式使用包含结构，结果发现样式不生效。3.问题排查： 当我开始用浏览器开发工具定位页面内容元素时，发现抽屉内容是一个独立的DOM，因此我们只需要将抽屉里自定义内容的样式定义部分放在和页面父容器平级即可。4.问题解决...原创 2021-04-20 16:55:33 · 4706 阅读 · 7 评论 -
react项目中使用echarts插件两种方式
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>登录和退出登录</title> <style> * { fon原创 2020-08-20 16:54:21 · 1575 阅读 · 0 评论 -
lessc : 无法将“lessc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
我遇到的场景： 想在vue中使用less书写组件页面样式，然后我再当前项目目录下加载less、less-loader依赖，用lessc -v查看安装版本信息，检查安装是否成功的时候，报了无法识别的错误。解决方法： 卸载已安装的less内容，然后全局安装less、less-loader依赖npm uninstall --save less less-loadernpm install --save -g less less-loader...原创 2021-04-06 10:31:10 · 1138 阅读 · 0 评论 -
修改ant design的tooltip组件中的字体颜色（2分钟解决战斗）
理解： 通常，多个组件需要反映相同的变化数据，这时我们建议将共享状态提升到最近的共同父组件中去。说的通俗一点，就是私有数据在组件之间实现传递共享。示例：将class定义的组件的的私有状态通过props传递到function定义的组件中，做一个条件渲染。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont原创 2020-08-21 11:50:49 · 5394 阅读 · 1 评论 -
react点击实现元素的显示和隐藏
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>控制元素的显示和隐藏</title> <style> * {原创 2020-08-20 17:42:31 · 2121 阅读 · 0 评论 -
npm ERR! path XXXX npm ERR! errno -4058报错
今天遇到一个问题，昨天夜里还在调试的程序，然后上午启动项目就报错（见下图）。在网上找了可多博客，也没发现可以解决的方案。看一下我们的项目的目录结构：我是在vue-third中创建了一个mango-shop-app的vue项目，之所以会出现上面截图中显示的错误，是因为我们是在根目录 vue-third 执行的 npm run serve 项目启动命令。从上面的报错信息提示，我们也可以看出，它找不到 package.json文件。启动 mango-shop-app 这个项目，我们需要进去该项目的根目原创 2020-07-16 11:34:14 · 2707 阅读 · 2 评论 -
vue计算属性computed实现表单的全选和全不选
说明： 页面使用BootStrap框架搭建<div id="app"> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">全选和反选</h3> </div> <div class="panel-body"> &原创 2020-07-08 17:13:47 · 883 阅读 · 0 评论 -
vue学习之computed:计算属性的使用示例
computed计算属性 : 数据依赖项改变之后进行重新计算使用示例： 显示包含检索项关键字的内容项 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" /> <div id="app"> <div class="panel panel-info">原创 2020-07-08 15:38:25 · 741 阅读 · 0 评论 -
vue实现一个简单的todolist案例
用BootStrap框架搭建的页面，这里我先罗列完整的实现代码，注释解析等我做完课堂笔记后补充。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>BootStrap页面搭原创 2020-07-08 15:11:48 · 336 阅读 · 0 评论