按钮

第九次作业

微笑、不失礼 提交于 2019-12-06 08:44:58
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:background="@drawable/bg" android:padding="16dp" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="130dp" android:orientation="horizontal" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text

什么是闭包,闭包造成的内存泄露如何解决

限于喜欢 提交于 2019-12-06 08:43:30
什么是闭包? 能够访问其他函数内部变量的函数 闭包解决了什么问题 由于变量的作用域的原因-----(函数内部能读取全局变量,函数外部无法读取函数内部的变量【局部变量】),为了在函数外部读取局部变量,所以就有了闭包。 闭包的作用 1.访问其他函数内部变量 2.保护变量不被内存回收机制回收 3.避免全局变量被污染 方便调用上下文的局部变量 加强封装性 闭包的缺点 闭包长期占用内存,内存消耗很大,可能导致内存泄露 闭包示例代码 function outer(){ var m = 2; function inner(){ console.log(m) } return inner; } let func = outer(); func() //打印2 注意事项,如若操作不当,可能会导致内存泄漏。 什么是内存泄漏 首先,需要了解浏览器自身的内存回收机制。 每个浏览器会有自己的一套回收机制,当分配出去的内存不使用的时候便会回收;内存泄露的根本原因就是你的代码中分配了一些‘顽固的’内存,浏览器无法进行回收,如果这些’顽固的’内存还在一直不停地分配就会导致后面所用内存不足,造成泄露。 闭包造成内存泄漏 因为闭包就是能够访问外部函数变量的一个函数,而函数是必须保存在内存中的对象,所以位于函数执行上下文中的所有变量也需要保存在内存中,这样就不会被回收,如果一旦循环引用或创建闭包,就会占据大量内存

day50 bootstrap

笑着哭i 提交于 2019-12-06 08:41:46
day50 bootstrap 内容回顾: 1.jquery ui 2.animate.css 3.@media媒体查询 4.移动端单位 今日内容 一. UEditor 富文本编辑器 fex.baidu.com/ueditor 前端的前后端的包: www.npmjs.com jquery插件的登录框演示: http://www.jq22.com/jquery-info15518 通过前端的工具下载包:(先要下载nodejs) nodejs.org/en/ (node package manager) 1.安装了nodejs 自带了npm(安装了python 自带了pip3) 2.初始化当前目录 C:\Users\THINKPAD>cd C:\Users\THINKPAD\PycharmProjects\s15\day51 npm init #初始化时会搞一个东西出来, 它来管理这个包的历史版本 npm init --yes #免交互,直接生成package.json文件 3.下载项目包 npm install jquery --save #不加版本号, 默认最新版 npm install jquery@3.4.1 --save #带版本号下载指定版本 #自动生成node_modules文件夹 4.引入下载的项目 <script src="./node_modules/jquery

移动端App uni-app + mui 开发记录

泄露秘密 提交于 2019-12-06 08:34:46
  前言   uni-app   uni-app是DCloud推出的终极跨平台解决方案,是一个使用Vue.js开发所有前端应用的框架,官网: https://uniapp.dcloud.io/   mui   号称最接近原生APP体验的高性能前端框架,官网: https://dev.dcloud.net.cn/mui/   个人觉得,mui除了页面设计很接近原生App之外,还有一个特点就是能方便的使用App扩展规范Html5 Plus( http://www.html5plus.org/doc/h5p.html ),我们能在它的源码中看到比较多的地方都有使用到   开发工具   使用HBuilderX开发工具写uni-app的代码,以及打包App等工作,主要的业务功能依旧是使用我们熟悉的idea开发,不过页面从webPC端风格改成了移动端风格   整体我们采用uni-app + mui的方式,使用的是官方推荐的uni-app原生标题栏跟导航栏+嵌入webview远程服务的页面,也就是说除了头部、尾部,中间的内容都是类似iframe嵌入进去      为方便以后查阅,特此记录   uni-app部分   我在App.vue中对uni对象进行全局赋值,这样在每个页面都调用到,这样做的目的是为了方便全局修改   设置进度条颜色、监听webview的url变化判断是否需要导航栏按钮等操作

AWT

