编程技术

日常工作与学习中对编程技术中的折腾结果以及分享
该标签下有 12 篇文章
Beego学习笔记
Beego学习笔记

Beego介绍 beego是一个快速开发 Go 应用的 HTTP 框架,他可以用来快速开发 API、Web 及后端服务等各种应用,是一个 RESTful 的框架,主要设计灵感来源于 tornado、sinatra 和 flask 这三个框架,但是结合了 Go 本身的一些特性(interface、struct 嵌入等)而设计的一个框架。 目前国内用的比较多的就是beego和gin两个框架,如果项目比较小,个人开发,并且只是用golang来写一些api接口的话,gin是不错的选择,如果是团队开发或者不仅要用golang写api,还要用golang写web后端,并且注重代码质量的话建议使用beego。 Feature特性 MVC REST 智能路由 日志调试 配置管理 模板自动渲染 layout设计 中间件插入逻辑 方便的JSON/XML服务 Beego脚手架安装 bee脚手架 go get github.

9 分钟阅读
可能遇到的JavaScript笔试题
可能遇到的JavaScript笔试题

1. 简述javascript原型、原型链?有什么特点 每个函数都有一个 prototype 属性,函数的 prototype属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型 那什么是原型呢?你可以这样理解:每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。 这是每一个JavaScript对象(除了 null )都具有的一个属性,叫 __proto__,这个属性会指向该对象的原型。 原型链解决的主要是继承问题。 每个对象拥有一个原型对象,通过 proto 指针指向其原型对象,并从中继承方法和属性,同时原型对象也可能拥有原型,这样一层一层,最终指向 null(Object.proptotype.proto 指向的是null)。这种关系被称为原型链 (prototype chain),通过原型链一个对象可以拥有定义在其他对象中的属性和方法。 2. 解释javascript中的作用域和变量声明提升 作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量,

19 分钟阅读
JavaScript编程题
JavaScript编程题

1. 写出下面这段代码的输出结果是? var out = 25, inner = { out : 20, func: function () { var out = 30; return this.out; } } console.log((inner.func, inner.func)()); console.log(inner.func()); console.log((inner.func)()); console.log((inner.func = inner.func)()); 输出结果 : 25 20 20 25 解析: 本题考点两个: 1, 作用域;2. 运算符(赋值运算符,逗号运算符) 第一个考的就是逗号运算符,

9 分钟阅读
vue-property-decorator装饰器用法
vue-property-decorator装饰器用法

前言 在Vue中使用typescript,通过使用vue-property-decorator装饰器来简化书写。 装饰器 @Component @Emit @Prop @PropSync @Watch @Inject @Provide @Model @Ref Mixins @Component 声明组件 import { Vue,Component } from 'vue-property-decorator' import {componentA} from '@/components' @Component({ components: {componentA} // 其他组件声明 }) // @Component export default class '组件名' extends Vue { private valueA: string = '我是ValueA' // data里的变量 private valueB: number[] = [1,2,3] private get

5 分钟阅读
KOA学习笔记
KOA学习笔记

前言 由于业务需求,故大致学习一下KOA框架。 环境搭建 mkdir KOA cd KOA npm init -y # 初始化package.json文件 npm install --save koa # 安装KOA HelloKoa const Koa = require('koa') const app = new Koa() app.use(async (ctx) => { ctx.body = 'hello koa' }) app.listen(3000) console.log('listening at port 3000') GET请求的接收 原生方法 const Koa = require(

6 分钟阅读
Nextjs学习笔记
Nextjs学习笔记

前言 在学习完React后打算手撸一个博客,鉴于React是单页面SPA应用,SEO属实不友好,最后了解到Next.js,一个轻量级的 React 服务端渲染应用框架,也就是说具有良好的SEO优化,故大致学习一下。 环境搭建 这里我使用的是create-next-app,一个官方的脚手架,全局安装搞起来~ npm install -g create-next-app 创建项目 create-next-app demo #demo即项目名称 目录详解 |-- components //用于放置自己写的组件,这里的组件不包括页面,指公用的或者专门用途的组件 |-- node_modules //Next项目的依赖包 |-- pages //放置页面,这里的内容会自动生成路由,并由服务端渲染,渲染后进行数据同步 |-- static //静态文件夹,比如静态资源 |-- package.json //定义了项目所需要的文件和项目的配置信息(名称、版本和许可证),最主要的是使用npm

12 分钟阅读
React学习笔记
React学习笔记

前言 学习React是今年的计划之一,再加上之前学习了Vuejs,想了解两者之间的区别,因此大致学习下React,有机会再用React写一个项目。 React的三大体系 用于Web开发和组件的编写 ReactNative用于移动端开发 ReactVR用于虚拟现实技术的开发 安装 安装Nodejs 使用Reactjs最原始的方法就是script标签引入,但这太low了,并且在工作当中也不会这样引用,因此安装Nodejs来使用react最佳~打开下面的网址,自行安装即可。 Nodejs中文网址:http://nodejs.cn/ 脚手架安装 安装完Nodejs后,使用npm命令安装脚手架 npm install -g create-react-app 创建第一个React项目 create-react-app demo 目录结构 src:项目代码主目录 public:公共文件,例如可以存储样式文件、图标等等 node_modules:项目的依赖包 gitignore:git的选择性上传配置文件 package-lock.json:锁定安装时的版本号,以保证其他人再npm install时大家的依赖能保证一致 src文件夹

10 分钟阅读
Vue.js学习笔记
Vue.js学习笔记

前言 为了在以后使用Vue.js进行开发的项目有个参考的笔记,写下了这篇文章。 安装 官方给出两种版本: 开发版本(包含完整的警告和调试模式,可以使用vue的devtools): <script src="https://cn.vuejs.org/js/vue.js"></script> 生成版本(删除了警告,33.30KB min+gzip): <script src="https://cn.vuejs.org/js/vue.min.js"></script> 在引入Vue.js之后,

18 分钟阅读
TYPECHO启用全站PJAX
TYPECHO启用全站PJAX

TYPECHO全站启用PJAX

2 分钟阅读
TYPECHO文章页/独立页实现lazyload懒加载完美
TYPECHO文章页/独立页实现lazyload懒加载完美

TYPECHO实现图片懒加载

1 分钟阅读
TYPECHO实现AJAX评论功能
TYPECHO实现AJAX评论功能

给主题JAYDENFORU添加评论系统的时候,就想到了无刷新评论~因此有了此文。

9 分钟阅读
自己写的第一款typecho主题-CREAMy
自己写的第一款typecho主题-CREAMy

主题前端来自GITHUB-Frenemy一个无聊的下午,一个无聊的我,看到这个项目,挺喜欢这个前端的,就来写写一款tp的主题吧。正如主题的名字所言JaydenForU,not only for me but for you.

1 分钟阅读