CSDN前端知识共享

在积累中沉淀,在学习中总结,在探索中尝试

CSS3(三)Animation 入门详解

Animation 前言 好的前端工程师,会更注重用户的体验和交互。那么动画就是将我们的静态页面,变成具有灵动性,为我们的界面添加个性的一种方式。 下面是七喜的官方主页,它就是很好的富交互样例。鼠标移动到导航栏,就会播放多种动效,给用户一种酷炫的体验。我觉得用户体验,才是前端...

2018-04-17 16:07:44

阅读数 12923

评论数 0

socket.io 原理详解

socket.io 原理详解 在上一篇文章中,我们了解到 socket.io 是 基于engine.io 进行封装的库。 所以对engine.io不清楚的童鞋可以点击进行了解: engine.io 详解 1.概述 socket.io 是基于 Websocket 的Client-Server ...

2019-01-27 21:38:02

阅读数 50

评论数 0

engine.io 原理详解

engine.io 原理详解 最近,业务中有使用到 socket.io,进行客户端与服务端的实时通信。socket.io提供的API易上手,对新手友好,这就极大提高了开发者的效率。不过,期间也有遇到很多socket.io中的坑,例如,中文乱码问题,服务端NPE问题 等。有些涉及到底层的问题,就势...

2019-01-26 22:04:03

阅读数 35

评论数 0

微信小游戏登录授权流程图

微信小游戏登录授权流程图 最近在做小游戏相关的业务需求,小游戏(小程序)的登录授权逻辑相对来说还是比较复杂的,因此有必要梳理一下,避免以后少踩坑。 ...

2019-01-22 15:37:06

阅读数 23

评论数 0

微信小游戏 文字溢出处理方案,使用省略号

因为小游戏是使用canvas进行文字绘制,无法使用css的方式进行处理,必须使用js进行处理。下面是使用工具进行处理。 // 文字溢出处理函数 spliteWord (content) { let templateWord = '' /* 自定义文字内容长度 */ ...

2019-01-18 11:47:46

阅读数 24

评论数 0

微信小游戏填坑指南

微信小游戏 因为工作需要,提前预研微信小游戏的开发流程。做了如下一个简单的demo项目,并且把实际项目中遇到的坑点都一一详细列出,方便在今后的项目中可以进行查阅。 gitHub 项目源码 小游戏填坑指南 微信小游戏只允许在调试模式下使用window全局变量,在真机模式下使用window会导...

2019-01-13 14:24:29

阅读数 28

评论数 0

【解决方案】三星手机使用chrome远程调试失败

问题描述 使用机型 三星note8、三星s8 操作步骤 在chrome输入: chrome://inspect/#devices 使用chrome远程调试失败,inspect没有显示 解决方法 在手机中,输入 https://debugx5.qq.com/ 选择【信息】栏 在【信息】...

2018-12-26 17:26:16

阅读数 86

评论数 0

javascript设计模式-面向对象

什么是面向对象(Object Oriented) 面向对象是一种程序设计思想。其中,对象是最小的程序单元,包含有属性(props)和方法(methods)。 类和实例 面向对象编程,其实目的就是为了降低代码耦合性。其中,有两个重要的概念: 类(class)、实例(instance)。 c...

2018-12-23 18:54:05

阅读数 17

评论数 0

【解决方案】vue 子组件watch监听不到prop

问题描述 在vue项目中,父组件通过prop给子组件传值时,如果prop值是从服务器端获取,则父组件可能会传给子组件一个默认值(服务端数据还未及时获取),那么,我们就需要实时watch这个prop值,一旦prop值有更新,将立即通知子组件更新。 解决方案 watch: { levelD...

2018-12-23 15:24:35

阅读数 166

评论数 0

【解决方案】webpack `Invalid Host/Origin header`问题

问题 如何解决webpack Invalid Host/Origin header问题 问题描述 webpack相关版本 package.json "html-webpack-plugin": "^3.2.0", ...

2018-12-23 15:16:34

阅读数 1350

评论数 0

Javascript 常见继承方式对比

Javascript 常见继承方式对比 借用构造函数 /** * call 构造函数继承 * 优点: 可以使用父类的属性 * 缺点: 无法调用父类方法 */ function Parent (name, age) { this.name = name this.age = age ...

2018-11-27 11:25:32

阅读数 24

评论数 0

【解决方案】webpack-devServer 无法通过ip访问

方案一: var server = new WebpackDevServer(webpack(webpackConfig), { ... }); server.listen(port, "0.0.0.0", function(err) { ......

2018-11-24 18:21:24

阅读数 75

评论数 0

NodeJS 知识点整理

NodeJS 知识点整理 项目源码地址: https://github.com/yang657850144/nodejs-demo/edit/master/README.md 目录 1.模块缓存 2.循环依赖 3.文件系统 4.引用第三方库 5.process相关 6.debug相关 7.pat...

2018-11-08 18:52:39

阅读数 30

评论数 0

Docker常用指令

原文地址:https://yang657850144.github.io/lucky.github.io/2018/11/01/docker.1/ Docker常用指令 # (从远程仓库Docker Hub拉取镜像文件。一个镜像需要的信息就是名称+标签。) $ docker pull # ...

2018-11-02 09:51:47

阅读数 20

评论数 0

Docker常见Q&A

原文地址: https://yang657850144.github.io/lucky.github.io/2018/11/01/docker.2/ Q&A Docker是什么 (可以类比为轻量级虚拟机 容器是什么,有什么特征 (一个轻量级的沙箱,容器是从镜...

2018-11-02 09:50:37

阅读数 20

评论数 0

分享一个svg路径动画神器

svg路径动画神器 - inkscape 地址:https://inkscape.org/ 实例预览: 应用实例: http://www.yangoogle.com

2018-10-31 16:52:16

阅读数 205

评论数 0

Linux 常用命令二

Linux 常用命令二 快捷键 快捷键 作用 ctrl + a 光标移动到行首 ctrl + e 光标移动到行尾 ctrl + c 强制终止命令 ctrl + l 清屏 ctrl + u 从光标处删除行首 ctrl + r 搜索历史指令 标准输出 ...

2018-10-23 14:32:41

阅读数 23

评论数 0

Vue 源码分析之proxy代理

二、Vue 源码分析之proxy代理 当我们在使用Vue进行数据设置时,通常初始化格式为: let data = { age: 12, name: 'yang' } // 实例化Vue对象 let vm = new Vue({ data }) // 输出 vm.age...

2018-10-22 18:15:21

阅读数 67

评论数 0

Web安全实践

5. 网站安全实践 搜索引擎(黑语法) inurl:login.php intitle:登录 intext:登录 5.1 XSS 攻击(cross site scripting) XSS攻击全称跨站脚本攻击,是为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故...

2018-10-22 14:49:58

阅读数 39

评论数 0

浏览器请求与响应全过程详解

3. 浏览器请求与响应全过程详解 前言 当在浏览器上输入一个网站链接时,它是如何运行将网页内容呈现在我们的浏览器上的呢? 本文旨在对www.yangoogle.com网页进行详细分析,了解浏览器展示内容的整个流程。下图是在网上检索到一个较清晰的流程图,本文通过这张图进行展开讲解: 首先,对...

2018-10-22 11:43:52

阅读数 213

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