- 博客(16)
- 资源 (16)
- 问答 (1)
- 收藏
- 关注
原创 js 验证表单 中 输入框 是否填写内容
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单提交验证</title> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.css" rel="stylesheet"> <style type="text/cs
2020-12-30 22:44:59 1014 1
原创 JQ select2 搜索下拉框
为了实现,带搜索效果的需求.选用select 2 插件.动态绑定数据生成的 select 标签,在生成完该节点之后一定要调一下! $(‘select’).select2() 方法. 不然生成的select 没有插件效果
2020-12-30 09:13:45 290
原创 ES6 可选链操作符
项目中经常会遇到深层次嵌套属性的验证,我们所能做的就是通过&&每层依次验证,这样看起来代码很繁琐,但又不得不这样做。有一个嵌套多层的对象,例如: let obj = { attr: { name: 'kingsaj' } }获取name的值 let n_val = obj.attr.name如果这样直接获取可能会报错,导致程序异常,所以我们需要对 obj 、attr此次验证即: let n_val = obj && obj.at
2020-12-25 17:17:46 1702
原创 动态生成的select框,获取数据发送请求
动态生成select框,获取数据 function submitHandler() { // 储存要发送的数据格式 [{},{}] let jsonData = []; // 拿到需要处理的 DOM节点 .inventory,循环添加数据 let listingNumber = $('.manifest_list .inventory'); for (let i =
2020-12-25 16:02:11 348
原创 url传数组对象 encodeURI() 函数
定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ’ ( ) 。该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?????&=+$,#// jsonData [
2020-12-25 09:19:06 1263
原创 axiso 使用
1:// 引入 import axios from 'axios'2: 创建实例let instance = axios.create({ // 配置基准路径 baseURL: PUBULD_URL, // timeout: 5000, // 配置请求头信息 headers: { 'content-type': 'application/x-www-form-urlencoded' }})// 请求拦截器instance.inte
2020-12-21 18:30:21 322
原创 api.js 统一封装$.ajax(axios)请求
// 1: 基础路径地址const HTTP_ROOT_PATH = 'xxxxxxxxx'// 2 : 为将来的 AJAX 请求设置默认值$.ajaxSetup({ // 发送请求前,携带token beforeSend: function(request) { // 读取到本地存储的 用户信息, 转换成对象 let userInfo = JSON.parse(localStorage.getItem('userData')) || {}; //.
2020-12-21 16:28:16 326
原创 layui.upload -图片/文件上传
<!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-12-18 15:20:07 1232
原创 layui弹窗 获取 iframe获取值
layer.open({ type: 2, title: '修改维护', shade: [0.6], area: ['600px', '800px'], btn: ['确认', '取消'], anim: 2, content: ['/frame/view/toProcess.html', 'no'], yes:...
2020-12-17 19:19:32 1333
原创 Es6模板字符串条件判断
// js 代码块html = `<tr> <td data-id=${item.id} style="text-align: center; "> ${(function () { if (item.status == 4) { return `<span> <i class="iconfont icon-guaqi offHungOnclick" title="取消挂起"></i> &
2020-12-17 11:35:12 1350 3
原创 jquery.ztree 插件
实现效果: 可勾选的树官网传送门1: 引入 css 样式, 以及js文件<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet" />jquery.ztree 是依赖于 jquery的<script type="text/javascript" src="jquery-1.4.2.js"></script><script th:sr
2020-12-15 10:44:45 339
原创 React 事件处理 (3)
事件绑定React 事件绑定语法与DOM事件语法相似语法: on+事件名=(事件处理程序),比如: onClick={() => {}}注意: React事件采用驼峰命名法,比如: onMouseEnter, onFocus类组件绑定事件class App extends React.Component { // 创建事件 handleClick() { alert('类组件单击事件触发') } // 使用this.handleClick 绑定事件 render() {
2020-12-10 22:07:05 69
原创 React 创建组件的两种方法 (2)
使用 函数 创建组件使用JS中的函数创建的组件叫做:函数组件函数组件必须要有返回值组价名称必须以大写字母开头,React 据此区分 组件 和 普通的React 元素使用函数名// 1 创建 函数组件function Hello() { return ( <div>我是一个函数组件</div> )}// 2 使用组件ReactDOM.render(<Hello />, document.getElementById('root'))使用类创
2020-12-09 22:25:23 206
原创 React 基础 (1)
创建React项目React是构建用户界面的JavaScript库使用react时,推荐使用脚手架初始化项目命令: npx create-react-app my-app启动项目; yarn start (npm start)React.createElement() 方法用户创建 react元素ReactDom.render() 方法负责渲染react 元素到页面中JSX的基本使用JavaScript XML 简称JSX写JSX就跟写HTML一样,直观友好JSX语法更能体现Rea
2020-12-09 21:53:07 71
原创 使用jquery.load 处理 HTML页面公共部分引入
HTML公用部分抽离出来使用,使后期维护起来更加方便创建一个index.html页面, 和common文件夹(用来存储公用页面部分)header.html<header class="mui-bar mui-bar-nav"> <h1 class="mui-title">头部公共部分</h1></header>footer.html<footer>底部公用内容</footer>index.html<!DOC
2020-12-03 16:55:11 1760
原创 JQ 实现登陆页面
效果实现思路$(function() { validateRule(); $(".i-checks").iCheck({checkboxClass:"icheckbox_square-green-login"}); $('.imgcode').click(function() { var url = ctx + "captcha/captchaImage?type=" + captchaType + "&s=" + Math.random(); $(".imgcod
2020-12-03 09:49:36 2933 2
SuperMap iClient3D for WebGL 吊机模型文件
2023-11-08
前端关于 CSS,你该做好这 20 件事
2022-04-21
AMandroidstudio.zip
2020-11-23
Svn使用操作步骤.zip
2020-03-29
HTML页面JS引入的位置不同,会延迟浏览器对DOM的渲染吗?
2021-06-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人