按钮 | 易学教程

学习boot笔记

阅读更多关于学习boot笔记

响应式导航栏 1、保证在窄屏时需要折叠的内容必须包裹在带一个div内，并且为这个div加入collapse、navbar-collapse两个类名。最后为这个div添加一个class类名或者id名。 2、保证在窄屏时要显示的图标样式（固定写法）： < button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#example"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> < /button> 3、并为button添加data-target=".类名/#id名"，究竞是类名还是id名呢？由需要折叠的div来决定。如需要折叠的div代码段： < div class="collapse navbar-collapse" id="example"> <ul class="nav navbar-nav"> … </ul> < /div> 窄屏时显示的图标代码段： < button class="navbar-toggle" type="button" data

React Hooks 你不来了解下？

阅读更多关于 React Hooks 你不来了解下？

前言最近在看 React 的新语法—— React Hooks ，只能一句话概括：React 语法真的是越来越强大，越写代码越少。强烈推荐还没看 React Hooks 的同学去学习下，这会让你写react 项目变得非常爽！以前 React 组件可以看成是：无状态组件（function定义）和有状态组件（class 定义），React Hooks 出现之后，我们基本所有的组件都可以用function定义，包括有组态组件，基本废除了写 class 语法的复杂性，让我们写代码真正变成了函数式编程。状态 Hooks(useState) 这里说明一点，react中所有的Hooks都是一种函数，函数都是用来实现特定功能的。 useState 提供了创建组件state的功能，用法： const [count, setCount] = useState(0) useState() 接受唯一一个状态初始值参数，返回包含状态和改变状态对应的函数的数组，这里采用数组解构方法获得状态变量 count ，改变状态方法 setCount。强调一点： useState() 传入的初始值不一定非要是个对象，可以为普通数据类型，比如：Number，String等，初始值用作组件初次渲染。 setCount() 接受一个全新的state状态，react会直接全部替换掉原来的state状态，这点和

Vue组件化开发

阅读更多关于 Vue组件化开发

