- 博客(38)
- 收藏
- 关注
原创 发布npm包流程说明
一、 注册账号(已有账号可跳过)链接地址: https://www.npmjs.com/signup注册账号二、 登录账号账号登录(命令行登录,输入账号、密码、邮箱)npm login三、 发布包/插件开发完成,即可发布到npm(命令行发布)npm publish四、 使用可以在项目中像使用vue、elementUI一样安装使用了npm install --save-dev xxx...
2021-09-28 19:13:34
211
原创 nodejs批量裁剪图片尺寸大小
使用$ node resetImage.js依赖第三方库$ npm install --save-dev sharp dotenv代码.env# 图片存放的文件夹位置AVATAR_PATH=./avatars/# 裁剪图片存放的文件夹位置SMALL_AVATAR_PATH=./small_avatars/# 裁剪图片尺寸大小SHARP_IMAGE_SIZE=200# 非法图片汇总的文件SURPLUS_IMAGE_PATH=surplusImage.txtresetIm
2020-12-24 13:16:40
1444
原创 支持各种数据类型浏览器缓存封装
使用说明import Storage from './storage'// 设置存储方式(默认 localStorage)Storage.get('session') // 修改为 sessionStorage// 获取(支持各种类型)Storage.get('name')// 设置(支持各种类型, null、undefined、number、string、boolean、array、object...)Storage.set('name', 'echo')// 设置过期时间Sto
2020-12-24 12:20:19
249
原创 异步加载页面组件
/** * 异步加载页面组件 * @param {String} view [request等同于view变量] */export const importPage = view => () => import(/* webpackChunkName: "component-[request]" */ `@/views/${view}.vue`)
2020-12-03 12:29:25
396
原创 利用python向mongo数据库导入csv数据
安装 pandas 和 pymongopip install pandas -i https://pypi.tuna.tsinghua.edu.cn/simplepip install pymongo -i https://pypi.tuna.tsinghua.edu.cn/simpleimport pandas as pdfrom pymongo import MongoClient# mongodb://localhost/ 数据库连接地址client = MongoClien..
2020-06-08 19:58:14
983
1
原创 根据已有.submodules构建项目自动添加python脚本
新项目使用import configparserimport osconfig = configparser.ConfigParser()config.read('.gitmodules')sections = config.sections()for section in sections: path = config[section]['path'] url = config[section]['url'] cmd = 'git submodule add {} {.
2020-06-08 19:40:47
275
原创 小程序中实时将less编译成wxss
小程序中将less编译成wxss安装$ npm install -g wxss-cli使用 minicode 为小程序开发根目录$ wxss ./minicode链接地址github: 小程序中实时将less编译成wxss小程序社区: 小程序中实时将less编译成wxss...
2018-07-19 14:14:06
5089
1
原创 小程序 mixin 混合, Page 选项合并
小程序 mixin 选项合并微信开发工具导入项目 新建项目 -> 导入src文件 -> 预览效果代码 mixin.js const nativePage = Page Page = options => { const mixins = options.mixins if (Array.isArray(mixins)...
2018-07-19 14:11:03
3000
1
原创 使用proxy替代setData实现小程序 数据代理
小程序 数据代理微信开发工具导入项目 新建项目 -> 导入src文件 -> 预览效果代码 proxy.js const nativePage = Page const nativeComponent = Component Page = (options, key = 'onLoad') => { const native =...
2018-07-19 14:04:59
1849
原创 代购/小商城类小程序源码分享
代购小程序微信开发工具导入项目 新建项目 -> 导入src文件 -> 预览效果截图预览 功能说明 首页商品轮播图 调用小程序swiper组件商品列表 使用flex两列布局 个人中心获取用户信息 调用小程序wx.getUserInfo接口,获取用户信息调用拨打电话 调用小程序wx.makePhoneCal...
2018-07-19 13:56:40
3991
原创 解决movable-view拖拽组件问题
# 小程序 拖拽组件### 微信开发工具导入项目 新建项目 -> 导入src文件 -> 预览效果### 截图预览 组件代码 movable.wxml <movable-area class='movable-box'> &
2018-07-19 12:57:21
8580
原创 如何使用wx自定义小程序全局方法和全局变量
如何使用wx自定义小程序全局方法和全局变量 小程序无法像web一样使用window变量,也无法将自定义的方法挂载上去我们发现小程序API的方法都是挂载到wx这个变量上,全局可以访问到,我们是不是可以将自己自定义的方法或者变量也挂载wx这个变量上呢?比如我们在app.js上挂载一个变量,然后在index.js上访问app.jsApp({ onLaunch()...
2018-07-19 12:44:40
13841
5
原创 create-react-app 脚手架打包hash值改为时间字符串格式
1. 在node_modules下找到react-scripts文件夹cd node_modules/react-scripts3. 在react-scripts/config文件夹找到webpack.config.prod.jsconst timeStr = new Date().toLocaleString().replace(/
2017-10-22 19:36:50
1282
原创 create-react-app 脚手架不支持less解决方案
1. 在node_modules下找到react-scripts文件夹cd node_modules/react-scripts2. 安装less、less-loader依赖包a. yarn安装yarn add less less-loaderb. npm安装npm install --save less less-loader3. 在react-scripts/con
2017-10-22 18:32:48
10641
原创 node的serve静态服务器模拟数据跨域问题解决
在安装的serve依赖包 serve/bin/serve.js 找到 handler 函数添加允许跨域的代码const handler = coroutine(function*(req, res) { res.setHeader("Access-Control-Allow-Origin", "*"); res.setHeader("Access-Control-Allow-Met
2017-10-22 05:00:02
1458
原创 html5粒子效果背景
html5粒子效果背景(react,angular,vue,html5)1. es6function canvasMeasure (el, canvasEl) { canvasEl.width = el.clientWidth canvasEl.height = el.clientHeight}function borderPoint (point, canvasEl) {
2017-08-17 13:34:17
1527
原创 mysql定时任务设置
Navicat设置MySQL定时事件参考: 1. http://blog.csdn.net/zzhongcy/article/details/419479272. http://www.mamicode.com/info-detail-1040270.html3. http://www.cnblogs.com/chenpi/p/5137310.html1. 创建事件选择对应数据
2017-08-12 01:27:05
631
原创 修改mysql结束符号
1. mysql默认结束语句符号是分号(;)2. 修改mysql默认指令(delimiter)注: delimiter和&符号中间有个空格3. 修改过后的结束符
2017-08-12 01:23:11
3306
原创 vue单页面之友盟代码统计
vue单页面之友盟代码统计在入口App.vue中添加代码 export default { name: 'app', mounted () { const script = document.createElement('script') script.src = 'https://s95.cnzz.com/z_stat.php?id=1111111
2017-08-11 17:31:10
9971
4
原创 vue移动端图片裁剪上传
1. 安装cropperjs依赖库npm install cropperjs2. 编写组件SimpleCropper.vue 上传图片 取消 裁剪 import Cropper from 'cropperjs'import 'cro
2017-08-11 16:22:43
3095
1
原创 vue项目搭建步骤
一. vue-cli初始化1. 全局安装 vue-clinpm install --global vue-cli2. 创建一个基于 webpack 模板的新项目vue init webpack my-project3. 安装依赖cd my-projectnpm install (换源安装: npm install --registry https://registry.
2017-08-11 15:49:51
13579
原创 vue多项目nginx部署
一. 项目目的1. 问题实现服务端同一域名下部署多个vue项目。2. 实例说明kefu项目: https://www.test.com/kefu/...collect项目: https://www.test.com/collect/...lend项目: https://www.test.com/lend/...二. 客户端配置修改1. index.h
2017-08-11 15:39:45
16652
原创 vue+axios方法封装(restful,ajax)
this.get({ url: '', data: {}, success: (data) => {}})import qs from 'qs'// axios网络请求function ajax (Vue, axios) { if (ajax.installed) return Vue.prototype.$baseURL = axios.defa
2017-08-10 18:17:02
6543
1
原创 vue之浏览器存储方法封装
export function isObject (val) { return val !== null && typeof val === 'object'}export function setStore (key, val, type = 'localStorage') { if (isObject(val)) window[type].setItem(key, JSON.str
2017-08-10 18:05:48
2920
原创 移动端rem布局
var winWid = $(document).width();winWid = winWid < 750 ? winWid : 750;var size = winWid*100 / 750;$("html").css("font-size",size+"px");
2016-06-06 21:38:21
409
原创 web前端开发命名规则
谈谈个人对web前端命名的一些习惯吧1.html文件命名:采用文件目录方式,分功能模块化命名文件夹,然后文件可采用驼峰法命名。2.js文件命名:一般采用_命名,对于版本号的标识-3.css文件命名:同js文件命名。一般采用_命名,对于版本号的标识-4.class命名:一般采用-命名或者驼峰法命名。5.id命名:一般采用_命名或者驼峰法
2016-05-24 11:36:23
610
原创 浏览器兼容性问题总结
1. 默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;} 2. 水平居中的问题问题:设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置1、margin-left:auto;m
2016-05-24 09:54:06
675
原创 css之!important最高优先级
1.作用:!important作用于css样式中,使其渲染优先级最高。2.写法:写在需要作用的样式后面:color:#3e5!important;3.样例: Document .hack{color:#e35;} .important{color:#3e5!important;} hello,world4.分析:正常情况:显示的是#35e
2016-05-23 14:42:49
974
原创 css清理浮动
1.产生的原因:子元素使用float浮动属性,造成父级元素无法撑开。 Document .container{width:202px;border:1px solid #f35;} .left{width:100px;height:100px;background:#0ec;float:left;} .right{width:100px;height:100px;
2016-05-23 10:17:38
423
原创 android_socket_switch
1.activity_main.xml<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:
2016-05-22 19:05:27
416
1
原创 iOS_socket_switch
1.AppDelegate.m- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // Override point for customization after application launch.
2016-05-22 18:00:53
272
原创 tomcat多站点配置-window版
1.配置server.xml-D:\apache-tomcat-7.0.64\conf\server.xml(我的tomcat安装在D盘) <Host name="www.test.com" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Host name="blog.test.com" appB
2016-05-20 16:11:01
406
原创 html+css上传文件控件美化
html+css美化上传文件控件 上传文件 label{ display:inline-block; width:160px; height:40px; line-height:40px; text-align: center; background:#BE1A21; font-size:18px; color:
2016-05-16 15:01:16
7837
原创 css-动画开关
模仿手机应用里面的应用开关按钮,适用于web-app端。原生js点击事件监听,css动画效果,相对于直接改变位置降低了生涩感,使体验更加逼真。 animtion *{margin:0;padding:0;} .out{ width:80px; height:36px; background: #fff; border:1px solid #f5
2016-05-16 11:55:16
466
原创 css3-飞进页面效果
当用户打开页面的时候,有些动态元素从页面外部渐渐飞入页面。并且产生来回振动的效果。提高元素的动画性。 animation *{margin:0;padding:0;} .trans{ width:200px; height:120px; background:#0cc; animation: trans 1s linear; /*linear匀
2016-05-16 11:18:02
986
原创 css3-animation图层放大效果
css3-animation和transform的学习鼠标经过图层时,图层放大效果。增加文本或图层动画效果,提高用户体验。 css3-animation * { margin: 0; padding: 0; } ul { list-style: none; width:
2016-05-16 10:29:51
893
原创 冒泡排序
冒泡排序-js var arr = [2,55,33,10,16,101,23,39,75,54,32,65,4,57,45,88,13]; var t; for (var i = 0; i <= arr.length-1; i++) { for (var j = 0; j <= arr.length-1; j++) { if (arr[j]>arr[j+1]) {
2016-05-15 21:23:58
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人