- 博客(80)
- 收藏
- 关注
RSS订阅原创 三列布局
目录介绍浮动法定位法定位法和浮动法的区别介绍三列布局指的是两边两列定宽，中间的宽度自适应，不同于圣杯布局和双飞翼，是三列布局的元素放置顺序是left,right,middle而不是middle优先加载。且middle元素的宽度也不是设置成100%，而是auto(你没设置width默认是width：auto)浮动法<!doctype html><html lang="e...
2020-05-07 17:30:36
1545
原创 双飞翼+伪等高
双飞翼布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2020-05-07 16:44:34
131
原创 双飞翼布局
圣杯布局圣杯+伪等高目录第一步第二步第三步第四步全部代码圣杯布局和双飞翼布局达到的效果基本相同，都是侧边两栏宽度固定，中间栏宽度自适应。不同之处就是在解决中间部分被挡住的问题第一步第二步接下来要将left放在middle左边，right放在middle的右边，将left，middle，设置为左浮动将right设置为又浮动第三步设置left的 margin-left: ...
2020-05-07 16:41:27
419
原创 圣杯布局+伪等高布局
伪等高就是不设置三块都不设置高度，内部自适应/* 伪等高 如果超出 100000px边界就失效了 */ .content .middle, .content .left, .content .right { padding-bottom: 100000px; margin-bottom: -10000...
2020-05-07 09:30:21
207
原创 圣杯布局
圣杯布局要实现两边固定，中间自适应，中间部分的代码要放在最上面实现优先加载第一步：创建middle，left，right，及包裹它们的父盒子content第二步接下来要将left放在middle左边，right放在middle的右边，将left，middle，设置为左浮动将right设置为又浮动由于浮动的原理是谁先浮动的谁就是在最顶端的，且middle已经设置了width为100...
2020-05-06 23:55:07
361
原创 鼠标悬浮菜单栏动画（vue版）
数据动态<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist...
2020-05-06 18:21:56
2026
原创 Vuex中一个子模块的actions调用另一个模块的actions
我要在模块file.js操作index.js的AliOssClient方法（在你有开启namespaced的时候）const actions = { aaa(){ dispatch('AliOssClient',null,{ root: true }) }}export default { namespaced: true, state, mutations, ac...
2020-05-02 17:07:13
4245
原创 安卓通过intent调起视频播放器出现No Activity found to handle Intent
安卓通过intent调起视频播放器出现No Activity found to handle IntentIntent intent = new Intent("android.intent.action.VIEW");intent.setDataAndType(Uri.parse(videoUrl),"video/*");startActivity(intent);在AndroidM...
2020-05-01 10:20:49
688
原创 Vue 关于深度嵌套的兄弟组件互调内部方法
Vue 关于深度嵌套的兄弟组件互调内部方法问题：思路：解决：是这样的我先在状态管理器（Vuex）中的state定义一个属性和在mutations定义一个改变它的方法再在state内定义getters属性然后我在组件01的onSlectALL函数内改变全局状态管理器的状态我在组件02内引入辅助函数和那个gettes值，在computed引入辅助函数（这部分在文档可以看到这么用），然后在watch内监...
2020-04-29 23:02:21
1182
原创 sql连接查询
连接查询连接查询sql92语法，where等值连接非等值连接自连接sql99语法，join内连接内连接的等值连接内连接的非等值连接外连接左外连接右外连接全外连接交叉连接小结何时使用内连接何时使用左外连接何时使用右外连接何时使用左外连接加 is null何时使用右外连接加 is null何时使用全外连接何时使用全外连接加 is null连接查询sql92语法，where等值连接// 基本写...
2020-04-27 16:53:30
309
原创 在vscode写flutter
首先在vscode打开flutter构建的文件打开main.dart在terminal运行 flutter run在terminal 按下R健 是热加载按下P健 是网格按下O件 是切换到ios模式/和android模式按下Q健 退出调试预览模式...
2020-04-20 13:33:14
586
原创 用as 创建一个flutter应用
点击file 》 new flutter project创建完就是如下模样这时要导入android下点击 file > open >第一次导入会比较慢，原因是他在加载这玩意大概加载15分钟左右，主要看自己的网络，有时候会下载失败失败的玩意都被我遇上了，如果失败点击Sync Project with Grade Files 让他重新下...
2020-04-20 10:48:26
697
原创 window下安装flutterSDK，和换源
下载sdk下载地址 点击下载最好下载最新版下载完解压，然后配置环境变量点击系统变量在path上加上 D:\work\flutter SDK\flutter\bin这段路径是你解压dsk的路径验证是否配置成功出现以下内容代表配置成功了换源PUB_HOSTED_URL ：：：：： https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_...
2020-04-19 21:01:35
2021
原创 dart文件运行在vscode出现乱码
···首先你得先安装dart成功~然后在vscode安装dart插件首先你得先安装dart成功~点击现在dart ：下载地址安装的过程由于他要在线下载其他文件 所以安装较慢校验安装成功然后在vscode安装dart插件还要安装一个run code 插件用来运作dart接着点击设置然后设置中打开setting.json文件添加如下代码“code-runner.runIn...
2020-04-19 19:37:54
3519
4
原创 sql语句的函数整理部分
sql语句的函数单行函数字符函数ifnullisnulllengthconcatupper、lowersubstr、substringinstrtrimlpadrpadreplace数学函数roundceilfloortruncatemod日期函数nowcurdatecurtime指定年、月、日、小时、分、秒符号表格str_to_datadate_formatdatadiff其他函数version...
2020-04-17 11:13:31
841
原创 git常用操作指令
大纲Git初始化本地仓库将文件提交到暂存区将文件从暂存区提交到分支区查看日志文件查看git的提交状态版本回退对比本地文件和提交文件的不同没有提交到暂存区，想版本回退提交到暂存区未提交到分支区，想版本回退从分支中删除将本地仓库和远程仓库相连将文件推送到远程仓库拉取仓库代码本地创建SSH KEY拿到本地密钥到github上配置创建本地分支切换本地分支创建远程分支删除远程分支Git.Git文件夹 分...
2020-04-17 11:04:18
506
原创 自己封装移动端 tarbar标签切换 带动画
大纲效果图代码效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...
2020-04-16 00:01:12
228
原创 node搭koa用puppeteer进行数据挖掘
1.安装依赖包1.创建个app。js文件然后cmd下 npm init 创建node项目npm install 以下依赖包koa，koa-Routerpuppeteerkoa-bodyparser2.查看安装的依赖包3.编写代码确实，刚开始不会的时候都是模仿着写代码，到熟练之后才有创新一说，自己一个一个代码敲把，直接上代码了，有的都直接注释了const Koa = re...
2020-04-14 18:25:06
645
原创 window下解决node安装依赖时出现operation not permitted
错误如下：npm ERR! Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache_locks’npm ERR! at Error (native)npm ERR! { Error: EPERM: operation not permitted, mkdir ‘C:\Progr...
2020-04-13 16:28:13
3647
原创 the user operation is waiting for "" to complete
去掉Project——>BuildAutomatically的对勾（即取消工程自动编译）重启
2020-04-13 13:02:47
158
1
原创 Docker知识点整理
大纲docker命令检查内核镜像指令配置镜像源下载镜像查看所有镜像运行镜像（应该叫创建容器）创建新镜像使用commit使用build删除镜像删除没有容器的镜像删除所有没有容器的镜像强制删除所有容器后再删除所有镜像删除当前镜像下的所有容器容器指令查看所有容器创建容器启动容器重启容器停止容器删除容器进入容器远程仓库登录账号登出账号标记本地镜像，归入Docker账号用户名的仓库推送镜像在Docker H...
2020-04-11 12:10:05
240
原创 uniapp自己封装请求拦截
大纲图片描述代码描述request.jsindex.jsindex.ue图片描述代码描述request.jsexport function packRequest(obj){ let { url, method, params, data,callback} = obj // method = method=='undefined'?'get':method uni.re...
2020-04-08 20:41:48
3152
原创 Vue自定义组件的点击事件（封装组件）
问题：想封装一个自定义组件，父组件能控制子组件写的点击事件解决：子组件写的在点击的move事件内写that.$emit('leftClick',that.Slider_text)或者可以写成这样<div class="YSwitch bg-Gainsboro" v-on:click="$emit('fn')">父组件写的<YSwitch @leftCli...
2020-04-08 20:33:51
8925
原创 webpack配置css模块化
大纲模块化css文件安装如下包编写配置文件index.html编写index.css在index.js文件引入效果总的配置文件能继续处理css预编译文件将css编译后变成单个css文件安装如下包总的的配置文件css自动添加前缀安装如下包然后修改配置文件编写postcss.config.js文件总的配置文件css代码压缩模块化css文件文件目录安装如下包css-loaderstyle-l...
2020-04-07 23:24:02
1507
原创 使用node对mysql进行数据循环插入
大纲问题：解决 ：部分代码全部代码问题：用for循环插入的话会导致插入顺序不一样，比如下图：解决 ：查看了官方文档人家是这么写的，使用.query有三种方式：1.最简单的 .query()形式是 .query(sqlString, callback)，第一个参数是一条SQL字符串，第二个参数是回调：connection.query('SELECT * FROM `books` WH...
2020-04-07 13:22:13
868
原创 关于微信小程序使用webview问题
本地服务器的静态页面跑起来如图：然后将它用webview引入本地运行没问题但是在真机调试下出现一片空白，后面查询了打印台发现需要域名才可以访问到后来我把这个本地项目挂到自己的服务器上面用pm2开着就行就能访问到了...
2020-04-06 14:48:47
1630
原创 关于配置webpack-dev-server(热更新)
先看下webpack.config文件// webpack.configconst path = require('path');module.exports = { entry: './src/index.js', output: { filename: 'main.js', path: path.resolve(__dirname, '...
2020-04-04 22:11:42
956
原创 uniapp 记录注意事项
1.uniapp无法使用js的dom节点操作拿到节点对象，也无法使用vue的ref语法拿到节点对象解决：使用uniapp的官方的apiuni.createSelectorQuery().selectViewport().scrollOffset(res => { console.log("竖直滚动位置" + res.scrollTop);}).exec();let view ...
2020-03-30 13:53:41
255
原创 CSS-变量
CSS变量声明变量和使用变量<style> :root{ --blue:blue } .fo-blue{ color: var(--blue); }</style>CSSStyleDeclarationgetComputedStyle返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基...
2020-03-20 18:31:37
157
原创 H5之canvas刮刮卡
原理：利用globalCompositeOperation 抠出来那个画出来的那个图像设置为透明，然后就能看到这个画布下层的图片api: globalCompositeOperation*属性设置要在绘制新形状时应用的合成操作的类型，其中type是用于标识要使用的合成或混合模式操作的字符串ctx.globalCompositeOperation = type;type的12种类型见：ht...
2020-03-14 14:47:38
273
原创 JS模块化
js模块化js模块化进化史1.简单封装MYAPP.foo="666"//可以修改里面定义的数据 危险2.匿名闭包 IIFE模式拿不到里面的数据 得暴露出来模块化规范CommomJS(基于服务器端)暴露模块方式1// module1.jsmodule.exports = function(){ names= "这是第一种暴露方式", fn(){...
2020-03-14 12:22:20
217
原创 H5之canvas制作图片马赛克
原理：马赛克就是于取一块像素点换成他附近大小的像素点。用到的比较少接触的api：getImageData：返回一个ImageData对象，用来描述canvas区域隐含的像素数据，这个区域通过矩形表示，起始点为*(sx, sy)、宽为sw、高为sh。*ImageData ctx.getImageData(sx, sy, sw, sh);sx //将要被提取的图像数据矩形区域的左上角 x ...
2020-03-14 12:06:47
323
原创 自定义CSS的Icon图标
http://note.youdao.com/noteshare?id=a957d57709fe80c5f381b0a947254b44这些是下载来的文件放到项目下面在组件应用，加上后面这两段CSS代码@font-face { font-family: 'iconfont'; src: url(FontIcon/font_pause/iconfont.eot);...
2019-12-22 23:38:18
970
原创 Vue+vant网易云音乐爬坑总结
js原生1.添加类名// 添加类名this.$refs.ok.classlist.add('none');// 删除类名this.$refs.ok.classlist.remove('none');Vue 爬坑1.子传父 写法/*父组件*/<van-popup v-model="vantObj.show" position="bottom" :style="{ heig...
2019-12-02 22:50:18
775
原创 （Vue爬坑）子组件的渲染时间比父组件的渲染时间快导致数据的问题
子组件的渲染时间比父组件的渲染时间快导致数据的问题问题：父组件的在mounted钩子函数中拿接口的数据 ，然后渲染给子组件；因为子组件渲染的速度比父组件快，所以子组件的pros内的数据是空的解决问题如下：父组件页面》把请求接口的函数放在Vue.$nextTick()内子组件页面》监听父组件传过来的数据如果数据发生变化就渲染父组件页面：<template> <di...
2019-11-07 19:05:07
5323
原创 node.js事件循环机制
微任务 > 宏任务macro task 宏任务setTimeout/setInterval > setImmediatemicro task 微任务process.nextTick的回调 > then的回调setImmediate(()=>{ console.log("7.宏任务setImmediate") setT...
2019-09-04 19:53:30
129
原创 原生JavaScript 工具函数 json数据去重 对象数组去重
自己摸索封装了一个json数据去重的工具函数 目前测试没出现问题 有看到的帮忙测测function clear_repetition_ObjArr_Y(ObjArr){ var ObjArr = ObjArr? ObjArr:[] var chongfu_indArr = [] // 重复数据的下标数组 var chongfu_index =[] // 去重后的重...
2019-08-24 10:42:38
450
原创 layui导出表格二级表头 控制导出的边框字体格子大小颜色
需要引入拓展插件excel 市场拓展插件找得到layui.config({ base: '${pageContext.request.contextPath}/admin/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use(['index', 'fo...
2019-08-20 12:02:08
2579
4
原创 原生html的属性property和attributes
1.property属性是：html标签内自带的属性如：input的value、type等2.attributes属性是：自定义属性如 data-type、abc 等<input type="text" value="122" id="ceshi aaa="111"/>getAttribute不仅可以拿到原生的属性（双向绑定的数据） 还可以拿到自定义属性（不过只是初始值）...
2019-08-19 23:05:11
710
原创 layui通过下拉框动态渲染多级表头
layui通过下拉框动态渲染多级表头之前遇到的坑 直接上图解决方法之前遇到的坑 直接上图选择第二个下拉框时选回第一个下拉框时 表头全乱了原本写法是 通过监听下拉框控制表格重载 报错解决方法通过监听下拉框 然后每次都重新表格实例化覆盖掉// 监听 开支项目下拉框 form.on("select(select_kaizhi)",function(data...
2019-07-24 16:28:39
1080
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人