sunhangye-CSDN博客

原创使用canvas实现图片压缩算法

之前面试天弘基金问的使用canvas实现图片压缩面试题，没答上来回来记录下。同时后面学大数据可视化也会陆续上传笔记，加深下学习记忆同时方便大家一起学习和进步。????<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2020-07-11 11:46:56 361

原创服务端渲染Next项目总结

前言Github地址欢迎大家查看一起学习共同进步可以的再来个star笔芯~本文参考了慕课网 jokcy 老师的React16.8+Next.js+Koa2 开发 Github 全栈项目，记录以便后续学习。????介绍Next.js 是一个轻量级的 React 服务端渲染应用框架。官网：https://nextjs.org中文官网：https://nextjs.frontendx.cn当使用 React 开发系统的时候，常常需要配置很多繁琐的参数，如 Webpack 配置、Router

2020-06-23 10:44:22 1765 1

原创 React Native 开发采坑总结

React Native 开发采坑总结Github项目链接欢迎查看starReact Native error 'Unable to resolve module react-native启动一个新项目，报之前的项目问题，清除缓存就行了。IOS# Clean cacherm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all# Start React-Nat

2020-06-23 10:38:49 804

原创 React Native 混编调研报告

React Native 混合编程调研报告经调研，在遵守Apple开发人员守则及不改动app内主要功能（支付等）的情况下，React Native混合开发APP在可控风险范围内，且可以提高开发效率及降低后期维护成本。React Native简介 React Native是Facebook开源的一套框架，使用javascript和react来实现跨平台开发，可以通过JavaScript语言编写iOS native的控件。选择React Native开发第一点是Facebook支持有丰富的插件资源

2020-06-23 10:16:34 237

原创制定团队的前端开发规范

制定团队的前端开发规范命名规范项目命名全部采用小写方式，以下划线分隔。例：my_project_name目录命名参照项目命名规则；有复数结构时，要采用复数命名法。例：scripts，styles，images，data_modelsvue的项目中，components下的组件目录名，使用大驼峰命令例：LeftBarJS文件命名参照项目命名规则。例：account_mod...

2019-07-24 14:16:50 1652

原创 # Git 日常操作

Git 日常操作非常实用的git命令。看到后面有彩蛋哈一、新增一个项目操作1、进入GitHub网站上新建一个项目，如：「App」项目2、进入本地项目文件夹,初始化一个本地项目，把这个目录变成git可以管理的仓库git init3、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add ....

2019-07-03 14:49:12 116

原创仿简书react项目

仿简书react项目本项目地址仿照简书网站，也是我使用react的第一个完整项目。对有一定react基础的同学非常友好，非常适合入门学习。零基础的同学可以参考我的另外一篇文章react_demo。可以通过git log，查看我的学习思路，与我一起学习，一起进步。

2019-07-03 14:46:19 709

转载 “天龙八步”细说浏览器输入URL后发生了什么

当我们在浏览器输入网址并回车后，一切从这里开始。一、DNS域名解析我们在浏览器输入网址，其实就是要向服务器请求我们想要的页面内容，所有浏览器首先要确认的是域名所对应的服务器在哪里。将域名解析成对应的服务器IP地址这项工作，是由DNS服务器来完成的。客户端收到你输入的域名地址后，它首先去找本地的hosts文件，检查在该文件中是否有相应的域名、IP对应关系，如果有，则向其IP地址发送请求，...

2018-02-23 13:44:19 258

原创 http协议简介

Http协议HTTP/0.9HTTP/1.0HTTP/1.1（主流）HTTP/2.0HTTP协议是在TCP/IP协议族的基础上运作起来的，用于客户端和服务端之间的通信其属于TCP/IP协议族内的一个子集；标准的HTTP协议是无状态（cookies, session，application）的协议。TCP/IP协议族是按层次去划分的应用层，决定了向用户提供应用服务时通信的...

2018-02-23 11:24:10 174

原创 eslint 严格配置

{ "parser": "babel-eslint", "extends": [ "airbnb", "plugin:react/recommended", "prettier", "prettier/react" ], "plugins": [ "react", "prettier" ], "rules": { // pr

2017-12-14 14:23:37 1395

原创 create-keyframe-animation-js实现css3动画

create-keyframe-animationgithub地址这两天在项目里接触到这个库，在这里记录一下。使用JavaScript在浏览器中动态生成CSS关键帧动画。可以在项目中npm下载// 引用var animations = require('create-keyframe-animation')我这里配合vue transition js钩子函数 enter after-e

2017-12-06 15:57:24 3663

转载 better-scroll component

2017-10-17 10:54:50 763

原创 vue初识

什么是Vue组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 Vue组件间通信父组件向子组件通信方法一：props使用props，父组件可以使用props向子组件传递数据。父组件

2017-10-17 10:49:03 478

转载 better-scroll api

格式：var obj = new BScroll(object,{[option1,],.,.});注意：1、要确保object元素的高度比其父元素高2、使用时，一定要确保object所在的dom渲染后再用上面的语句，或者fresh()Options 参数startX: 0 开始的X轴位置startY: 0 开始的Y轴位置scrollY: t

2017-10-17 10:47:25 4513

原创 css :nth-child和:nth-of-type的区别

css :nth-child和:nth-of-type的区别对于初学者和平时工作应用中，区别nth-child和nth-of-type是一个很大的盲区，为了更好帮助大家区分两者使用方法，特在此加以区分。

2017-09-21 11:29:53 230

sunhangye的博客