08 2019 档案
摘要：模块化设计 一个完整的ThinkPHP应用基于模块/控制器/操作设计，并且，如果有需要的话，可以支持多入口文件和多级控制器。
阅读全文
摘要：接地气，兼容性好，支持IE8） function diff(arr1,arr2){ var a = []; var b = []; for(var i=0;i<arr2.length;i++){ a[arr2[i]]=true; } for(var i=0;i<arr1.length;i++){ if(!a[arr1[i]]){ b.push(arr1[i]); } } console.log(b
阅读全文
摘要：1、html <div ref="getheight"></div> <br><br> 2、JavaScript // 获取高度值 （内容高+padding+边框） let height= this.$refs.getheight.offsetHeight; // 获取元素样式值 （存在单位） le
阅读全文
摘要：toTop() { let top = document.documentElement.scrollTop || document.body.scrollTop; // 实现滚动效果 const timeTop = setInterval(() => { document.body.scrollTop = document.documentElement.scrollTop = top -= 5
阅读全文
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式
阅读全文
摘要：使用过渡类名（有进入及出去，适合显示隐藏，需要配合v-if） .v-enter,//进入前 .v-leave-to {//离开后 只需要入场动画 可以把v-leave-to删掉 opacity: 0; transform: translateX(150px); } .v-enter-to, .v-l
阅读全文
摘要：例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3（加网 ）：fon
阅读全文
摘要：repo_clone $ git add "文件名" && git commit -m "提交名"git config --global credential.helper storegit clone ‘仓库地址’1.git status 查看修改状态2.git add "文件名" 添加 或者使用
阅读全文
摘要：radio单选框样式设置 input[type=radio] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; -webkit-appearance: none; background-color:
阅读全文
摘要：Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说
阅读全文
摘要：found 2504 vulnerabilities (1360 low, 1109 moderate, 29 high, 6 critical) run `npm audit fix` to fix them, or `npm audit` for details然后C:\WINDOWS\syst
阅读全文
摘要：mysql驱动包和源码下载地址：https://mvnrepository.com/artifact/mysql/mysql-connector-java 下载 mysql-connector-java-5.1.38.zip即可。 mysql驱动包和源码下载地址：https://mvnreposit
阅读全文
摘要：{{content[0]}} {{content[1]}} {{content[2]}} {{content[3]}}...
阅读全文
摘要：在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定
阅读全文
摘要：需要用到css3，vue过度 在网上找了很久很少的资料，自己摸索了一会看了官方文档，毕竟环境不同，需要的效果不同，耽误了很久 鼠标放上某一个就会从下方弹出层
阅读全文
摘要：点击可以收起，这里注意先给需要收起展开的的容器设置高度，通过样式v-enter和v-leave-to设置结束和开始前的就可以了
阅读全文
摘要：转载：http://blog.csdn.net/qq_15766181/article/details/73549933 钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构
阅读全文
摘要：有一段时间没用vue动画了，就忘了，又仔细去看了vue官网 的过渡&动画，记录下来方便快速使用 (可以多看vue官网 过渡&动画 实现更多效果) 1、实际效果 展开收起效果.gif 2、代码 <!--css--> .box{ height:200px;width: 200px; background
阅读全文
摘要：1.获取网页可见区域的宽度：document.body.clientWidth ; 2.获取网页可见区域的高度：document.body.clientHeight; 3.获取 网页可见区域宽：document.body.offsetWidth; (包括边线的宽度) 4.获取网页可见区域高：docu
阅读全文
摘要：/* 提示信息 */ .content-tishi{ width: 6.93rem; margin: 0 auto; background: #e9eaea; display: flex; flex-direction: column; margin-top: 0.55rem; padding: 0.3rem 0.32rem 0.31rem 0.32rem; border-radius: 0.1r
阅读全文
摘要：于是开始了，调错之路。 解决方法：鼠标右击项目工程——》Build Path——》点击comfigure Build Path进入 >选择java Bulid Path >在左边点击Libraries >选择Add Librar 在Add Library中选择Server Runtime，点击下一步
阅读全文
摘要：视图容器 名称功能说明 movable-view 可移动的视图容器，在页面中可以拖拽滑动 cover-image 覆盖在原生组件之上的图片视图 cover-view 覆盖在原生组件之上的文本视图 movable-area movable-view的可移动区域 scroll-view 可滚动视图区域
阅读全文
摘要：1. 路由方式 用法如下： navigateTo, redirectTo 只能打开非 abBar 页面。 switchTab 只能打开 tabBar 页面。 reLaunch可以打开任意页面, 但是没有返回按钮，需要定义一个可以点击回退的按钮。 页面底部的 tabBar 由页面决定，即只要是定义为
阅读全文
摘要：1、小程序生命周期 （1）首先小程序的生命周期函数是在app.js里面调用的，App(Object)函数用来注册一个小程序。接受一个 Object 参数，指定其小程序的生命周期回调；一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。 小
阅读全文
摘要：我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了一个utils/util.js这里写图片描述可以将一些公共的代码抽离成为一个单独的 js (utils.js)文件，作为一个模块;模块只有通过 module.exports 或者 exports 才能对外暴露
阅读全文
摘要：.box{ 子级 position: relative; width: 300px; height: 400px; display: flex; justify-content: center; align-content: center; background: #1B6D85; } .box::
阅读全文
摘要：html,body{ margin: 0; padding: 0; height: 100%; width: 100%; background: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad); background-s
阅读全文
摘要：在运行vue项目时报如下问题： E:\mobile_real\mobile-vue>npm run dev > mobile_real@1.0.0 dev E:\mobile_real\mobile-vue > webpack-dev-server --inline --progress --con
阅读全文
摘要：今天在启动一个Vue项目的时候，遇到了一个问题。 得知是Vue项目端口号占用的问题。 解决方法： 换一个端口号。 在调用 npm run dev 的时候，实际上是在调用根目录下的 package.json,打开这个文件之后发现： 由此可知，我们应该查看build目录下的dev-server.js文件
阅读全文
摘要：转 https://www.cnblogs.com/tu-0718/p/7521099.html 转 https://www.jianshu.com/p/1626b8643676 $ vue init webpack exprice 这个是那个安装vue脚手架的命令 This will instal
阅读全文
摘要：C:\Users\you name>npm cache cleannpm ERR! As of npm@5, the npm cache self-heals from corruption issues and data extracted from the cache is guaranteed
阅读全文
摘要：1、计算属性适用的情形我们可能会有这样的需求，一个数据属性在它所依赖的属性发生变化时，也要发生变化，这种情况下，我们最好使用计算属性。例如在下面这个例子中，如果我们使用监听函数，代码就会变得有点冗余。<div id="demo">{{ fullName }}</div> fullName属性依赖于f
阅读全文
摘要：- 创建期间的生命周期函数： + beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 + created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板 + beforeMount：此时已
阅读全文
摘要：Vue全局自定义指令 接下来用自动获取焦点这个小例子，来介绍一下全局自定义指令。 注意：Vue.directive(‘参数名称’,{}) 定义全局指令，它有两个参数 参数1：指令名称,注意在定义的时候，指令名称前不需要加 v- 前缀，但是在调用的时候，必须加v- 前缀。 参数2：参数2是一个对象，这
阅读全文
摘要：转 https://www.cnblogs.com/wangruifang/p/7765562.html vue1.*版本是有内置的过滤器，但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建 过滤器的本质 是一个有参数 有返回值的方法 new Vue({ filters:{ my
阅读全文
摘要：在监听键盘事件时，我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符： JS部分： HTML部分： 结果： Vue内置的按键名： .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .righ
阅读全文
摘要：var vm = new Vue({ el:"", data:{ }, methods:{ } })
阅读全文
摘要：1.迭代普通数组 在data中定义普通数组 data:{ list:[1,2,3,4,5,6] } 在html中使用 v-for 指令渲染 --索引值--{{i}} --每一项--{{item}} 2.迭代对象数组 在data中定义对象数组 data:{ list:[1,2,3,4,5,6]...
阅读全文
摘要：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>要挑 - 就是要，挑好的。</title><meta name="keywords" content="要挑，要挑APP，要挑官网，要挑购物，要挑会
阅读全文
摘要：Flexibl.js 为我们做了一项工作，媒体查询工作，节约了许多操作 举个例子，移动端的页面设计稿是750px，我们自己换算rem单位，比如我想把屏幕划分为15等份，我就750/15=50，然后用所有的像素单位除以50，换算得到的就是rem单位。 但是css不能计算，所以我们使用可编译的less或
阅读全文
摘要：body{ min-width: 320px; width: 15rem; margin: 0 auto; line-height: 1.5; background: #f2f2f2; overflow-x:hidden; -webkit-tap-highlight-color: transparent; }*,::before,::aft...
阅读全文
摘要：//设置常用的body html{ font-size: 50px; } @no:15; @media screen and (min-width:320px) { html{ font-size: 320px/@no; } } @media screen and (min-width:360px){ html{ font-size: 360px/@no; } } /* iphone 678 */
阅读全文
摘要：1. 定义： 使用 @ 符号来定义变量 ，在Less中开头是 @ 则是变量，关于变量的命名方法，大家可以参考js中命名的规则，毕竟是做前端的，有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写，从第二个开始，单词首写字母大写。如boxAaa,boxBbb
阅读全文
摘要：:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型，除了<h>标签。 n 可以是数字、关键词或公式 例子一 <!DOCTYPE html> <html> <head> <style> p:nth-child(2) { background:pink; } </sty
阅读全文
摘要：官方解释： [attribute^=value]，a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 <a> 元素。 最低要求：css3 [attribute*=value]，a[src*="abc"]，选择其 src 属性中包含 "abc" 子串的每个 <a> 元
阅读全文
摘要：js是一门弱语言，它在声明变量时无需确定变量的类型，js在运行时会自动判断。那么如何判断一个变量的类型呢，js提供了typeof运算符，用来检测一个变量的类型。 1. typeof的语法 typeof是一个运算符，有2种使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，
阅读全文
摘要：在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发
阅读全文
摘要：移动端与桌面端最明显的区别就在于屏幕的大小。在比桌面端屏幕小不少的手机移动端上做web开发，网页的布局将会是一个全新的课题。因此首先我们需要了解的就是一个与屏幕大小息息相关的属性–Viewport。ViewportViewport翻译成中文可以叫“视窗”或者是“视口”，它表示的是用户网页的可视范围（
阅读全文
摘要：我们都知道"overflow:hidden"可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途，那就是清除包含块内子元素的浮动。我们先来看一个实例： //htm
阅读全文
摘要：SELECT CONCAT("内容:",info)AS info FROM 表名;
阅读全文
摘要：Jsp隐含变量 1、out 来源于Java.io.Writer类，它用于发送输出流到客户端。2、request 来源于javax.servlet.http.HttpServletRequest接口。它被关联到每一个HTTP请求。3、response 来源于javax.servlet.http.Htt
阅读全文
