chuchur-CSDN博客

原创 window修改鼠标滚轮方向

玩久了mac 突然切换到window, 会赶脚很不顺手.主要体现在:鼠标滚轮是反的,触摸板是反的. 强迫症的你,就会想方设法的把他顺过来.在Mac OS中提供了修改鼠标滚动方向的设置，系统偏好设置-鼠标-选择是否是自然，默认为选中，与Windows相反在Windows中没有提供直接修改的方法,但是可以通过修改注册表的方式来解决:第一步计算机-右键-管理-系统工具-设备管理器-鼠标和其他指...

2020-04-13 14:31:46 4330

原创本地站点开启https

线上环境开启https请移步给站点开启https和http2本文这里要说的是如何在本地环境搭建https,至于说有什么用,假如你找到这了, 就说明你已经用到了.Chrome NET::ERR_CERT_COMMON_NAME_INVALID虽然你配置了本地的证书,但是总是本地证书被拒绝的,原因是Chrome已经弃用了对证书中commonName匹配的支持，实际上，自2017年1月起需要一个...

2020-04-13 14:31:11 3924

原创 Vue transition动画

官网API: https://cn.vuejs.org/v2/guide/transitions.html官方的demo点击显示与消失<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> ...

2020-04-13 14:30:03 256

原创 Vue 入口缓存的问题

关于web的缓存策略,推荐这篇文章:Http缓存机制在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本，使用心得版本号的时候，发现html里面引用的版本号却是旧的版本号，原来是该html文件被缓存了,很多时候我们设置禁止html文件被缓存,但依然会出现被缓存的情况。<meta http-equiv="Expires" content="0"><me...

2020-04-13 14:29:33 886 1

原创 Mac 上安装和卸载Java JDK

卸载步骤删除java文件sudo rm -fr /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin sudo rm -fr /Library/PreferencesPanes/JavaControlPanel.prefpanesudo rm -fr ~/Library/Application\ Support/Java手动删除可能不...

2020-04-13 14:29:01 2683

原创 Node zip压缩和解压缩

NodeJS 文件(夹)压缩/解压方案(zip/unzip)-Linux上zip相关命令Use adm-zipadm-zip支持archive和unarchive一个或多个文件或者整个文件夹的功能，使用非常的简单方便。var adm_zip = require('adm-zip');//creating archivesvar zip = new adm_zip(); zip.ad...

2020-04-13 14:28:32 1871

原创 React Native android 常见错误和解决方法

