
前端框架
文章平均质量分 60
青梅煮酒论英雄
你以为的你以为的就是你以为的吗
展开
-
一、docker认识及一些实现原理
一、虚拟化和容器技术虚拟化技术将计算机物理资源进行抽象,转化为虚拟的计算机资源提供程序使用。这里的计算机资源 指的是 CPU提供的运算控制资源, 硬盘提供的数据存储资源,网卡提供的物理传输资源二、相关应用及分类为了解决多平台的兼容问题将虚拟化技术应用到资源管理中(注意的是虚拟化技术只是为了提高计算机资源的使用率,而不是减少程序资源的占用率)虚拟化主要分为硬件虚拟化和应用程序虚拟化三、容器与虚拟机容器—把应用程序运行隔离在独立的运行环境中,这个运行环境就像是个容器容器与虚拟机对比少了 虚原创 2021-12-17 11:09:21 · 883 阅读 · 0 评论 -
基于qiankun微前端及基于monorepo工作流的lerna改造前端项目(一)
乾坤介绍(import-html-entry)将一个大型应用拆分成若干个更小、更简单,可以独立开发、测试和部署的子应用,然后由一个基座应用根据路由进行应用切换解决两个大型项目互不干扰的情况,可以独立运行应用加载切换 劫持 hashchange和popState(包括css隔离和js隔离,js隔离利用proxy和快照方式来实现,proxy劫持对象的set和get方法)import-html-entry 实现应用以html为入口,依次 解析加载css,js 隔离lerna 介绍用来优化托管在 gi原创 2021-12-14 21:14:16 · 1921 阅读 · 0 评论 -
基于qiankun微前端(支持vue2,vue3)及基于monorepo工作流的lerna改造前端项目(二)
乾坤介绍(import-html-entry)将一个大型应用拆分成若干个更小、更简单,可以独立开发、测试和部署的子应用,然后由一个基座应用根据路由进行应用切换解决两个大型项目互不干扰的情况,可以独立运行应用加载切换 劫持 hashchange和popState(包括css隔离和js隔离,js隔离利用proxy和快照方式来实现,proxy劫持对象的set和get方法)import-html-entry 实现应用以html为入口,依次 解析加载css,js 隔离lerna 介绍用来优化托管在 gi原创 2021-10-14 15:59:15 · 1912 阅读 · 0 评论 -
MVVM的一些思考与实现(Vue为例)
MVVM 定义响应式,双向绑定数据层–视图层–视图数据层修改视图层(View),数据直接更新修改数据层,不需要更新dom,就可以直接更新视图实现步骤实现一个模板解析器 class Compile实现一个观察者 class Observer实现一个class Watcher 来连接 Compiler 和 Observerclass MVVM 整合以上三个初始化new Vue({el: ‘#app’ || document.getElemenrById(‘app’),data原创 2020-11-06 17:29:57 · 140 阅读 · 0 评论 -
重构那件事之七----简化函数调用
函数改名添加参数(注意参数不能过长(3个))移除参数如果不用参数,记住移除,不能增加负担查询函数和修改函数分离令函数携带参数处理类似的函数功能以明确函数取代参数没用的函数干掉...原创 2020-02-09 16:16:44 · 120 阅读 · 0 评论 -
关于重构那些事(一)
最近看了 重构:改善既有代码的设计这本书,记录了一下笔记,其实重构对于我们程序员来可以说是件不多见但是又是非常重要的,看完这本书的最大感受就是平时的代码习惯很重要,下面就来看看一些心得我们在重构前,最好先画个设计图,理清相关逻辑,最好先做个demo出来函数尽量精简,变量名尽可能通俗易懂这个不只在重构过程中需要改的,我们平常写代码也要这么做,作为checklist规范之一没用的函数变量要去掉...原创 2020-02-09 14:22:20 · 232 阅读 · 0 评论 -
jq插件 datatable的使用(附上window一些方法)
datatable使用data 为后端传过来的数组值 function initfellTable(data){ datatable = data; $("#myTable").html("<thead><tr><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th><th>"+$.i18n.prop('')+"</th>原创 2017-12-20 15:51:30 · 441 阅读 · 0 评论 -
首页地图渲染之国际化(一)
一、初始全国各省份对象1.定义对象 省份名称—国际化名称变量var Langualarmap={ "安徽":"AH", "北京":"BJ", "福建":"FJ", "甘肃":"GS", "广东":"GD", "广西":"GX", "贵州":"GZ", "海南":"HI",原创 2017-12-20 11:21:23 · 1144 阅读 · 0 评论 -
node.js安装使用
一、安装node.jsNode.js官网:https://nodejs.org/en/进入Node.js官网,选择下载并安装Node.js。安装过程只需要点击“下一步”即可二、验证是否安装成功验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。npm包管理器是集成在Node.js中了,所以在安装No转载 2017-10-21 11:21:34 · 518 阅读 · 0 评论 -
node 回调函数
node 的 异步编程 主要是 体现在 回调函数上异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node 所有 API 都支持回调函数。 例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件内容作为回调函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。这就大大提高了 Node原创 2017-07-27 11:51:00 · 539 阅读 · 1 评论 -
node js使用 (一)
使用 nodejs服务器访问 本地的 js文件 首先在 node js 安装的文件中 创建 server.js文件 具体的 server.js 文件内容 如下:var http = require('http');http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : O原创 2017-07-27 11:33:20 · 433 阅读 · 0 评论 -
Cookie,LocalStorage,SessionStorage的区别
Cookiecookie存储的空间非常小,限制为4KB左右,主要用途保存登陆信息,比如浏览器中”记住密码”,这通常是通过在cookie中存入一段辨别用户身份的数据来实现的,cookie兼容各大浏览器localStoragelocalStorage 是 HTML5 标准中新加入的技术,它并不是什么划时代的新东西。早在 IE 6 时代,就有一个叫 userData 的东西用于本地存储,而当时考虑到浏览器转载 2017-07-13 09:55:03 · 348 阅读 · 0 评论 -
anjular 一些常用的方法
anjular.element将DOM元素或者HTML字符串一包装成一个jQuery元素。 用法: $scope.getMore = function(){ angular.element('.list-box ul').append('111111') }scope通信方法 on emit broadcaston、em原创 2017-07-07 11:56:34 · 484 阅读 · 0 评论 -
angular 的 ajax的获取
get 方式: $http.get('./json/jrcslc.json'). success(function(data) { $scope.financials = data.financials; }); $http.get('./json/jrcsjj.json').原创 2017-07-07 11:03:31 · 385 阅读 · 0 评论 -
anjular 的service
Angular中有几种不同类型的services。每一种都有自己的独特用法。需要记住的非常重要的一点是service总是一个单体,无论是哪种类型的service。注释:单体是一种设计模式,它限制了每一个类仅能够实例化为一个对象。无论我们在什么地方注入我们的service,将永远使用同一个实例。Value例子:app.value('fooConfig',{ config1: true,转载 2017-07-07 10:59:04 · 304 阅读 · 0 评论 -
angular 之 控制器 controller详解
介绍 controller 之前首先介绍下scope和scope 和 rootscope 的区别scope 和 $rootscope不管rootscope 还是 scope ,都是html 和 controller 之间的桥梁,数据绑定都是通过 他们来绑定的 简单来说,scope 相当于局部变量,rootscope 相当于全局变量,意思就是scope只针对单个的控制器,rootscope原创 2017-07-07 10:52:46 · 3599 阅读 · 0 评论 -
anjular js ---directive常用指令使用
anjular 定义 指令就是相当于重新创建 html 标签或者属性例如 :app.directive(‘telBox’, [function () {}]);可以在html 使用 <telBox></telBox>本篇主要介绍指令返回 的参数设置,这也是指令最主要的部分:restrict声明标示符如何使用,可以作为元素,属性,类,注释或组合,取值有 E(元素),A(属性),C(类),M(原创 2017-07-04 11:40:24 · 499 阅读 · 0 评论 -
angular js----javascript 模块化require.js
一般用anjular 框架时写大型项目时,都会用require.js模块化加载,以下就具体原创 2017-07-04 09:49:54 · 297 阅读 · 0 评论 -
Angular js 初始
ng;ng 服务;ng服务原创 2017-06-30 17:19:54 · 735 阅读 · 0 评论 -
React 初始
react原创 2017-06-28 16:50:54 · 299 阅读 · 0 评论 -
vue 实战之 饿了吗 商品tab页
vue 实战联动兄弟组件原创 2017-06-28 15:49:25 · 2043 阅读 · 0 评论 -
vue 实战 之 饿了吗 页头模板
header 组件原创 2017-06-28 15:13:14 · 1696 阅读 · 0 评论 -
vue实战之 仿饿了吗 之 页面主要js和vue文件
vue 实战原创 2017-06-28 11:00:05 · 1834 阅读 · 0 评论 -
vue 指令标签
基础vue原创 2017-06-27 17:41:00 · 529 阅读 · 0 评论 -
Bootstrap 响应式实用工具
Bootstrap原创 2017-06-27 17:20:39 · 379 阅读 · 0 评论 -
bootstrap网格系统
bootstrap栅格原创 2017-06-27 17:05:13 · 367 阅读 · 0 评论 -
bootstrap 初始
bootstraps 初始布局原创 2017-06-27 14:54:24 · 267 阅读 · 0 评论