Syean

记录,分享,回忆

Less自用笔记

SASS和LESS的区别同两者都是CSS预处理器,具有(如变量、嵌套、运算,函数等)等功能 异1、编译环境不一样Sass的安装需要Ruby环境,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中,也有 Less.app、SimpleLess、CodeKit.app这样的工具,也有在线编译......
css

微信小程序上传照片后旋转问题解决

前言又是好久好久好久没更新了,太懒了 这次记录一下在做mini项目中遇到的一个问题,当时没时间解决,mini结束后还是打算看看这个问题。 问题说明当时是这样的,微信小程序在上传照片后,会有一定概率旋转,查阅了资料之后,发现是和图片中携带的exif信息中的orientation这个参数有关。 这里有一个关于EXIF 和 Orientation 相关的传送门:使用 JavaScript 读取 J......

2018年前端开发校招面试总结

2018年人生中最重要的事情之一就是找工作啦,从6月份初断断续续开始复习,7月内推开始,9月大批量的笔试、面试,10月初拿到了自己比较满意的offer,也是历经了快4个月。简历投的主要是杭州、上海的一些大厂们,分享一些面试的问题吧,考到烂的如输入url发生了什么、闭包是什么就不放出来了。 不过这些面试题虽然常见,但是还是要用心掌握,因为考到的频率确实蛮高的。由于当时并没怎么接触nodejs和......

Hexo博客配置PWA

想要实践一下pwa,就拿自己的博客来试验一下。 配置https想要实现网站的pwa,需要将网站配置成https,主要是因为service worker只能下https下,本地localhost和127.0.0.1也是可以的。 ssl证书购买的腾讯云的服务器,可以免费申请ssl证书,申请完后,下载证书得到一个压缩文件。解压缩后有好几个目录,因为是nginx的环境,把nginx下的证书和key......

使用electron-packager打包exe文件

electron的项目写的差不错了,要打包成exe文件咯。 安装在文件主目录下安装 electron-packager1npm install electron-packager --save-dev 在package.json里添加”packager”,设置成如下 12345"scripts": { "start": "electron .", "test": "e......

动效神器Lottie初体验——把AE动画转换成WEB原生动画

由 Airbnb 开发的 Lottie 是一个将 After Effects 动画提供给任意一个 iOS,macOS,Android 还有 React Native 原生 APP 的文件库。这些动画通过一个叫 Bodymovin 的开源 After Effects 插件,以 JSON 文件的形式进行输出。Lottie 通过 JSON 格式下载动画数据并实时提供给开发者。 下载安装1.首先你......

Electron入门实践总结

最近,用Electron写了一个桌面应用,是一个比较简单的应用,所以用的东西都是最浅的,做一个总结吧。 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。 安装因为是基于n......

vuejs用户认证实例

在本例子中,使用的请求方法都是使用axios,vuejs的官方推荐。 安装与使用axios1npm install axios 在main.js(如果你使用的是vue-cli脚手架搭建的项目)中引入 12import axios from 'axios'Vue.prototype.$http = axios 之后使用小栗子即是 12345this.$http.get(URL).then(re......

一步步实现微信小程序——仿豆瓣电影

最近不想写论文,就想捣鼓点新东西吧,就边看官方文档,花了3天时间写了一个简单的仿豆瓣电影的微信小程序,给大家分享一下教程吧。 源码&效果图源码点击这里,欢迎star 运行方法: 下载微信web开发者工具 新建项目,项目目录为代码存放目录 点击开发者工具中的编译即可在模拟器里看到 效果图如下 开发环境与项目简介微信提供了一个微信开发者工具,可以完成小程序的 API 和页面的开发调试......

谈谈HTML5本地存储

这次在写项目的登录认证过程中,碰到了一点小问题,是关于浏览器存储方面的东西,就仔细查了资料,总结一下。 浏览器本地存储概述简介cookiecookie是指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据(通常经过加密)。 webStoragewebStorage是HTML5中本地存储的解决方案之一,包括sessionStorag和localStorage,两者......