- 博客(25)
- 收藏
- 关注
RSS订阅原创 JS实现俄罗斯方块有声游戏Tetris Game JavaScript/TypeScript AudioContext
Tetris Game / 俄罗斯方块扫码体验https://capricorncd.github.io/tetris/dist游戏截图键盘操作Left: ←, Right: →, Rotate: ↑, Down: ↓, OK: Space, Start/Pause: Enter, Restart: Shift初始化方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g
2021-10-03 20:57:58
246
原创 Github.io部署nuxt.js生成的静态文件404问题解决方法
现象使用Nuxt.js开发的个人页面，部署到Github.io后，_nuxt/*.js等静态问题不能访问，提示404错误。js文件实际上市存在的原因推测nuxt generate后的文件名(_nuxt/*.js)比较特殊，触发了Github.io的 content-security-policy，所以被禁止访问。解决方法使用Node.js修改nuxt generate 后的文件夹名称。把_nuxt 改成 static 之类的。同时nuxt.config.js也做相应的修改。nuxt.c
2020-12-09 14:25:33
3112
原创 zx-calendar JS日历插件（带Vue2/Vue3/React版本）
zx-calendar, zx-vue-calendar (Vue2.x.x and Vue3.x.x), zx-react-calendar源码文档地址：https://github.com/capricorncd/calendar演示地址https://capricorncd.github.io/calendar/dist/index.htmlVue docs and exampleVue 2.x.xhttps://capricorncd.github.io/calendar/dist/v
2020-11-18 14:43:17
1318
原创 从C4D建模到Three.js实现闹钟产品360度展示效果(.stl,.obj,.mtl)
演示地址：https://capricorncd.github.io/blog/dist/three/index.html#/ClockObj源码：https://github.com/capricorncd/blog/tree/master/demos/threeC4D文件：clock(R21.207).c4d https://github.com/capricorncd/blog/tree/master/c4d流程C4D建模导出.obj文件js实现（Three.js）,此例开发环境使用的W
2020-10-13 14:56:43
3363
原创 使用Github API和React Native实现简单的Github App
GitHub AppGitHub App developed with React-Native源码地址：https://github.com/capricorncd/githubApp下载地址目前只有安卓版，IOS需要$99美元才能发布安装包，所以只能启动项目，连接iPhone手机安装https://capricorncd.github.io/githubApp/download/in...
2020-05-06 22:11:22
342
原创 Webstorm自定义新建JS文件默认填充内容
Preferences > Editor > File and Code Templates/** * Created by Capricorncd. * https://github.com/capricorncd * Date: ${YEAR}-${MONTH}-${DAY} ${HOUR}:${MINUTE} */import React, { Component }...
2020-04-25 15:34:46
330
原创 格式化日志中SQL（从Eclipse控制台中提取数据库查询语句）网页工具
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...
2020-03-22 15:42:05
554
1
原创 Java MD5/SHA/MAC消息摘要算法
消息摘要算法MD(Message Digest)SHA(Secure Hash Algorithm)MAC(Message Authentication Code)其他如：RipeMD, Tiger, Whirlpool, GOST3411等，均由Bouncy Castle实现。消息摘要算法–MD(Message Digest)作用：验证数据的完整性是数字签名核心算法MD5MD家...
2020-03-22 15:41:15
469
原创 Vuejs & Element-UI后台开发列表页组件及处理逻辑
注：xm- 前缀组件为自定的全局组件。例子<template> <div> <!-- header或面包屑部分 --> <xm-header> ... </xm-header> <!-- 列表条件组件，条件太多可以二次封装该组件 --> <xm-table-condition deployabl...
2019-05-11 15:56:21
744
原创 nuxtjs去require，使用import from开发
官网：https://nuxtjs.org/guide/installationpackage.json 修改部分{ "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node", "start": "cross-e...
2019-01-05 22:02:54
1668
2
原创 100行js代码搞定瀑布流插件 zx-waterfall
效果图waterfall.js/** * Created by Capricorncd. * Date: 2018/12/14 16:00 * https://github.com/capricorncd */import App from './app.js'// 默认配置文件const DEFAULT_OPTS = { // 外容器 wrapper: null, ...
2019-01-05 18:28:21
1032
原创 成都2018第七届iWeb峰会-简单总结（阿里云Mocks、iH5、云原生监控、腾讯云图）
首先感谢活动主办方举办了本次技术交流会，演讲的内容多多少少能对现在公司项目的优化或功能开发带来些积极的影响。 关于活动详情，需要了解的同学可以直接搜索《2018第七届iWeb峰会城市巡回——成都站》查看。演讲内容大致如下： 主题 嘉宾 新一代场景化数据协同平台诞生记 黄俊华-虎曼（阿里云平台技术部资深开发工程师） 走进企业微信小程序 肖文（腾讯前端高...
2018-09-16 11:26:44
1584
原创 webpack4 Cannot find module '@babel/core'
Error:// webpackCannot find module '@babel/core'简单明了的解释，&quot;babel-loader&quot;: &quot;^8.0.0&quot; 版本问题。 使用&quot;babel-loader&quot;: &quot;^7.1.5&quot;即可解决该错误。package.json{ &am
2018-08-29 14:32:30
8640
4
原创 zx-editor 移动端（HTML5）富文本编辑器，可与原生App混合(hybrid)开发
zxEditor 移动端HTML文档（富文本）编辑器，支持图文混排、引用、大标题、无序列表，字体颜色、加粗、斜体。可用于独立web项目开发，也可以用于与原生App混合(hybrid)开发。源码地址：https://github.com/zx1984/zx-editor本地运行 Build Setup# 安装依赖npm i# 运行开发模式# 通过 `http://...
2018-08-05 23:29:53
32883
15
原创 阿里云OSS STS图片文件上传之坑
阿里云OSS STS图片文件上传之坑，无法通过multipartUpload上传Blob数据或转换后的Buffer数据
2018-06-21 09:21:06
3248
1
原创 zx-image-viewer图片预览插件，支持旋转、缩放、移动
图片预览插件，支持图片切换、旋转、缩放、移动…浏览器支持：IE10+, (IE9不支持旋转功能)源码地址：https://github.com/zx1984/image-view演示地址：https://zx1984.github.io/image-view/dist/默认键盘操作 方向键：左left右right前后图片切换，上up下down顺时针逆时针旋转 滚动...
2018-06-10 11:31:58
2690
1
原创 js pako.inflate 解压zlib压缩文件
web前端在获取一些基础数据(比如：地区数据、行业、学历、专业，各种分类、属性等等)时，通过服务器一次拉取所有基础数据json压缩包。优点：一可以减少流量，二可以减少很多http请求 …该例需要浏览器localStorage来存储以上解压后的大量JSON数据，同时，需要XMLHTTPRequest2支持请求获取二进制数据流，故ie低版本浏览器不适用…
2017-09-28 10:43:25
6755
原创 创建script、link标签，预加载js/css方法createStaticResourceElement(CSRE)
创建script、link标签，预加载js/css方法createStaticResourceElement(CSRE)
2017-09-26 15:21:46
1253
原创 npm scrpit/node实现静态资源(js/css)复制重命名(版本号)、压缩tar.gz、上传至服务器
使用场景：一些插件js包、css样式包等文件较大。由于服务器带宽（1M）限制，每次加载时相当慢，偶尔还能达到20s。所以将静态资源另外部署到第三方平台，如腾讯云对象存储、阿里云、CND等等，后期根据相关接口获取版本号及相关静态资源地址…
2017-09-25 16:20:38
1851
原创 IOS内嵌H5页面实现（JS实现图片正常显示，并正确返回文档的高度）
由于IOS原生开发对含有html标签的数据处理很麻烦，所以在做文章详情时，采用内嵌H5页面形式混合开发。流程ObjC将字符串类型的数据，通过Window上的JS方法将数据传递给JS。JS拿到数据渲染H5页面，并通知ObjC H5文档高度（JS实现图片正常显示，并正确返回文档的高度）。
2017-08-29 16:45:54
4364
原创 Hybrid 原生App与Web混合开发介绍及更新
项目中用到JS与原生App之间的数据通信，IOS那边提供了一个WebViewJavascriptBridge，故‘研究‘了一下。github地址： https://github.com/marcuswestin/WebViewJavascriptBridge先看实例，后面有详细说明
2017-08-23 17:29:23
996
原创 图片裁剪/等比缩放，支持本地/同域视频文件截图功能image-process (html5 + canvas)
解决图片上传前缩放到一定比例自动居中裁剪、等比缩放等。
2017-06-30 09:39:08
1379
2
原创 web网页引导app启动或下载 有安装则启动app，未安装或启动失败引导下载
app-download-boot web网页引导app启动或下载。若有安装app则启动，未安装或启动失败（或超时）跳转至指定网页。源码地址：https://github.com/zx1984/app-download-boot使用方法html lang="en">head>meta charset="UTF-8">title>App-Download-Boot
2017-06-30 09:29:05
1792
原创 Calendar-price-jquery日历价格、库存设置插件，前后台适用，可自定义设置字段
calendar-price-jquery基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法…主要功能自定义日历显示参数自定义需要设置的参数自定义插件的样式风格(颜色)源码地址： https://github.com/zx1984/calendar-price-jquery使用方法
2017-06-20 23:39:58
4795
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人