BryanAdamss的博客

一个伪前端


  • 首页

  • 分类

  • 归档

  • 标签

  • 搜索

oop-basic-in-js

发表于 2018-04-27 10:23:58 | 分类于 前端
最近在复习基础知识,特对js面向对象相关知识做个记录 js中的面向对象编程基础知识创建对象字面量模式 最简单也是最常用创建简单对象的方式 12345678var personCgh={ name:'cgh', age:'18', sex:'boy', sayName:function(){ alert(this.name); }}; 缺点 如果需要创建大量类似的对象,会产生大量重复代码 工厂模式 抽象(封装)创建具体对象的过程 123456789101112function createPerso ...
阅读全文 »

design-pattern

发表于 2018-04-25 10:18:10 | 分类于 前端
此文是《JavaScript设计模式与开发实践》的读书笔记本文所有源码可在这里找到 JavaScript设计模式与开发实践基础知识鸭子类型1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <scr ...
阅读全文 »

mini-program-bus

发表于 2018-03-15 13:49:47 | 分类于 前端
最近在做一个关于公交查询的小程序第一次接触小程序,有很多不熟悉的地方,特在此做个记录 微信小程序-公交查询笔记注册小程序 可以参照官网的教程https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=1521093163 需要注意的是注册邮箱必须是未注册过公众号、个人微信号的邮箱才行 目录结构 app.js用来注册app程序的,有对应的生命周期钩子,可以在其中做一些初始化工作,app会在整个程序运行的生命周期内可访问,所以一些简单的数据传递、共享,可以通过在app.js中挂载全局变量的形式完成。 app.json用来配 ...
阅读全文 »

postman-guide

发表于 2018-02-24 09:34:28 | 分类于 其他
最近在看postman文档(https://www.getpostman.com/docs/)记录一些常用操作 postman 常用操作介绍 postman是一个调试、管理接口的神器。 登不登录都可以使用,登录后可以同步数据。 界面 主要分两部分 左侧为侧边栏,包含历史记录(History)、集合(Collections) 右侧为request builder 历史记录Tab页 主要记录了之前操作的一些request;可以通过clear all来清空;以及上面的filter来筛选 每个请求左侧都会标识出请求的类型(post、get…) 集合Tab页 主要用来展示所有的项目 一 ...
阅读全文 »

same-origin-policy

发表于 2018-02-05 10:07:24 | 分类于 前端
前端时间,项目中遇到一些跨域问题,查阅了一些文档后,特在此做个记录。 浏览器的同源策略及规避方法同源策略(same-origin-policy) 同源策略主要是用来隔离一些潜在的恶意文件。保证用户信息的安全,防止恶意的网站窃取数据。https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy 例如AB两个不同源的网页,如果没有同源策略,AB之间就可以相互访问请求到对方的隐私信息(如cookie),这样显然是不安全的。 什么是同源? 同源要求: 协议相同 域名相同 端口相同 举例 URL 说明 ...
阅读全文 »

vue-music-note

发表于 2018-01-30 17:08:32 | 分类于 前端
幕客网音乐app学习笔记 幕客网音乐app学习笔记vue-cli 初始化 vue init webpack vue-music,如果没有,会自动创建vue-music文件夹 vue-cli的runtime+compiler vs runtime选择 前者会包含编译器,适合在需要客户端编译模板的时候 后者因为不包含编译器,最终编译出来的大小会比前者小,适用于基于.vue文件开发使用了vue-loader的情况。一般选择这个 vue-cli的eslint模式 使用standard 基本命令 可在package.json的scripts中查询到 npm start、npm run d ...
阅读全文 »

websocket_chat

发表于 2018-01-18 14:53:58 | 分类于 前端
最近在看web端即时通信方面东西,用nodejs结合websocket(socket.io)做了一个简单的web聊天室。特在此做个记录完整代码可以查看(https://github.com/BryanAdamss/SourceSave/tree/master/WebSocket/ws-socketiodemo) 使用NodeJs、Socket.io搭建一个web聊天室前置知识Web端实现即时通信主要有四种方式:短轮询(polling)、comet、Websocket、SSE 短轮询 前台设置个定时器不断发送请求去请求后台数据 缺点:会有大量无效请求、浪费服务器资源、有延迟 Com ...
阅读全文 »

webpack-multi-page

发表于 2018-01-02 09:38:03 | 分类于 前端
最近在看webpack的配置,自己尝试写了个多页面的配置文件。在此做个记录,方便日后查找。详细代码可以查看(https://github.com/BryanAdamss/WebpackTemplate) Webpack多页面配置想实现的功能 开发环境、生产环境配置分离 开发环境 HMR 自动生成HTML文件 source map 生产环境 提取css、sass 提取公共模块 压缩代码 hash 缓存 与SPA的不同 单页面应用在入口处引入所有的js文件 多页面应用需要在每个页面中引入公共的js文件和自身的js文件(公共代码、多入口) 项目结构123456789101112131 ...
阅读全文 »

webpack

发表于 2017-12-21 14:59:17 | 分类于 前端
webpack官方指南学习笔记 webpack官方指南学习笔记起步 packagejson.js必须是纯正的json文件,用双引号,结尾不能有逗号 npm init -y会默认全选yes来初始化package.json npm中可以直接使用模块名来引用本地安装的包,而不需要写出完整路径 ./node_modules/.bin/webpack src/index.js dist/bundle.js可替换为webpack src/index.js dist/bundle.js webpack命令默认会查找webpack.config.js配置文件。可以通过--config来使用其他配置文件 ...
阅读全文 »

CSS_Secrets

发表于 2017-12-13 09:42:03 | 分类于 前端
如果让我推荐基本css方面的书籍,我会推荐精通CSS(第2版)、CSS权威指南以及Lea Verou大神的CSS Secrets最近花了点时间将CSS Secrets看了遍,将所有代码敲了一遍。特在此做个记录,可以右键查看源码,绝大部分都写了注释。源码可以查看(https://github.com/BryanAdamss/SourceSave/tree/master/CssSecrets) CSS_Scerts00_减少代码重复 01_currentColor 02_使用inherit完成一些reset 03_半透明边框 04_多重边框 05_多重边框_outline 06_灵 ...
阅读全文 »
1…4567
BryanAdamss

BryanAdamss

64 日志
2 分类
91 标签
GitHub
© 2017 - 2020 BryanAdamss
由 Hexo 强力驱动
主题 - NexT.Mist