两盒软妹~` 提交于 2019-12-06 08:31:00
AWT AWT(Abstract Window Toolkit)锛屼腑鏂囪瘧涓烘娊璞$獥鍙e伐鍏峰寘锛岃鍖呮彁渚涗簡涓€濂椾笌鏈湴鍥惧舰鐣岄潰杩涜浜や簰鐨凕a href="https://baike.baidu.com/item/鎺ュ彛/15422203">鎺ュ彛锛屾槸Java鎻愪緵鐨勭敤鏉ュ缓绔嬪拰璁剧疆Java鐨凕a href="https://baike.baidu.com/item/鍥惧舰鐢ㄦ埛鐣岄潰/3352324">鍥惧舰鐢ㄦ埛鐣岄潰鐨勫熀鏈伐鍏枫€侟/li> 甯哥敤缁勪欢锛氬涓嬪叧绯诲浘 1.1銆丗rame 杈规 銆?a href="https://baike.baidu.com/item/鑿滃崟">鑿滃崟鍜屽ぇ灏忕瓑銆侟/p> 妗堜緥婕旂ず锛欬/p> package awtdemo; import java.awt.*; import java.util.Set; public class TestFrame { public static void main(String[] args) { //new涓€涓獥鍙 Frame frame = new Frame("鎴戠殑绗竴涓晫闈?quot;); //璁剧疆绐楀彛鐨勫ぇ灏忥紝杩欎釜浼犵殑鍙傛暟鍙兘鏄痓oolean绫诲瀷锛宼rue涓哄彲鍙橈紝false灏辨槸涓嶅彲鍙 frame

十九、React UI框架Antd(Ant Design)的使用——及react Antd的使用 button组件 Icon组件 Layout组件 DatePicker日期组件

五迷三道 提交于 2019-12-06 07:53:41
一、Antd(Ant Design)的使用:引入全部Css样式 1.1 antd官网: https://ant.design/docs/react/introduce-cn 1.2 React中使用Antd 1、在项目根目录安装antd【每个项目都安装一次】: npm install antd --save / yarn add antd / cnpm install antd --save 2、在您的react项目的css文件中引入Antd的css【会引入所有css样式】: @import '~antd/dist/antd.css'; 3、使用具体组件(看文档使用)例如使用Button: 1、在对应的组件中引入Antd: import { Button } from 'antd'; 2、在render()中写入组件: <Button type="primary">Primary</Button> 1.3 代码示例 1.安装 2.引入antd的css样式 因为在App.js里引入了App.css所以就在App.css头部引入: @import '~antd/dist/antd.css'; 3.在App.js里使用Antd的按钮组件、小图标组件 在官网查找组件:https://ant.design/docs/react/introduce-cn import React from

sublime Text3中Emmet插件的安装和使用

主宰稳场 提交于 2019-12-06 07:34:56
本文为转载,感谢作者无私分享! 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/xiaozhi_2016/article/details/52415897 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具。基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为“片段”。虽然片段能很好地推动你的生产力,但大多数的实现都有这样一个缺点:你必须先定义你的代码片段,并且不能在运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根据你所输入的缩写来得到相应的内容。Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发工具,但也可以用于编程语言。 使用示例: 在编辑器中输入缩写代码:ul>li*5 ,然后按下拓展键(默认为tab),即可得到代码片段: <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 只可惜我用了那么久的Sublime Text编辑器,竟然到今天才发现Emmet这个神插件。下面就为大家介绍一下sublime text中Emmet的安装方法: 步骤一

day47总结

拜拜、爱过 提交于 2019-12-06 07:10:24
目录 jQuery基本筛选器 jQuery属性选择器 jQuery表单筛选中 jQuery筛选器方法 jQuery标签操作 模态框 开关灯示例 链式操作 位置操作 文本操作 用户注册校验示例 属性操作 节点操作 clone jQuery时间 jQuery绑定事件的语法 鼠标悬浮绑定事件 input实时监听事件 阻止标签默认的事件 事件冒泡 事件委托 jQuery动画效果 点赞动画效果示例 each循环 data方法隐式设置属性 .data()方法设置的属性对外部不可见 jQuery基本筛选器 $('ul li:first'); // 筛选出第一个元素, [li] $('ul li:last'); // 筛选出最后一个元素 $('ul li:eq(1)'); // 筛选出索引等于1的元素, 从0开始计数 $('ul li:even'); // 筛选出索引为偶数的元素 $('ul li:odd'); // 筛选出索引为奇数的元素 $('ul li:gt(3)'); // 筛选出索引大于3的元素 $('ul li:lt(3)'); // 筛选出索引小于3的元素 $('div:not(".c1")'); // 筛选出不包含c1样式的元素 $('div:has(".c1")'); // 筛选出包含c1样式的元素, 从div标签的后代元素中筛选 jQuery属性选择器 $('[userName

使用webstorm搭建vue-cli项目

懵懂的女人 提交于 2019-12-06 06:29:21
前言 在上一篇博客 vue学习笔记(八)组件校验&通信 中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本章博客将会重点的讲解vue-cli中的组件通信,毕竟这在以后的开发内容中是非常普遍使用的。那么一起来看看本篇博客需要学习的知识点吧! 本章目标 学会使用vue-cli中父组件向子组件传递信息 学会使用vue-cli中子组件向父组件传递信息 学会使用vue-cli中非父子组件传递信息 vue-cli中的父组件向子组件传递信息 既然提到要使用vue-cli实现组件通信,那么肯定要有vue-cli的环境,没有搭建vue-cli环境的园友可以参考这篇博客 使用webstorm搭建vue-cli项目 ,这篇博客讲解的非常透彻,大家可以现将环境搭建好,然后再来看这篇博客,假设我们项目搭建好了,项目目录结构如下 (1)创建两个组件父组件和子组件 我们需要在src/components/parent/创建两个组件ParentComponent.vue和ChildComponent.vue,创建好之后目录如下 (2)分别在对应的组件中编写代码 ParentComponent.vue <template> <div> <h1>{{title}}</h1> <!--注意:每个组件注册必须有一个根元素-->

vue input 循环渲染问题

允我心安 提交于 2019-12-06 06:26:27
<li>  <span>下属区县:</span> <div class="quxianList" v-for="(qx,index) in quxian">   <input type="text" v-model="quxian[index]">  <!--这里不要用qx--> </div> <button class="addQuxian" title="添加区县" @click="addQuxian()">+</button></li> 不要用onchange什么的 来源: https://www.cnblogs.com/xulei1992/p/11965379.html