组件化开发入门案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue</title>  <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div id="app"> <button-counter></button-counter> <button-counter></button-counter> <button-counter></button-counter> <button-counter></button-counter> </div> <script type="text/javascript"> Vue.component('button-counter',{ /*这里比较特殊，参数需要使用函数的方式返回，否则template部分接收不到*/ data:function () { return {count:0} }, /*组件template中必须只有一个根元素*/ template:'<button @click="add">点击了{{count}}次</button>', methods:{ add:function () {

06 事件修饰符

阅读更多关于 06 事件修饰符

事件修饰符 .stop ：阻止冒泡 .prevent ：阻止默认事件 .capture ：添加事件监听器使用事件捕获模式 .self ：只当事件在该元素本身时回调 .once ：事件仅触发一次从一个例子出发： < html > < head > < meta charset = " utf-8 " > </ meta > < title > 事件修饰符 </ title >  < script src = " https://cdn.jsdelivr.net/npm/vue/dist/vue.js " > </ script > < style > .inner { height : 150px ; background-color : aqua ; } </ style > </ head > < body > < div id = " app " >  < div class = " inner " @click = " divhandler " > < input type = " button " value = " 戳他 " @click = " btnhandler " > </ div > </ div > < script >

黑客实战·2——关闭和开启服务

阅读更多关于黑客实战·2——关闭和开启服务

由于计算机中的服务是与端口相对应的，因此，也可以通过开启或禁用相应的服务来开启或关闭相应的端口。关闭服务 ①选择【开始】-【设置】-【控制面板】菜单项，在打开的【控制面板】窗口中双击【管理工具】图标，打开【管理工具】窗口。 ②双击【服务】图标，打开【服务】窗口，在其中可以看到本地计算机中所有服务及其状态。 ③在【服务】窗口中选择需要停用的服务并右击，在弹出的快捷菜单中选择【属性】菜单项，即可打开【Telnet的属性（本地计算机）】对话框。 ④单击【停止】按钮，即可禁用该服务，单击【应用】按钮后，可看到其属性已变为“已停止”。 ⑤单击【确定】按钮，返回到【服务】窗口，可以发现Telnet服务的【启用类型】被设置成“已禁用”。这样就可以成功关闭Telnet服务对应的端口了。启动服务 ①在【Telnet属性】对话框中单击【启动类型】右侧的下拉按钮，在弹出的下拉菜单中选择【自动】。 ②单击【应用】按钮，激活【启动】按钮。 ③单击【启动】按钮，即可启动该项服务。再次单击【应用】按钮，可以看到其已经变为“已启用”。 ④单击【确定】按钮，返回到【服务】中可发现已被设置为“已启动”。即已成功开启Telnet服务对应的端口。来源： CSDN 作者： wsx01294 链接： https://blog.csdn.net/wsx01294/article/details/104130865

SQlite数据库存储及增删改查例子

阅读更多关于 SQlite数据库存储及增删改查例子

MainActivity: package com . example . databasetest ; import androidx . appcompat . app . AppCompatActivity ; import android . content . ContentValues ; import android . database . Cursor ; import android . database . sqlite . SQLiteDatabase ; import android . os . Bundle ; import android . util . Log ; import android . view . View ; import android . widget . Button ; public class MainActivity extends AppCompatActivity { private MyDatabaseHelper dbHelper ; @Override protected void onCreate ( Bundle savedInstanceState ) { super . onCreate ( savedInstanceState ) ; setContentView ( R . layout .

遇见的问题（三）

阅读更多关于遇见的问题（三）

一：原生js只能有单个onchange时间（js写法） $("a").change(function(){ 　　//jQuery写法能有多个 }) 二：给select赋值 for(var i=0; i<province.options.length;i++){ 　　if(province.options[i].text==result.regeocode){ 　　　　province.option[i].selected=true; 　　} } 三：循环套循环时参数不能选择一致，一致时容易导致死循环，刚开始可能没有迟早出事。。。。（哈哈） for(var i=0; i<arr.length ; i++){ 　　for(var i=0; i<arr2.length ; i++){ 　　} } 循环里面的循环放在外面定义，浪费内存，效率低下四：火狐浏览器button渲染机制跟谷歌不一致在火狐浏览器中，button里面只允许加入文本内容，如果加入其它元素<button><span>X</span></button> 这时候给span绑定点击事件无法获得事件，点击事件无效。五：插件(function($){ //插件 });上一个函数事件末尾必须加上分好，不然报错：$(...) is not a function 来源： https://www.cnblogs.com

关于登录时错误信息提示的问题(使用JSTL标签if实现)：

阅读更多关于关于登录时错误信息提示的问题(使用JSTL标签if实现)：

以下内容是用于在登录页面输入密码错误后回显错误信息的，如果没有使用这个标签会发现，通过链接进去后第一次只显示一个没内容的空框框，所以本人使用了JSTL标签 c:if来实现如果没有错误信息则不显示框框。  <c:if test="${not empty msg_error}"> //判断有无错误信息。如果没有就不显示标签里的内容。 <div class="alert alert-warning alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" > <span>×</span> </button> <strong>${msg_error}</strong> </div> </c:if> 来源： CSDN 作者：喂了十四斤的农药链接： https://blog.csdn.net/weixin_42161111/article/details/104137317

微信小程序—组件——button

阅读更多关于微信小程序—组件——button

来源： https://www.cnblogs.com/bearbb/p/12250091.html

1-使用vant组件

阅读更多关于 1-使用vant组件

例如在index页面 1现在app.json里全局引入button组件 "usingComponents": { "van-button": "vant-weapp/button" } 2在index页面可以试着引入一个看是否成功 <view><van-button type="primary">申请</van-button></view> 成功！来源： https://www.cnblogs.com/ziye89/p/12250135.html

订阅按钮