Could not determine java version from ‘11.0.1’.更新gradle即可,可参考 gradle 版本更新,或者JDK降级到 8 ,请参考**Mac安装和卸载Java JDK**Cannot add task ‘wrapper’ as a task with that name already exists.task wrapper(type: Wra...

2020-04-13 14:27:51 1599

原创 React Native和web交互

React Native和H5交互//接收来自H5的消息onMessage = (e)=>{ Log('WebView onMessage 收到H5参数：',e.nativeEvent.data); let params = e.nativeEvent.data; params = JSON.parse(params); Log('WebView onMe...

2020-04-13 14:27:19 230

原创 android studio gradle 版本更新

问题描述Gradle-Could not determine java version from ‘12’可能是Gradle 版本不兼容, 尝试着更新Gradle版本使用Android studio自动更新找到项目根目录 gradlewrappergradle-wrapper.properties文件distributionUrl=https\://services.gradle.or...

2020-04-13 14:26:18 580

原创 React Native ios 常见错误和解决方法

常规错误问题CFBundleIdentifier", Does Not Exist这个问题不存在的, 说什么包不完整都是扯. 直接在xcode 里面运行调试. 找错误.一步一步解决,其他错误解决了. 这个问题也就不存在了warning: directory not found for option目录文件缺失,npm install , pod install , react-nativ...

2020-04-13 14:25:39 8482

原创跨域的常见问题和解决方案

跨域的常见问题和解决方案第一种No 'Access-Control-Allow-Origin' header is present on the requested resourceThe response had HTTP status code 404出现这种情况的原因如下：本次ajax请求是“非简单请求”,所以请求前会发送一次预...

2019-03-02 18:32:00 201

原创 Comet,SSE,WebSocket前后端的实现

Comet,SSE,WebSocket前后端的实现 Comet(服务器推送)的两种方式短轮询页面定时向服务器发送请求, 步骤为：建立连接——数据传输——关闭连接...建立连接——数据传输——关闭连接//前端js var xhr = new XMLHttpRequest(); setInterval(()=>{ xhr...

2019-03-02 18:31:00 536

原创 web渐进式应用PWA

web渐进式应用PWA 什么是渐进式 Web 应用渐进式 Web 应用首先是一种应用，它根据设备的支持情况来提供更多功能，提供离线能力，推送通知，甚至原生应用的外观和速度，以及对资源进行本地缓存。渐进式 Web 应用是一个网站，它使用了某些开发技术，使其体验比普通针对移动优化的网站体验更好。它使用起来就像是在使用一个原生应用一样渐进式 Web...

2019-03-02 18:31:00 261

原创 IIS 部署node

IIS 部署node 从linux 迁移到windows server,一言难尽.网上有说iis已经支持node了. IIS Node折腾了一下, 没跑起来,估计兼容性不是那么好,索性放弃了. 直接pm2 部署了.安装了 IIS UrlRewrite在站点根目录创建web.config, 内容如下<?xml version="1.0...

2019-03-02 18:29:00 907

原创 javascript 时间戳

javascript 时间戳取时间戳的几种方式//第一种var timestamp = Date.now()//第二种var timestamp = new Date().getTime()//第三种var timestamp = new Date().valueOf()//第四种,通过运算var timestamp = n...

2019-03-02 18:28:00 264

原创 certbot开启亚马逊EC2主机https

certbot开启亚马逊EC2主机https 国内那么多云主机运营商, 你为何要买国外的主机呢, 你肯定在干些见不得人的勾当..开玩笑了, 说不定你在闷声发大财也说不准.之前有说过可以利用certbot申请免费的证书,给站点开启https传送门certbot在亚马逊的主机无法顺利执行,不过可以通过手动修改源代码的方式,这样certbot就可...

2019-03-02 18:28:00 228

原创 svg 画K线

svg 画K线先说说viewBox 是干嘛的，就是按比例缩放视图的。用图形来表示<svg width="300" height="200" style="border:1px solid #ddd"> <rect width="80" height="70" style="fill:#BDC9FF"&

2019-03-02 18:27:00 830

原创 javascript Reflect

javascript Reflect 语义Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与处理器对象的方法相同。Reflect不是一个函数对象，因此它是不可构造的。描述与大多数全局对象不同，Reflect没有构造函数。你不能将其与一个new运算符一起使用，或者将Reflect对象作为一个函数来调用。R...

2019-03-02 18:27:00 225

原创 javascript ES6 Proxy

javascript ES6 Proxy proxy的概念proxy英文原意是代理的意思，在ES6中，可以翻译为"代理器"。它主要用于改变某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。proxy在目标对象的外层搭建了一层拦截，外界对目标对象的某些操作（后文...

2019-03-02 18:26:00 121

原创 javascript reduce

javascript reduce 含义reduce() 方法对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个值。语法arr.reduce(callback[, initialValue])参数callback执行数组中每个值的函数，包含四个参数：accumulator累加器累加回调的返回值; 它是上一次调用回调时...

2019-03-02 18:26:00 341

原创 javascript-继承之jquery

javascript-继承之jquery jquery 截止到当前已经3.3.1版本了，如今随着各种浏览器的盛行，前端的框架层出不穷，jquery独步天下，老夫写代码只用jquery，拿起代码就是干的辉煌时代已经过去了。2006 年，jQuery 的第一个版本的面世，凭借着简洁、灵活的编程风格受到了开发者的喜爱。而它本身是一个 JavaScrip...

2019-03-02 18:25:00 151

原创 javascript 队列

javascript 队列队列定义队列（Queue）是一种遵从先进先出（First in, first out。简称FIFO）原则的有序集合。它和栈的不同点是栈是先进后出的，队列是先进先出的，栈都是在一端进与出，而队列是在一端进在另一端出。栈的删除操作在表尾进行，队列的删除操作在表头进行。顺序栈能够实现多栈空间共享，而顺序队列不能。共同点是...

2019-03-02 18:24:00 200

原创一个九宫格抽奖的轮子

一个九宫格抽奖的轮子一个九宫格抽奖的轮子在线demodemo安装NPMnpm i k-luckdraw -SCDN<script src="//unpkg.com/k-luckdraw/index.js"></script>参数 optionsvar options = { id:'', //r...

2019-03-02 18:23:00 230

原创 JS通用模块写法

JS通用模块写法模块化这个问题并非一开始就存在，WWW刚刚问世的时候，html，JavaScript，CSS（JS和CSS都是后来在网景被引进浏览器的）都是极其简单的存在，不需要模块化。模块化的需求是规模的产物，当web page进化到web application，浏览器端处理的逻辑越来越复杂，展现的样式和动画越来多，对于工程的要求也就越来越...

2019-03-02 18:23:00 362

原创 javascript 递归

javascript 递归概念在程序中函数直接或间接调用自己，然后跳出结构，返回结果递归的步骤(技巧)假设递归函数已经写好寻找递推关系将递推关系的结构转换为递归体将临界条件加入到递归体中示例求1+2+3+3+...n的和。二逼青年：首数加位数，乘以个数除以2function sum(n){ return (1 ...

2019-03-02 18:23:00 161

原创 WEB 动画的一些实现方式

WEB 动画的一些实现方式 WEB 的动画实现多种多样，随着H5 的发展，实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现一、GIF动画通常咱们社交聊天的一些动态表情，大多都是gif动画。GIF(Graphics Interchange Format)的原义是“图像互换格式”，GIF文件的数据，是一种基于LZW算法的连续色调...

2019-03-02 18:20:00 1672

原创 javascript 中Object一些高效的操作方法

javascript 中Object一些高效的操作方法 javascript 中Object一些高效的操作方法Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const object1 = { a: 1, b: 2, c: 3 };const object2 = Objec...

2019-03-02 18:20:00 163

原创 javascript 中Array一些高效的操作方法

javascript 中Array一些高效的操作方法 javascript 中Array一些高效的操作方法Array.from()方法从一个类似数组或可迭代对象中创建一个新的数组实例。console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]consol...

2019-03-02 18:20:00 162

原创 mac os 的一些命令

mac os 的一些命令升级mac os，有些权限系统默认给禁用了，但是允许通过命令来开启开启隐私允许任何来源sudo spctl --master-disable显示隐藏文件```js 　　defaults write com.apple.finder AppleShowAllFiles -bool truekillall F...

2019-03-02 18:09:00 221

原创一枚前端UI组件库 KUI for React

一枚前端UI组件库 KUI for React 一枚前端UI 组件库 for React在追求完美视觉体验的同时也保证了其性能高效。欢迎使用、批评、指正、吐槽、Star特性漂亮的UI，可定制主题兼容IE9+组件丰富，功能强大更新日志logs：https://react.k-ui.cn/#/log文档Docs : https...

2019-03-02 18:08:00 190

原创 javascript 继承

javascript 继承什么是继承？继承就是你爸爸很多钱，所以你就继承你爸爸，变成了富二代，也是个有钱的主，突然你爸爸世界杯赌球，输了个精光，于是你也变成了穷光蛋。这个就是继承非也，非也。C# 继承public class A { private int a; private int b;}public class B...

2019-03-02 18:08:00 83

原创 vue webpack3 升级webpack4

vue webpack3 升级webpack4 据说webpack3 比webpack4 编译速度将近快了60%-80%，成功升级之后，于是来记录下，项目主要是vue ^2.5.9 ， webpack ^4.10.2 ， webpack-dev-sever ^3.1.4 ，配合升级的还有vue-loader ^15项目重现编译之后由原来的1.7...

2019-03-02 18:07:00 464

原创 vue路由切换终止请求

vue路由切换终止请求问题：在SPA模式开发当中，比如VUE ，当前路由切换的时候如何终止正在发生的异步请求呢，结果：假如请求超时并且有设定超时时间。有一堆的异步请求在执行，当用户切换到另一个页面，这些请求还未终止，并且当服务器响应之后，反馈的结果不是当前页面所期待的。最终会误导用户造成一些不必要的结果。也给web 造成性能问题。解决方案...

2019-03-02 18:06:00 1555

原创 vue 路由切换白屏解决方案

vue 路由切换白屏解决方案关于vue 路由切换的白屏，事实上在开发的过程中，我一直没有遇到过。我有个哥们遇到这个问题，问我怎么解决的，我晕了，我没遇到这样的问题啊，我怎么解决啊啊啊啊。。事实上是遇到过一回的。场景一：IE9严格来说不是白屏的问题，应该说是兼容性问题，直接就是不支持，报错了，渲染无法执行造成的。解决方式就是npm i ...

2019-03-02 18:05:00 6327 1

原创 css3渐变

初次接触css3 渐变是在很早以前了，觉得这个东西很有意思哈，跟玩PS似的，可以做出很多华丽的东西浏览器支持情况IEFFChromeSafariOperaiOSAndroidAndroid Chrome6-9(no)2-3.5(no)4-9(部分-webkit-)3.1-3.2(no)-3.2-4.3(部分)2.1-3.0(-webkit-)...

2018-08-01 10:06:00 105

原创 css3动画

复习下css3 的动画，都快不会写了，那会儿挺喜欢flash的，可惜了时代在前进。写这里就当是文档看吧浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。Safari 和 Chrome 支持替代的 -webkit-animation 属性。注释：Internet Explorer 9 以及更早的版本不支持 an...

2018-08-01 10:00:00 103

原创 WEB 前端跨域解决方案

跨域定义广义的定义：跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。1.) 资源跳转：链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的ajax请求、...

2018-08-01 09:59:00 383

原创 vue前端项目优化

今天终于得空了，我要把kui 说明文档这个项目优化下。打开太慢了，就是这个 http://k-vue.xyz10几秒才能展示完全，真受不了。来张图就明白了看到这个就没啥好意外了，为什么会这么慢。因为说明文档的webpack 配置没用vue-cli 脚手架，自己手动配置的，所以问题估计会多些吧1）webpack配置出错，导致库重复被编译到一个文件里逐步检查了编译后比较大的文件，...

2018-08-01 09:58:00 151

原创 http缓存

 Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。这里要说的是http缓存。使用缓存的好处减少了冗余的数据传输缓解了网络瓶颈的问题降低了对原始服务器的要求降低了距离时延术语缓存命中率：从缓存...

2018-08-01 09:51:00 90

原创 javascript中的对象拷贝

说到javascript 中的对象拷贝，首先我们想到的是Object.assign() , JSON.parse(JSON.stringify()) ,还有ES6 的展开操作符[...]因为在js中= 运算符对于对象来说，不能创建副本，只是对该对象的引用运算符var x = {a:1,b:2} y = xx.a = 10console.log(x) //{a:10,b:2...

2018-08-01 09:50:00 87