JC Blog

在微信内置浏览器中移动图片卡顿

之前写的图片轮播,在手机端的微信和QQ的内置浏览器中一直都有bug。 bug如下: 1.手指滑动图片时有点卡顿。 2.松开手指后,图片会闪动一下(显示白色),再继续滑动,但是这样的滑动没有卡顿。 这个问题首先让我想到的就是滑动图片用的方法。我是用translateX来移动图片的,但是我改用改变left值也是一样的问题,所以我就想到是不是js代码哪里有问题呢。 我google了这个问...

在macOS中遇到的问题&解决方法

打开破解软件时显示软件已损坏 打开终端,输入以下代码 sudo spctl --master-disable 然后输入用户密码,完成。 打开可跨域的chrome 打开终端,输入以下代码 open -a Google\ Chrome --args --disable-web-security --user-data-dir ~/tmp/chrome/ MacO...

在centos中使用Jenkins+Gitlab实现自动部署

经过一天的摸索与尝试,参考了网上大部分的教程,终于把基本功能搞定了。在Google搜索了很多关键字,都没有找到一篇完整的面向初学者的教程(可能是本人的疏忽),所以借此来记录一下自动部署的流程与踩到的坑。 安装 因为Jenkins使用Java编写,所以需要安装java环境 sudo yum install java 安装Jenkins之前要先添加Jenkins库 wget -O /...

vue服务端渲染(ssr)

最近在找关于vue的seo方法,就接触到了服务端渲染这块。 关于vue ssr的基础知识我是在 这里 学习的,然后记录一下学习和部署的过程。 安装 首先要安装依赖 Vue 和 vue-server-renderer npm install vue vue-server-renderer --save 开始 创建ssr.js const Vue = require('vue') const...

gulp入门笔记

入门指南在这里gulp入门教程 开始 npm i -g gulp // 全局安装gulp npm i gulp --save // 在项目中安装gulp 在项目根目录下创建一个gulpfile.js文件,写入以下代码 const gulp = require('gulp'); const input = 'lib/', output= 'build/'; ...

express 开启 https服务器遇到的问题

用express写的api服务器,放到CentOS上后出现了问题。具体如下 sudo node index.js 开启监听后,浏览器访问https,会自动断开,而访问http的则可以。 https请求http的接口又会遇到问题,所以只能找解决方法。 log segmentation fault. google和百度了一圈,都没发现解决方法。 最后用Nginx的反向代理猥琐解决了该问题...

css常用布局

css常用的布局有:双飞翼布局、圣杯布局、flex布局。 水平垂直居中 .block{ position: fixed; height: 100px; width: 100px; background-color: #000; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } 或者 .block{ pos...

chrome扩展程序编写入门笔记

chrome扩展程序时用来向chrome添加或者修改功能的浏览器扩展程序。 比如Adblock Plus就是一款十分著名的chrome扩展程序,用来屏蔽页面上的一些广告,也包括部分视频网站的视频广告。 如果自己编写一款扩展程序也是十分简单的,尤其是对于前端的同学来说~ chrome扩展程序实际上就是 HTML + CSS + JavaScript ,还有一个JSON文件:man...

Vue脚手架

使用(官方) npm i -g vue-cli //安装脚手架 vue init webpack my-project //根据webpack模板初始化项目 cd my-project //进入初始化项目的目录 npm install //安装依赖 npm run dev //运...

ReactNative问题&解决方案

调试 Android 将手机连接至电脑,并且开启USB调试功能,然后在shell中输入 react-native run-android 等待apk传输完成后,进入应用,可通过摇动手机来打开开发者菜单 依次选择 Dev Settings –> Debug server host 输入主机IP和端口号(一般是8081) 然后再通过摇动手机,选择Reload即可。 ###Deb...