- 博客(47)
- 收藏
- 关注
RSS订阅原创 php读取excel表格内容以及Spreadsheet_Excel_Reader的使用
使用的第三方插件 Spreadsheet_Excel_Reader下载插件插件下载链接下载解压后入下图所示 只要将Excel文件夹下的内容搬到自己的项目中2.具体使用require_once(REALPATH . 'include/Class/excel/reader.php'); /** * 读取xls文件内容 返回单元格集合 * @return array */ public function getFileInfoAction () {
2022-02-22 17:19:38
1013
原创 淘宝小程序，支付宝小程序input只允许输入中文
注意controlled={true} 不然不受state控制 我就踩坑了！ <Input className='at-input__input' placeholder='请输入快递单号' value={courierNumber} onInput={this
2021-12-28 16:00:55
625
原创 微信插件scrollView高度 iphone手机高度兼容， 滑动到底部 内容被遮挡问题
产品让我改微信插件滑动到底部 内容被遮挡问题肯定就想到中间一大块用scrollVIew 但是我不知道导航栏和底部tab栏高度没办法 我只能找方法计算了我本来准备使用微信小程序的获取元素高度 但是获取结果是null 所有就放弃了 const res = wx.getSystemInfoSync() this.windowWidth = res.windowWidth; this.windowHeight = res.windowHeight co
2021-11-11 15:57:03
1423
原创 微信小程序拖拽排序写法 MovableView
<MovableArea className='move-area' style={{ height: `${120 * list.length}px` }} > { list.map((item, index) => { return ( <MovableView onChange={movchange} onTouchE.
2021-07-16 11:29:15
669
原创 正方形图片显示在长方形中，只显示中间部分 css
先说下需求，一个固定宽高度的矩形框，现在有张正方形图片，想让正方形显示在矩形中间，不变形本来准备正方形正常显示，上下放两个div盖住，只显示矩形框的内容，但是没实现，同事让我用background-position: 0 center; 一下子就好了原图请忽视裁剪框只显示中间的部分新知识get, background-position: 定位背景图像...
2021-04-14 14:42:11
457
原创 scrollIntoView 为什么会失效，出现滚动条，隐藏滚动条样式
我先说下我的问题，滚动了 但是没有到元素底部的问题我的框架是react hook 开发 useEffect(() => { const anchorElement = document.getElementById('current-module'); // 第一步获取到滚动元素 if (selectModuleIndex === 0 && anchorElement) { anchorElement.scrollTop
2021-03-17 15:07:37
1670
原创 Taro的组件 switch 有背景颜色
这样写有背景描边 可以在color上加判断条件 color={isOpenBuyNumLimit ? ‘#ff2a5c’: ‘’} <Switch color={'#ff2a5c'} className='switch' onClick={props.openBuyNumLimit} value={isOpenBuyNumLimit}
2021-01-08 18:34:07
627
原创 drawQrcode 你会用了么 ，taro 框架 ，微信小程序
尝试过很多次 二维码保存下来后扫描一直显示二维码不存在？？？官网链接 小程序生成二维码正确做法打开官网下载文件到本地后引入文件import drawQrcode from '@biz/weapp.qrcode.esm.js'2.代码块展示 /** * 绘制二维码 */ drawQrcode({ width: 200, height
2020-09-20 15:00:22
1784
原创 前端最新面试题集--2020
css实现梯形.bar{width:50px;height:50px;border-left: 50px solid translate;border-right:50px solid transalte;border-top: 50px solid translate;border-bottom: 50px solid red;}
2020-05-13 18:57:27
930
原创 thinkphp导航栏高亮
<ul class="layui-nav layui-nav-tree" lay-filter="test" lay-shrink="all"> <li class="layui-nav-item"> <a class="layui-nav-item <?= r...
2020-04-28 22:49:25
471
原创 Vue 自提项目 --小益回收 遇到的问题（二）
@[TOC]小益回收Vue报错vue-router.esm.js?8c4f:2089 Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”, message: “Navigating to current location (”/Orderf...
2020-04-28 18:38:02
348
原创 computed计算属性 购物车功能
computed计算属性 用来监控自己定义的变量，该变量不再data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；购物车代码：checkValue是一个空数组 当选中多选框 数组就会增加一项money是数组中每一项的和<input type="checkbox" v-model="checkValue" :value="i...
2020-04-22 17:04:12
717
原创 Vue 自提项目 --小益回收 遇到的问题（一）
1.vue设置背景图片如果直接给一个元素添加类 定义他的背景图片，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，如下CSS样式：background:url("../../assets/head.jpg");最好使用动态绑定类的方法 <div :style="login"> <input class="login-na...
2020-04-11 19:38:52
474
原创 Vue 冷门知识 - -自定义插件 自定义指令 inheritAttrs，attrs 和 .sync 以及 this.$options 和箭头函数中的this
实现子组件与父组件双向绑定的.sync修饰符首先 缕清思路子组件想要修改父组件的值 父组件需要先传递数据给子组件，子组件接收后$emit触发父组件中的函数 才能修改父组件中的值但是这个方法有一个弊端 子组件修改父组件的值需要一个传递的过程，两个值并不是同步的一个组件需要提供多个双向绑定的属性时使用，只能选用一个属性来提供 v-model 功能，但如果有其他属性也要提供双向绑定，就需要.s...
2020-04-03 18:17:34
438
原创 去哪儿app移动端项目细节点总结
一 .使用了keep-alive 会放入缓存 跳转页面 不会再重新发起请求解决方案：1.exclude: 组件名 例如<keep-alive exclude="detail"> <router-view/> </keep-alive>2.activated钩子函数中重新加载一次二。在路由的index.js中设置 scrollBehavior 滚动行为...
2020-03-31 21:27:49
343
原创 Vue 递归组件与动态样式绑定
组件是可以在自己的模板中调用自身的，不过它们只能通过name选项<template> <div> <div class="item" v-for="(item,index) in list" :key="index"> <span class="item-back"></span> <div class="...
2020-03-31 15:06:27
436
1
原创 函数节流 函数防抖 提高网页性能篇
什么事函数节流限制一个函数在一定时间类只能执行一次为什么需要使用函数节流有些函数会频繁发生，如果不做限制 耗费性能 甚至造成计算机卡死解决方案时间戳 获取两次时间的差值 必须大于或等于传入的参数`function throttle(fn,wait){ var pre = Date.now(); return function(){ var context...
2020-03-29 21:17:10
105
原创 v-for 遍历数组和遍历对象
v-for 遍历数组和遍历对象遍历数组<div v-for="(value, key, index) in objectArray"> 姓名：{{value.name}} 年龄:{{value.age}}</div>遍历对象 <div class="area" v-for="(item,key) in c...
2020-03-29 12:08:10
531
原创 跨域问题
什么是跨域？跨域指的是浏览器不能执行其他网站的脚本，它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制所谓同源是指，域名，协议，端口均相同http://www.123.com/index.html 调用 http://www.123.com/server.PHP （非跨域）http://www.123.com/index.html 调用 http://www.456...
2020-03-28 16:20:16
75
原创 vue 项目报错 vue.runtime.esm.js: Uncaught RangeError: Maximum call stack size exceeded
报错提示界面swiper.vue里面里面export default 的name 为Swiper在home.vue里面导入swiper.vue 和导出的name 不一样 所以报错将swiper里面的name修改为 HomeSwiper即可！...
2020-03-27 11:20:59
5030
2
原创 line-height,rem 和 flex的详解 以及文本溢出省略号表示失效问题 --min-width
line-height基本概念line-height 行高 是指文本行基线的垂直距离如图所示 行距=行高-字体大小如果font-size与行高相同时 行距为0如果font-size 大于 行高时 行距为负值 两行重叠重要！！！1.在没有设置div的height属性时，div的高度根据line-height的大小而变化，且文字垂直居中。2.line-height是行高的意思，he...
2020-03-26 22:14:53
1266
原创 移动端开发遇到的问题 border.css,reset.css,FastClick
FastClick用法移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。使用方法 npm install fastclickFastClick.attach(document.body);reset.css 移动端重置一些标签的默认样式@charset "utf-8";...
2020-03-26 20:27:16
78
原创 vue-cli4 脚手架工具 与 码云git 使用
vue-cli的作用 快速创建一个基于webpack模板的项目npm install --global vue-cli 安装 vue -V 查看当前版本号git clone 'ssh地址' 复制码云的项目npm init webpack 项目名 使用cli初始化项目npm run dev 运行项目 此时码云git 仓库和本地的仓库代码不一样git status ...
2020-03-26 15:49:10
450
原创 vuex基本知识
Vuex是实现组件全局状态数据管理的一种机制，可以方便的实现组件之间的数据共享好处：易于开发和维护实现数据共享数据是响应式的，能够和页面保持同步vuex的核心概念State 公共数据源Mutation 变更全局数据 不执行异步操作Action 处理异步业务 但是在Action中还是要通过触发mutation的方式间接变更数据（在actions中不能直接修改state中的数据，...
2020-03-26 10:04:15
135
原创 js异步回调函数
如果需要获取一个函数内部异步操作的结果，则必须通过回调函数来获取function fn(callback) { setTimeout(function () { var data ='hello' callback(data) },1000)}fn(function (data) { console.log(data)})...
2020-03-23 20:52:28
118
原创 express基本使用---留言本
介绍art-template 是一个简约,超快的模板引擎它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。支持 Express、Koa、Webpack...
2020-03-22 17:46:12
125
原创 node.js学习总结2
1.url.parse 根据url地址获取地址对象 能够查到请求参数 URL字符串转换成对象并返回。 var parseObj=url.parse(req.url,true) //parseObj.pathname不包含url地址中问好后面的 var pathName=parseObj.pathname2.使用node.js获取当前时间//npm install sil...
2020-03-22 11:30:45
94
原创 node.js学习笔记分享
node.js不是一门语言 不是框架是一个jav代码ascript运行时环境， 简单点来说Node.js 可以解析和执行javascript代码 以前只有浏览器可以执行javascipt ,现在的javascript可以脱离浏览器运行js=ECMAScript+Dom+BomNode.js没有Bom和Dom 在node这个js执行环境中，为Javascript提供了一些服务器级别的操作AP...
2020-03-20 21:32:54
133
原创 css不常见样式总结 text-decoration z-index outline
1.text-decoration:line-through文字加样式有下划线2.z-index设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 越的值越靠前3.border:none 清除边框4.background: none 清除背景5.outline绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline:none 取消...
2020-03-16 10:00:52
149
原创 微信小程序入门篇4---新闻网 本地缓存 三个页面
首先，这个小程序较前三个难度加大项目目录首页index.js */ var common = require('../../utils/common.js') Page({ data: { swiperImg:[ { src: "http://image1.chinanews.com.cn/cnsupload/...
2020-03-14 10:21:49
646
1
原创 微信小程序入门三 播放视频+弹幕实现
和以前一样 先看结果实现弹幕随机生成颜色，切换播放视频的功能写博客的原因是好记性不如烂笔头，加上对知识了解得不够，写好也是逼自己去学习的过程！开始分享代码前 先分享一个大佬的个性签名，我就是个小菜鸡！！！好了，废话不多说index.wxml <!-- 视频播放器 --> <video id="myVideo" controls src="{{src}}"...
2020-03-12 21:51:03
1707
3
原创 微信小程序入门2 和风天气 picker组件 弹性布局
首先看一下项目成果挡挡挡代码展示index.wxml<view class='container'> <picker mode='region' bindchange="changeRegion" > <view>{{region}}</view> </picker> <text>{{now.tmp}...
2020-03-11 22:05:39
834
原创 微信小程序从入门到入土之入门篇
一 页面创建1.全局3个文件 分别是app.js,app.js,app.wxss(名称不可更改)2.创建pages目录文件 （作用是放各个页面）3.创建页面（给页面起名字，并且创建4个文件）.js: 页面逻辑实现.json 负责标题栏和一些状态栏.wxml 管理页面有什么.wxss 负责页面的样式4.目录结构5.把内容单元封装在 之间图片<image src='图片路径...
2020-03-11 19:37:12
253
原创 unshift() ,shift()和push()方法
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。<script type="text/javascript">var arr = new Array()arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr + "<br />")document.writ...
2020-03-10 17:39:42
300
原创 webpack区分打包类库代码及hash优化
利用浏览器的缓存机制，减少服务器压力,合理使用缓存使用new webpack.optimize.CommonsChunkPlugin时报错：Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.解决方案config.opti...
2020-03-10 17:26:32
292
原创 webpack学习extract-text-webpack-plugin 单独打包css
webpack单独打包css1.首先安装extract-text-webpack-plugin2.在webpack.config.js里面引入const ExtractPlugin = require(‘extract-text-webpack-plugin’)3.配置 plugins: [new HtmlWebpackPlugin({title:‘ToDo’ //自动生成的...
2020-03-10 15:23:52
374
原创 ERROR in ./src/style.css Module build failed: CssSyntaxError (1:1) Unknown word
打包css遇到ERROR in ./src/style.cssModule build failed: CssSyntaxError(1:1) Unknown word 一脸懵逼 以前没错啊可能之前都是复制的解决方案 { test: /.css$/, use: [ ...
2020-03-08 14:42:51
3483
1
原创 疫情在家的下午
今天2020/3/4号下午 这几天晚上都没睡着，看着镜子中的自己好丑 就很烦不晓得为什么睡不着 想我自己好好睡觉，白天才有精力好好学习以后 我想不管遇到什么事 以平常心对待，不能太计较，睡觉也不能想太多，在开学前的这个时间是学习的好机会，希望你能抓住机会 踏踏实实地！加油啊 ！...
2020-03-04 14:45:54
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人