
前端开发记录
文章平均质量分 95
记录一些前端开发中的知识,后续将会以vue的使用为主
万里鹏程转瞬至
一名热爱深度学习算法实践的算法工程师,工作日长期活动在线,有项目研发技术问题均可私聊。
展开
-
vue 列表|表格环境中的下拉菜单
elementui组件为vue提供了各式各样的ui组件,但均为各类最为基本的控件,没有提供业务级的使用案例,为此进行扩展补充。vue-elementui 基本入门使用下拉菜单与html中的select控件有所差距,select为表单控件的一员页面效果类似于输入框,而下拉菜单为功能设置控件。select控件的使用可以参考:https://element.faas.ele.me/#/zh-CN/component/selectelementui组件中下拉菜单的详细使用介绍如下:https://elemen原创 2023-08-06 23:17:06 · 5671 阅读 · 1 评论 -
vue 前端页面开发经验记录
这里仅实现最简单的文件上传方式,多文件上传(实质为多次调用文件上传接口)请参考 https://element.faas.ele.me/#/zh-CN/component/upload。以下为el-button控件与el-input控件的结合,当点击el-button后,与之对应的el-input展示,当el-input失去焦点后又显示为el-button。更多内容参考 https://element.faas.ele.me/#/zh-CN/component/upload。原创 2023-08-06 23:00:01 · 955 阅读 · 0 评论 -
vue新手入门实践教程
介绍vue运行环境的搭建、vue项目的初步构建与运行、使用element-ui组件构建页面内容、使用页面模块与路由设置等。基于此教程,可以初步实现一个静态网页,并对vue项目由一定理解。vue项目的编译运行依赖nodejs环境,故需要下载安装。地址:https://nodejs.org/zh-cn下载时选18.16稳定版,安装时一直使用默认选项即可,安装完后重启一下电脑(怕环境变量设置没有生效)。验证vue运行环境,同时按win+r,输入cmd,打开终端,然后输入npm -v,输出版本号即表示vue运行原创 2023-06-15 21:54:38 · 2663 阅读 · 5 评论 -
JS工具方法 2 layui可编辑表格--代码复制后即可使用
内含 普通编辑表格,切换开关,下拉选择器,操作按钮组1.样板json数据格式{ "code": 0, "msg": "", "count": 100, "data": [ { "id": 10000, "username": "user-0", "sex": "原创 2018-07-02 17:41:51 · 27322 阅读 · 12 评论 -
JS工具方法 3 js客户端与php服务器通信加密之AES
在开发接口时通常会用到数据加密通信,下面讲的是js客户端与php服务器加密通信1.下载CryptoJS工具包并导入2.引入工具包,并实现js之aes加密CBC模式var CryptoJS = require('cryptoJs/index.js');String.prototype.replaceAll = function (reallyDo, replaceWith, igno...原创 2018-07-20 18:09:28 · 1066 阅读 · 0 评论 -
JS工具方法 1 用xpath处理字符串查找
<script> var str='<aaa>\ <text x="0" y="15" fill="red" transform="rotate(30 20,40)">qqqqqqqq</text>\ <text x="0" y="15" fill=&qu原创 2018-06-04 17:01:42 · 3507 阅读 · 0 评论 -
JS工具方法 4 伪元素点击事件实现的两种方法
在很多的时候通常需要伪元素来修饰一个html节点,比如说上传图片需要一个删除按钮。那么这个伪元素就需要一个删除按钮,那么伪元素如何来获取点击事件呢?其原理都是通过屏蔽的其寄生元素的操作事件,仅在鼠标点击伪元素的时候事件可操作。具体实现方式有两种,一种是:元素本身:pointer-events: none;禁用点击事件 其伪元素通过pointer-events: auto;启用点...原创 2018-07-23 10:59:25 · 20481 阅读 · 3 评论 -
JS工具方法 5 xml字符串截取
在复杂的hml字符串查找指定标签或者内容时,有人一开始想到了字符串截取,有人想到了正则表达式,资深程序员想到了xpath,但是大家都忽略了jquery的查找方式,jquery中的$(selector)可以在dom中选择元素,其实这个方法是可以填写两个参数的,jQuery = function( selector, context ) { // The jQuery object is ac...原创 2018-07-25 15:02:19 · 1512 阅读 · 0 评论