- 博客(29)
- 资源 (1)
- 收藏
- 关注
原创 响应式开发
媒体查询@media screen and (min-width:992px) and (max-width:1200px){/*由于样式覆盖,后面的and 可以不写*/ .container { width: 970px; }}@media screen and (min-width:1200px){/*可以简写为 @media (min-width:1200px) {}*/ /*样式*/ .container { width: 1170px; }}简化代码使用boo
2020-09-28 18:16:18 133
原创 vue项目中添加moment(继续研究中)
moment这是个处理时间格式的js类库,我觉得超级好用具体见http://momentjs.cn/使用moment的原因:被前人留下的代码中如何在vue中引入moment和其他的一样第一步:npm install moment --save为啥用 --save 见该文具体学习:https://www.jianshu.com/p/e10f981972ff第二步:在.vue中添加 import Moment from ‘moment’我是这么用的,要在项目中全局使用而不是在每个.
2020-09-17 19:01:17 816
原创 webpack安装及出现问题解决方法(学习视频里没有)
安装npm i webpack -g --全局安装webpack建项目新建文件夹,在文件加下执行:npm init -ycnpm i --save-dev webpack@3npm i jquery -s建项目后问题在项目中执行webpack .\src\main.js .\dist\bundle.js 报错Webpack:Module not found: Error: Can’t resolve ‘./dist/bundle2.js’ in 'F:\Workspaces原因是
2020-07-27 16:49:19 601
原创 vuex的使用文档
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //类似于data }, mutations: { //类似于method,用来操作state,每个mutations的第一个形参都是state }, actions { //异步操作,来异步执行mutations,第一个入参都是context,用context.commit('
2020-07-23 16:52:14 183
原创 移动web开发中的viewport
移动web开发需要面临的问题浏览器问题主流基于webkit内核,使用h5,css3适配问题使用百分比自适应布局,即流式布局 (width = 100%)使用viewport 视口关于viewport视口viewport是移动设备中,浏览器和网页中间的一个虚拟的容器viewport只有在移动设备中才有,用来承载网页的viewport在大部分情况下默认宽度是980pxviewport使用在<meta>标签中<meta name="viewport" content=
2020-06-08 16:28:09 174
原创 前端初学者使用vue实现flex的学习页面(完整案例)
页面描述页面使用vue来处理;右边是一个组件,组件使用的flex来排版,flex所需要的参数在左边选择。容器属性与值选择后,将值传入组件,应用到组件的外层容器上项目属性与值选择后,将值传入组件,点击组件的某个div,则这个div会接收值,应用到自身上点击清空,会将过往选的内容都清空点击组件的div,div接收值后,会将父组件(即左边的内容)的项目属性值清空页面如下:(页面很丑,欢迎美工来指导)代码:<!DOCTYPE html><html lang="zh">
2020-06-08 10:30:11 1020
原创 vue路由嵌套及案例
路由嵌套:路由嵌套时,内层路由在外层路由的模板对象(即template中)中添加(router-link,router-view)外层路由的router-link,router-view在html结构中内层路由的{path:‘login’,component:login}放在路由实例化的routes的children属性中子路由前不需要加’/’,否则永远以根路径开始请求,不方法用户理解url地址代码<!DOCTYPE html><html lang="zh">
2020-05-20 19:03:46 519
原创 vue路由及案例
前端路由和后端路由的区别:后端路由:对应相应服务器的资源的url就叫后端路由,这种路由请求会调用服务器资源前端路由:只在浏览器跳转,不涉及服务器请求。通过hash(#)来实现的。http请求中不会包含hash相关的内容。...
2020-05-19 18:55:42 423
原创 vue中品牌列表案例及涉及到的知识点--完整可执行
这个案列中详述了:自定义按键修饰符,自定义指令,自定义过滤器复习了v-model v-for自定义按键修饰符按键修饰符 .后加键 系统提供的有 enter,tab,delete,esc,space,up,down,left,right;如果要用别的,则可以使用键盘码(键盘上的每个键都对应一个码 比如113=f2),则是@keyup.113=“add”如果不用码则需要自定义按键修饰符,如本例中定义的f2 写法是@keyup.f2=“add”自定义指令如果需要给keywords添加默认获得
2020-05-19 17:17:14 271
原创 语句记录
查看表空间使用情况select * from dba_tablespace_usage_metrics order by used_percent desc
2020-05-14 17:07:04 95
原创 computed、methods和watch的区别及用法(待补充)
computed属性的结果会被缓存,除非依赖的响应式属性发生变化才会重新计算,主要当做属性来使用;methods表示一个具体的操作,主要书写业务逻辑watch是一个对象,键是需要观察的表达式,值是对应的回调函数,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作,可以看做是computed和methods的结合。...
2020-05-09 11:37:35 166
原创 十年维护开发心路
说是心路,其实只是一些感悟。本人已参加工作十年,中间一直没有换过,做着同一个系统的开发维护工作。在这十年中,中间怀孕生子两次,也懈怠过几年。期间因为陆续有两个同事的离职,承接了他们模块的工作,事情是越做越多,也没有让自己闲着:报表,需求测试,分析,开发,维护等的工作都有,有时候一个月要上线10几个需求。领导也因为这个每年给涨工资,本人的工作态度也是尽职尽责。但这些事情做到最后,还是越做也不开心...
2020-05-06 19:04:02 260 1
原创 Vue组件使用读书笔记
好处: 为了拆分vue实例中的代码量 能够以不同的组件划分不同的功能模块 需要什么样的功能,调用相应的组件即可组件化和模块化:模块化从代码逻辑的角度划分,方便代码分层开发,保证每个模块的职能单一组件化从UI界面的角度划分,前端的组件化,方便UI组件的重用组件定义有3种方式但最后都是Vue.component('组件名称',{//组件名称如是驼峰写法,那么使用时转化成小写中间加-,不...
2020-04-27 19:23:59 123
原创 vue-devtools安装--最新
1、下载安装https://download.csdn.net/download/qq_38620694/12022217 下载vue_devtools_5_3_3_0.crx下载后放到目录D:\chrome扩展下点击chrome浏览器的“更多工具”----扩展程序-- 打开右上角的开发者工具将下载好的vue_devtools_5_3_3_0.crx拖拽到浏览器扩展程序页面的空白处...
2020-04-27 17:59:06 684
原创 js中数组和string的方法
list.push() 添加list.splice(i,n)删除list.some() 遍历,可以符合条件后返回list.findIndex(item=>{}) 遍历,找到后可以返回索引list.filter(item=>{}) 过滤list.forEach 遍历不会被终止string.indexOf(str) 查看字符串中是否有str,如果没有返回-1。对空...
2020-04-17 18:53:36 813
原创 vue的事件修饰符--会持续更新
.stop 阻止冒泡.prevent 阻止默认行为,用在链接标签中则会阻止页面的跳转.capture 捕获机制(从外到里执行时间).self 只有自己才能触发时间,拒绝冒泡和捕获.once 只触发一次...
2020-04-17 18:44:44 111
原创 vue的指令v-
v-clock:注:渲染页面前会先加载vue.js,加载或多或少都会有时间。在没加载之前,如果不用这个指令,那么就会显示出一些代码而不是值,当加载完成后才会显示结果,这个问题称之为闪烁问题如果在标签内加上v-clock:,那么在加载好之前不会显示任何东西,加载后才显示结果,这就是该标签的作用,解决页面闪烁问题。2. v-text:与插值表达式{{ }}3. 与插值表达式(musta...
2020-04-17 18:39:13 196
原创 vue的面纱揭开,我终于看见了你!
前端进化原生js--->Jquery之类的类库----->前端模板引擎---->Angular.js/vue.js类库解决了浏览器兼容问题模板引擎改进了页面的渲染,让数据更直接的进入到页面中,但每次的重新渲染属于数据的重新加载,影响了效率Angular.js /vue.js 提高了渲染效率vue是一个框架,不是类库框架是一个完整的解决方案框架一旦选用后不能修改,...
2020-04-10 18:48:13 128
原创 java序
Java通常被用在网络环境中,为此,Java提供了一个安全机制以防恶意代码的攻击。除了Java语言具有的许多安全特性以外,Java对通过网络下载的类具有一个安全防范机制(类ClassLoader),如分配不同的名字空间以防替代本地的同名类、字节代码检查,并提供安全管理机制(类SecurityManager)让Java应用设置安全哨兵可移植性:依靠java虚拟机,JVM(一个由软件和硬件模拟出来的...
2019-12-20 18:56:57 337
原创 java基础学习笔记
数据类型分为:基本数据类型数值型:整型:byte short int long 默认值:0浮点型:float double 默认值:0.0布尔型: boolean 默认值:false字符型: char ...
2019-12-20 18:49:56 72
原创 java面向对象学习笔记一
面向对象的三个主要特征是封装性:内部的操作对外部不可见,当内部的操作都不可直接使用的时候才安全继承性:在已有结构的基础上进行功能的扩充多态性:是在继承性的基础上扩充而来的概念,指的是类型的转换处理。面向对象的开发有三个步骤:OOA:分析OOD:设计OOP:编程类与对象:类是对某一类事物的共性的抽象概念对象描述的是一个具体的产物。类中一般由两部分组成:成员属性和操作方法。St...
2019-12-20 18:43:16 149
原创 前后端实战总结
功能介绍:首页调用接口返回json,在第二界面显示json内容,再将json传回后端,进行调用。对于菜鸟我来说,这个简单的功能,步步是坑啊第一:在首页使用ajax请求并处理返回:$.ajax({ url:"${mainDomain}/front/broadband/broadBandReqForPay", type:"post", data:{...
2019-12-17 19:05:08 144
原创 mysql学习备注
mysql学习时需要注意的问题:注意:在 MySQL5.7 中 user 表的 password 已换成了authentication_string。注意:password() 加密函数已经在 8.0.11 中移除了,可以使用 MD5() 函数代替。注意:在注意需要执行FLUSH PRIVILEGES语句。 这个命令执行后会重新载入授权表。...
2019-12-12 13:16:12 139
原创 windows下mysql安装使用
1、进入https://dev.mysql.com/downloads/mysql/下载mysql包我选的是windows下的64位安装包2、下载后将文件解压到你所需要的目录下我的是在C:\web\mysql-8.0.11这是你会发现你的目录下没有这个my.ini文件,对,这个文件是新建的内容为:[client]# 设置mysql客户端默认字符集default-charact...
2019-12-12 11:38:23 181
原创 JQuery中疑问
问题一:find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。find("*") 所有后代 find("ss")后代中的ss元素find()方法必须加参数么?问题二:var txt2=$("<p></p>").text("文本。"); // 使用 jQuery 创建文本???$("<p></p>")...
2019-12-06 10:43:10 199 1
原创 IDEA中误将jar包引入
在前后台分离工程中,误将工程下的a包引入到b包,导致启动配置重复错误[WARN ] Jdk14Logger.java:[87] - Exception encountered during context initialization - cancelling refresh attempt: org.springframework.beans.factory.BeanDefinitionSt...
2019-11-12 10:39:41 346
转载 java代码面向对象实现:500人围成一圈,数3退一,求最后留下的人的最初位置
java代码面向对象实现:500人围成一圈,数3退一,求最后留下的人的最初位置
2017-09-10 11:57:13 753
转载 java代码while循环实现:500人围成一圈,数3退一,求最后留下的人的最初位置
java代码while循环实现:500人围成一圈,数3退一,求最后留下的人的最初位置
2017-09-10 11:55:30 382
原创 java代码for循环实现:500人围成一圈,数3退一,求最后留下的人的最初位置
java代码for循环实现:500人围成一圈,数3退一,求最后留下的人的最初位置
2017-09-10 11:51:43 1246
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人