、不知不觉、-CSDN博客

原创 chrome安装插件提示文件损坏或者清单文件缺失如何处理

chrome安装插件提示文件损坏或者清单文件缺失如何处理

2022-12-19 16:20:27 3928 1

原创 writing-mode、flex实现css多列布局，从上到下，从左到右

需求：实现list从上到小排列，一列三行；余下的另起一列。效果直接运行html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>多列布局</title> <style> .container { writing-mode: vertical-lr; .

2021-06-28 17:13:23 1446 1

原创 Python入门

查看python版本python --version安装模块pip install [packages]查看已安装的模块pip listPyCharm安装模块报错：No module named requestsFile => Settings => Project Interpreter => Add修改python安装路径，如下图所示：...

2020-03-12 17:08:40 280

原创直接将html里table导出为excel文件

1、安装xlsxcnpm i --save xlsx2、在src/mixins文件夹下新建tableToExcel.js文件，内容如下// 文档：https://docs.sheetjs.com/#array-of-objects-inputimport XLSX from 'xlsx'// import XLSX from 'xlsx-style' // ./cptable 报错e...

2019-10-15 14:58:19 3816 5

转载解决：vscode格式化后空格变成了2个并且自动添加了分号

格式化后保持代码缩进为4个空格1、Code =&gt; Preferences =&gt; Settings2、在搜索框中输入：tabsize3、修改属性 "editor.detectIndentation": false, // 改为false，这里默认是true "vetur.format.options.tabSize": 4 // 改为4，这里默认是24、使用Alt + ...

2019-02-21 10:56:04 7348

转载 Mac下使用git克隆项目时报错，提示需要x-code解决问题

Mac下使用webstorm克隆项目，提示我需要装git才能使用，按要求下载git后安装好，克隆时又提示如下信息：xcode-select: note: no developer tools were found at '/Applications/Xcode.app', requesting install. Choose an option in the dialog to downloa...

2018-12-01 13:54:11 2694

转载安卓上文字垂直居中解决方案

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalab

2018-10-31 18:09:49 5101

转载 vue中使用v-html加载的富文本，css中定义样式不生效

如题，使用v-html加载一段富文本，富文本里包含图片，在手机上图片宽度可能会溢出 <div v-html="htmlContent" class="rich"></div> <style scope> .rich>>> img{ display:block; max-width: 100%} &

2018-10-30 14:29:43 11357

原创 vue输入节流，避免实时请求接口

在做搜索的时候，当搜索页面只有一个输入框、没有确定按钮的时候，只能在用户输入时请求服务端，查询数据。这样会导致频繁的发送请求，造成服务端压力。解决这个问题，可以使用vue做输入节流。 1、创建一个工具类，debounce.js/*** * @param func 输入完成的回调函数 * @param delay 延迟时间 */export function debounce(func...

2018-08-27 17:38:29 5585 4

原创 vue打包后css里-webkit-前缀丢失

步骤一：找到build/webpack.prod.conf.js，注释下面这一段/* new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }}), */注...

2018-08-24 14:12:54 2523

原创 vue使用proxyTable设置接口代理

1、修改config/index.js里proxyTableproxyTable: { '/api': { target: 'http://192.168.42.182:8080', changeOrigin: true, pathRewrite: { '^/api': '/' } },}2、修改c...

2018-08-06 20:12:08 22860 1

原创 css设置滚动条样式，隐藏滚动条

css部分/* 横向滚动容器 */.scroll-wrapper { width: 100%; overflow-x: auto; height: 22px; white-space: nowrap; display: flex; -webkit-overflow-scrolling: touch;}.scroll-wrapper span...

2018-08-06 15:11:17 4751 2

原创 vue里transition实现动画，在ios10.3上无效；打包后低版本安卓系统webview动画失效

页面有个弹窗，我要实现的效果就是弹窗从底部滑上来，并伴随轻微的抖动效果。 HTML部分：&amp;amp;lt;transition name=&amp;quot;bounce&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;my-popup&amp;quot; v-show=&amp;quot;showPo

2018-07-25 13:08:09 4175

原创 css实现transform实现tabbar跟随动效

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;meta name=viewport content="width=device-width,initial-scale=1,minimum-scal

2018-07-23 14:19:12 2380

转载 canvas将图片转成base64

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;canvas将图片转base64&lt;/title&gt;

2018-07-19 20:26:04 18416 1

原创网页调试vconsole和eruda

方法一：vconsole 预览地址：https://www.w3cways.com/demo/vconsole/ 官方文档：https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md使用方式：在header里引入此js&lt;head&gt; &lt;script src="https://www.w3cw...

2018-07-17 15:29:35 8359

转载（九）vue开发 - 获取url后面的参数

使用路由获取页面参数在路由中设置path：{ path: '/detail/:id/', name: 'detail', component: detail, meta: { title: '详情' }}获取参数 let id = this.$route.params.id备注: 1、参数名需要保持一致 2、如果...

2018-06-11 14:25:59 133218

原创使用userAgent判断当前页面是否在webView里打开

需求背景：需要判断网页是在否在自己app里的的webView里打开（电脑端浏览器、手机qq，手机qq浏览器，微信，微信朋友圈，微博，手机safari等除外） 1、app内部：需要调用原生app的一个方法获取用户信息 2、非微信的其他浏览器或webview，提示请在微信中打开页面 3、微信：发起微信授权获取用户信息。function openInWebview () { va...

2018-06-07 14:23:04 14209 1

转载年月日时间格式转时间戳，ios系统不兼容 JS 中 = new Date(yyyy-mm-dd)方法

最近做一个功能，使用js将时间格式(2018-2-8)转换为时间戳时,使用下面的方法，在pc谷歌和安卓手机上没有问题，但是在ios上，d得到的值是 : NaNvar time = '2018-08-02 12:00:00'var d = new Data(time)console.log(d.getTime())ios不能兼容new Date(yyyy-mm-dd)这样的写法,需要改成...

2018-02-08 20:36:19 1441

原创（八）vue开发 - 将方法绑定到window对象，给app端调用

通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，并没有绑定window对象下面，这样一来，vue组件里定义的方法怎么暴露给window对象，提供给外部调用呢？created(){},mounted: function () {

2018-02-05 20:32:23 25123 12

原创（七）vue开发 - transition之弹窗动画

页面上需要弹出一个列表供用户选择，通过简单的v-show控制，感觉体验上总要差那么一点，于是加上了vue的transition，最终实现的效果就是，点击选择银行时，银行列表从下面一点点滑动上来，选择完成后，慢慢滑动下去，贴上代码template> div id="app"> transition name="delay"> form clas

2018-02-05 20:24:09 12227

原创（六）vue开发 - transition之页面切换过渡动画

h5页面在内嵌在app里使用，页面切换时体验不太友好，可以使用transition设置动画，页面前进和后退时保持和原生客户端一样的切换效果： 1、在路由里设置，meta的index的值，通过index值的大小控制页面跳转层级顺序，如下：首页 => 产品 => 详情export default new Router({ routes: [ { p

2018-02-05 20:11:30 16914

原创 border-radius：50%在安卓机上无效

页面上写了个小红圆点，在电脑和iphone上正常的，但是在安卓手机上，红点变成了带圆角的正方形或长方形，不同安卓手机还有点不一样，代码如下：{ background-color: #f1464a; width:.2rem; height:.2rem; border-radius:50%;}后面百度了下，原来安卓部分低版本系统，不支持border-radiu

2018-01-30 10:03:19 3880

原创 html，让页面滚动到指定位置

做了一个列表，根据字母a-z的顺序排序，并且在页面右边使用fixed定位显示a-z，点击字母，列表滚动到相应的的位置，如图：滚动部分的js代码如下：let obj = document.getElementById(id)let oPos = obj.offsetTop - (50*document.documentElement.clientWidth/375);document

2018-01-27 15:13:04 12558

转载（五）vue开发 - 使用 vue-layer-mobile组件实现toast，loading效果

安装vue-layer-mobile// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0此版本安装后启动会报错，报错提示将css里的display:box改成display:flex;在main.js里面全局引用impo...

2018-01-23 16:37:51 3755

转载 vue报错：SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode

使用vue-cli搭建的项目，在安卓上页面展示正常，在iphone10以上系统上显示也正常的，但是在iphone9.3的系统上，页面一片空白，body里只有一句使用safari调试后发现有2条报错信息，报错内容如下：SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in stric

2018-01-23 15:49:38 28239 1

原创（使用Mac+iphone）调试网页

1.mac上打开Safari浏览器，在“Safari-偏好设置-高级”里面勾选，在“菜单中显示开发中菜单”，如图: 2.使用数据线连接iphone和电脑，并确保手机safari里打开了web检查器（开启方式：设置-safari-高级-打开web检查器） 3.在手机上使用safari打开h5页面，然后点击电脑上safari浏览器的“开发”菜单，下拉的列表会出现你的手机的名字，鼠标点上去，会出

2018-01-23 15:36:39 10084 2

原创（四）vue开发 - 根据vue-router的meta动态设置html里<title>标签的内容

路由文件：router/index.jsimport Vue from 'vue'import Router from 'vue-router'import index '@/view/index'import user from '@/view/user'Vue.use(Router)export default new Router({ routes: [

2018-01-22 19:21:02 15111

原创（三）vue开发 - vue开发注意

1.如果需要使用 document.getElementById(“xxx”)去获取Dom元素，不能给此元素设置v-if,否则获取不到会报错2.如果使用到了echart并且在特定条件下需要隐藏echart，请默认设置echart为显示的，再让echart display:none;否则echart显示会变形3.如果data里面有数组，并且在html模板

2018-01-22 19:13:33 2177

原创（二）vue开发 - 使用vue-resource实现网络请求

vue-resource网络请求新建一个network.js ，里面内容编辑如下/** * 网络请求 */const protocol = window.location.protocol == 'https:' ? 'https:' : 'http:';const host = protocol + "//www.xxxx.com";import Vue from 'Vue'

2018-01-22 19:04:02 1400

原创（一）vue开发 - 环境搭建

node安装：安装node（移步至:https://nodejs.org/en/download/）,如果是windows平台，请选择.msi,注意区分32位和64位系统，按需选择，否则安装可能会提示失败，如果是mac，请选择.pkg，下载完成后，直接点击下一步，傻瓜式安装。然后打开终端，输入node -v ，能输出版本号即可，同样，应该 npm -v也能输出版本号，即表示安装成功。安

2018-01-22 18:05:26 768

转载 css小技巧：表单的label在字体个数不同的时候，让字体间距相等

html结构 <ul> <li><label>姓名</label></li> <li><label>身份证</label></li> <li><label>手机号码&am

2018-01-20 14:46:32 957

原创常用的正则表达式

手机号码：11位数字 var reg = /^(13[0-9]|14[5|7]|15[0-9]|17[0-9]|18[0-9])\d{8}$/;联系地址：以中文开头,可以包含数字、字母（大小写）和横线var reg = /^[\u4e00-\u9fa5][a-zA-Z0-9-\u4e00-\u9fa5]*$/;中文：中文（包含 · 点） var reg =

2017-12-25 11:22:00 203

原创记录一下开发过程中遇到的一些让人纠结的bug

iphone6p或者iphone7p上给swiper-container设置overflow-y：auto，界面出来后不到1s马上消失.swiper-container{ overflow-y:auto}解决办法：给slider元素设置overflow-y:auto即可。

2017-11-28 16:59:20 477

原创 base64转file文件上传

上传测试上传的图片: --> /** * 根据base64 内容取得 bolb * * @param

2017-09-28 17:11:41 10109

转载 mac下node安装提示command not found

刚从windows转到mac，从官网下载了node的.pkg文件安装node，安装好后，在mac终端下输入npm -v 和 node -v均提示 command not found，参考了网上的方法，终于得解第一步：创建.bash_profile文件，～表示在～目录下，.表示隐藏文件，打开终端，输入命令如下touch ~/.bash_profile第二步：打开.bash_profile

2017-07-31 11:54:11 23761 26

原创 jsBridge与安卓，ios

jsbridge与安卓，ios通信

2017-06-22 14:07:56 2550 9

转载 js获取input失焦时点击的元素

input.addEventListener('blur',function(e){ //若是由点击引起的焦点改变，捕获点击了的元素 var ele = e.relatedTarget；},false);

2017-05-27 17:35:27 4896

原创使用flex布局解决安卓手机上固定在底部的按钮，在键盘弹起后挡住input输入框的问题

移动端经常会出现，一个表单里面，确定按钮固定在底部这样的布局，一般会让按钮absolute或者fixed，这样在ios上没有问题，但是在安卓手机上，当表单里面的input输入框获得焦点的时候，按钮会挡在表单上，影响美观。这个可以采用flex布局完美解决。HTML代码这里面是input输入框等。。。。提交 css代码html,body{p

2017-05-27 15:00:05 15956

转载安卓手机利用html5 ，video+canvas从视频流里面截图拍照

HTML5 GetUserMedia Demo var video = document.querySelector('video'); var audio, audioType; var canvas1

2017-05-16 10:19:59 4751 2

销售管理系统 6张表联表查询含登录分页

登录成功后显示个人信息和管理页面对部门员工客户以及产品信息进行增删改查记录表用分页表示

2013-11-09

S2H实现分页

struts2+hibernate 实现分页首页上一页下一页尾页通过一个下拉框选择转到第几页

2013-11-09

Hibernate各种查询：联表查询分页查询位置参数查询（？）占位符查询（冒号查询）统计查询

Hibernate中使用Criteria Query各种QBC查询

2013-10-13

Struts2+Hibernate实现班级-学员管理系统含登录注册

使用Struts+Hibernate实现对班级-学员管理系统。需要先登录，登录成功跳转到所有信息页面。失败跳转到失败页面。

2013-10-13

Struts2+Hibernate实现一对多联表查询

使用Struts2+Hibernate实现对部门表、员工表两张表的增删改查。

2013-10-13

Struts2+Hibernate实现文件上传

使用Struts2和Hibernate实现简单的图片上传上传到tomcat服务器

2013-10-13

Struts2+Hibernate 实现用户管理对用户增删改查

使用Struts2+Hibernate 实现对用户的增删改查。

2013-10-13

Struts2 实现部门员工管理

使用Struts2实现部门员工两张表的增删改查，里面包含了对复选框，单选按钮，下拉框，密码框，文本域的操作。

2013-10-13

Socket套接字

Socket由IP和端口组成，Socket通信有两部分，一部分为监听的Server端，一部分为请求连接的Client端，Server端会一直监听Socket中的端口直到有请求为止。

2013-06-09

生成JSON格式数据和解析JSON格式数据

如何生成JSON格式的数据解析JSON格式的数据

2013-06-09

android中的互联网编程

android中使用WebView控件创建自己的浏览器，在编辑框中输入正确网址后点击go按钮可以跳转到该网页，网页可以前进和后退，加载时还可以显示一个简易的进度条。把网页中的图片显示到手机上，并且可以下载到内存中 data/data/包名/files/

2013-06-07

android中的多媒体应用-音频和视频的播放

android中多媒体应用：MediaPlayer 媒体播放器、SoundPool音效池、控件VedioView ，设置媒体控制器播放视频。音频及视频的录制。

2013-06-05

对提供共享的数据进行增删改查

使用ContentProvider开放数据库而另外的一个应用可以通过ContentResolver操作这个共享的数据

2013-06-05

android中音频和视频的播放

简单介绍了android中音频和视频的播放：MediaPlayer媒体播放器、SoundPool音效池、VideoView控件

2013-06-05

使用ContentProvider共享数据

使用ContentProvider开放数据库，其他应用可以通过ContentResolver来操作提供共享的数据库。

2013-06-04

Android四大组件之ContentProvider：简单的通讯录查询和添加

简单介绍了android四大组件中最难的contentP人oviDer组件中对于通讯录所在数据库的查询和添加操作。

2013-06-02

BroadcastReceiver 广播和通知

BroadcastReceiver是全局|系统级别的监听器 Notification和NotificationManager是局部|程序级别的监听器，可以实现可视化的信息显示，通过它在设备状态栏上显示广播信息的内容以及图标和震动等信息

2013-05-29

android 中的数据存储

介绍了android总三种数据存储的方式： 1 SharedPreferences 2 File输入流输出流 3 SQLite 数据库增删改查

2013-05-29

android移动开发之服务

android移动开发中常用的两种启动服务的方式：1 startService（） 2 bindService（）

2013-05-20

javascript实例

包含多个javascript文件，电子表案例，模拟相册，正则表达式之IP验证，传值，全选，秒表，java web中常见的表单验证，随机数之抽奖等。

2013-05-19

canvas画环形进度条

canvas画环形进度条，动画效果

2017-08-28

iscroll.js实现下拉刷新上拉加载

2017-07-31

jquery Autocomplete插件，搜索自动完成

jQuery plugin: Autocomplete 参数及实例官网：jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自：http://www.cnblogs.com/duanhuajian/p/3398904.html

2016-08-25