- 博客(135)
- 收藏
- 关注
RSS订阅原创 SSR
CSR:客户端渲染：简而言之是在浏览器端渲染。先拿到dom,css,通过js（ajax）拿到后台数据挂载在dom上显示；优点：交互性好，可以最小单位的返回数据；适宜使用在交互性强的软件中缺点：seo 比较差；蜘蛛只能识别html，不能识别js中的文件;SSR:服务端渲染： 后台直接生成含有完备数据的html返回给前端；跟客户端相反；适用于：首屏渲染；交互性小而展示...
2019-10-25 14:05:40
1126
原创 记一次Bug
这个Bug查了好几个小时…如此愚蠢的一个Bug…给自己跪了. <Menu onClick={this.getComponent} mode="horizontal" selectedKeys={[currentPage]} style={{ lineHeight: '62px', borde...
2018-12-06 20:43:56
368
原创 webpack完整记录
碎碎念:之前一直在csdn.总觉得csdn氛围不太好,但是因为懒嘛,一直没有迁移.今天波特问我,是否可将我的csdn账号借给他下点东西.我记得我csdn好几千积分的.结果一看,现在积分不能下载了,要靠c币.c币是什么呢?一个c币=300阅读量.这就算了,还有过期机制.一段时间没用,就给清零了…这已经强制大家充币赚钱了…所以,果然是要倒闭了么.正文webpack入门文章webpack入...
2018-10-18 18:27:38
804
原创 浏览器兼容问题记录
chrome,firefox : grid 与 flex 的兼容;IE10,IE11:1.@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}以此来识别IE10+以上的浏览器.但是注意,在该属性内的class,只会对没在该属性内的class的属性进行替代.如果比如:.oper-wrap { ...
2018-10-11 17:21:20
937
原创 node/npm 安装的版本并非使用版本
现象 npm install n n stable 获取最新版本的node 之后,node –version /npm –version 仍然是原来的低版本.产生原因: which node/ which npm 可以看到当前正在使用的node/ npm 版本的目录 /usr/bin/npm 我们在全局环境中使用Node/npm 时,会自动去这...
2018-08-10 12:01:25
2271
1
原创 [webpack] webpack 从入门到 所有
官网地址webpack中文以server.js为接入点:'use strict';require('core-js/fn/object/assign');const webpack = require('webpack');const WebpackDevServer = require('webpack-dev-server');const config = requir...
2018-08-06 15:49:35
2137
原创 webpack 从入门到放弃之路
公司的中流砥柱要走啦!!!! 我要接手这些摊子啦!!!!!硬着头皮上吧!/(ㄒoㄒ)/~~第一部分: webpack 使用部分 第二部分: 自动化部署部分 第三部分: 前端视频部分to be continue…...
2018-08-06 10:51:28
303
原创 前端自动化部署
前景提要: 假设某个项目涉及到三个及以上的project.每个project有自己的版本,众多的开发者共同在开发.那么,如何能做到不同project之间发布的时候做到同步且不出差错呢?解决的办法:自动化部署. 工具: jekins 方法: 项目中建立jekinsfile jekins中做出相应的配置to be continue...
2018-08-03 14:44:37
1024
原创 git-lfs使用
前端构建越来越复杂,很多静态的资源导致git clone下载的项目越来越臃肿.想象一下,在国内糟糕的网络环境下,拉取上GB的资源,内心是多么崩溃.git-lfs就是用来解决这个问题的.使用方法: 安装:(linux) git lfs install 配置私有lfs服务器 git config –global lfs.url “http://devcenter.xxxc...
2018-07-11 15:43:32
6914
1
原创 overflow:auto 时页面滚动条出现时跳动
产生环境: ant.design写的Item的时候,给选中添加背景.但是发现,在点击全部时,页面会有跳动,其他章节则不会有跳动. 章节内容的展示,是以 {width:1000px;margin:auto}或者 grid 的 auto 1000px auto 去实现的.最后发现问题的所在是: 全部的时候因为内容较多,右侧产生了滚动条;而其他章节的时候,因为内容少,...
2018-05-30 13:55:38
3279
原创 一些工作上遇到过的坑
１.分支提交流程 git branch -a 查看所有分支和自己所在分支； git checkout -b dev remotes/origin/develop; 在本地建立了一个dev分支，这个分支只是远程develop分支在本地的一个clone 可以由这个分支直接 git pull origin develop 拉去远程分支(remotes/origin/develop)的更新 g...
2018-05-29 17:06:42
485
原创 docker 的应用
今天了解到docker之后，这真的是个大神器啊。 想当初给lab项目配环境的时候，配到傻啊。好，不说废话。安装： docker 的安装本身没什么大问题，但是网上的资源下载下载不下来，命令行也下载不下来。最后从同事哪里要来两个offline package.使用： 例如：项目 szww； 在本地的项目中 ： cd szww ; 创建文件 ：.dockerignore，写入下...
2018-05-15 18:27:28
264
原创 wj中期总结
canvas 上传图片到canvas，并可对其进行放大缩小，移动等； 需要注意的是，当同一个页面有多个canvas,鼠标在canvas上的图片时进行缩放，此时如果不做特别说明，将会对所有canvas中的图片进行缩放。轮播 改成自己需要的轮播样式；前端图片下载前端文件上传semantic modal 关闭，进入其他route再返回时，出现多个modal 的解决方法，监听每一个cont...
2018-05-15 18:18:44
231
原创 【problem记录】
iframe嵌入jupyter页面的跨域问题 解决方法：必须在服务器端设置允许。 参照上一篇文章。值得注意的是，jupyter本身有一个配置文件，可以在里面配置。2.前端调用jupyter service api跨域问题，可以使用：var proxy = require('http-proxy-middleware');app.use('/api/contents/', pro...
2018-04-17 09:48:14
274
原创 跨域问题（iframe）记录
an ancestor violates the following Content Security Policy directive: “frame-ancestors ‘self’场景描述： iframe内嵌jupyter页面； 本地安装jupyter,命令行jupyter notebook开启，在本地开发环境下的页面内嵌入iframe<div id="left...
2018-04-10 09:42:53
24257
14
转载 经典排序算法（时间复杂度详解）
动画网站动画展示排序算法 对比具体实现来看。主要术语解释：稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面；不稳定：如果a原本在b的前面，而a=b，排序之后a可能会出现在b的后面；内排序：所有排序操作都在内存中完成；外排序：由于数据太大，因此把数据放在磁盘中，而排序通过磁盘和内存的数据传输才能进行；时间复杂度: 一个算法执行所耗费的时间。空间复杂度: ...
2018-03-02 15:55:46
1530
原创 [mysql]beginTransaction/rollback/commit
sql.executeSqlTrans=function(sqlArray,callbackAll){ var tasks=[]; var first= function(callback){ // 开启事务 db.beginTransaction(function(err) { callback(err);...
2018-02-28 15:38:11
1696
转载 jQuery插件开发结构
1，开始可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字： jQuery.fn.myPlugin = function(){ //开始写你的代码吧！ }; 但是，那惹人喜爱的美元符号哪里去了？她就
2018-01-30 14:32:26
296
1
转载 rem px pt em
px(pixe,像素l):是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)px 特点：IE无法调整那些使用px作为单
2018-01-30 11:24:47
258
翻译 [js]Javascript call() & apply() vs bind()
我们知道call和apply是相似的函数，主要是改变this(function的上下文（context）)； 比如：var obj = { x: 81, getX: function() { return this.x; }};alert(obj.getX.bind(obj)());alert(obj.getX.call(obj));alert(obj.ge
2018-01-11 16:20:40
215
原创 [css]登录模块总结
工作中开发过的项目都需要有登录模块。登录界面的形式千变万化，却万变不离其中。来来回回就是那几个需要注意的地方。所以，趁着今天重写一遍登录界面，做一个简单的总结。日后好套用模块。最终实现的效果： 一、基本的框架 1.一张1920X1080的背景图片； 2.登录的内容居中； 实现背景的方式有好几种。可以使用background-image，也可以直接使用img标签，再利用z-in
2018-01-11 14:46:20
1590
转载 设计模式之策略模式
策略模式： 定义一系列算法，把他们一个一个封装起来，并且使他们可以相互替换(具有相同的目标和意图)示例 我是 div lineareaseInstrongEaseInstrongEaseOutsineaseInsineaseOut策略模式指的是定义一些列的算法，把他们一个个封装起来，目的就是将算法的使用与算法的实现分离开来。以策略模式的思路实现上边例子的效
2018-01-08 10:08:08
239
转载 设计模式之职责链模式
介绍职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理他为止。也就是说，请求以后，从第一个对象开始，链中收到请求的对象要么亲自处理它，要么转发给链中的下一个候选者。提交请求的对象并不明确知道哪一个对象将会处理它——也就是该请求有一个隐式的接受者
2018-01-08 09:44:06
169
原创 [腾讯]前端面试题整理
prototype 与 proto的关系是什么：__proto__是什么？我们在这里简单地说下。每个对象都会在其内部初始化一个属性，就是__proto__，当我们访问一个对象的属性 时，如果这个对象内部不存在这个属性，那么他就会去__proto__里找这个属性，这个__proto__又会有自己的__proto__，于是就这样 一直找下去，也就是我们平时所说的原型链的概念。<script type=
2017-12-21 10:53:32
5336
原创 [代码块]记录
<div style = "display: none"> <form id = "csp_oper_manage_load_oper_form" action="index.html" method="post"> <input type="file" id = "csp_oper_manage_load_oper_file_input" onchang
2017-12-19 09:55:25
238
原创 [jquery]弹框，遮罩层
之前使用semantic的modal作为遮罩层。出现了一些关乎源代码的bug。 所以自己必须要写一个自己的弹框以达到目的： 需要满足： 1.兼容原系统 2.点击弹框背景变灰，背景功能不可点击（形成一个遮罩层） 3.点击弹框头部进行拖动 5.弹框内部自定义实现方案： 参照Jquery-ui.用draggble即可。 弹框弹出时： .遮罩层{ z-index: 1001;/
2017-12-18 14:57:42
463
原创 [html5]表格拖动
表格拖动前： 表格拖动后： 实现代码：function dragFromLeft(){ /**从左表拖动一条记录到右表*/ $(".group-wish-list-table, .js-table-container").droppable({ drop: function(event, ui) if (drapingId !== undefined
2017-12-18 11:32:14
3452
1
原创 [nodejs]excel表格导出
要达到的效果： 说明：点击导出按钮，实现表格的excel导出。使用的插件：nodeExcel = require(‘excel-export’)代码：sql.saveTidExcelFile = function(req, res){ var id = req.params['id']; var filename = "The_"+id+"_group_randomOut"; if(i
2017-12-18 11:25:42
366
原创 [nodejs] 之 fs
1.readFile/writeFile对应的同步方法是：readFileSync/writeFileSync; 基本用法：fs.readFile('/some.txt','utf8',function(err,data){})var data =fs.readFileSync('/some.txt',''utf8');特点： 将要读取的文件读入缓存区，在从缓存区写入指定文件； 同步写入的
2017-12-14 13:48:32
253
原创 原生js 操作dom
ng-click="brandFnc($event)"$scope.brandFnc = function($event) { // 通过 $event.target 来获取}ev.target.parentElementev.target.parentElement.children[0].srcev.target.previousElementSiblingev.target
2017-12-08 14:40:25
216
原创 angularjs开发过程，错误集合
Error: [$injector:modulerr]Error: [$injector:unpr] 控制器注入失败$injector:nomod 错误 通常出现这个错误是因为angular.module定义时写法错误； 检查是否有[]，或者是否多次定义同一个module； 标准定义 angular.module(‘1yd.config’,[]) 加上[]表示定义，没有[]表示引用；E
2017-12-08 14:26:52
249
原创 grunt等工具uglify angularjs 控制器注入失败的问题
问题引入源文件是csp.js. 使用grunt的uglify压缩后的文件是csp.min.js. 其中，csp.js的结构如下：var cmsApp = angular.module('cmsApp', ['cmsController', 'cmsService', 'cmsDirective', 'oc.lazyLoad']);angular.module('cmsController', [
2017-12-05 10:33:54
366
原创 [grunt] grunt 配置babel es6转码
我们的project是test-web. 安装Step 1: 进入根目录路径cd test-webStep 2: 安装 gruntnpm install –save-dev gruntStep 3: 安装 load-grunt-tasksnpm install –save-dev load-grunt-tasksStep 4: 安装 grunt-babelnpm install –save-dev
2017-12-04 16:56:49
3099
转载 [jquery]轮播图片插件
https://www.cnblogs.com/chenguiya/p/4039192.htmljquery.Nivoslider.js丰富图片插件参数详解Nivoslider是一款基于jQuery的，能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果，支持多种参数配置和方法函数调用，使用简单，是一款非常理想的图片切换插件。注：Nivoslide
2017-12-01 14:22:49
353
原创 [js]身份证号码验证
function(params) { var sId = params.idnumber; var city={ 11:"北京", 12:"天津", 13:"河北", 14:"山西", 15:"内蒙古", 21:"辽宁", 22:"吉林", 23:"黑龙江", 31:"上海", 32:"江苏", 33:"浙江", 3
2017-12-01 13:17:11
224
原创 [angular]路由与include的选择
使用路由分发的结果，就是每次路由到指定url的时候，页面会整体刷新。之前无论打开过多少的页面，会被全部关闭。而我们经常使用的系统，用户一定会更希望每次打开多个页面，在多个页面之间来回切换，而不会被刷新或关闭。
2017-12-01 09:59:39
265
原创 document.cookie与request.cookie
我们知道使用express的cookie中间件，app.use(cookieParser()), 这样就可以处理每一个请求的cookie。我们从客户端通过document.cookie获取到当前cookie，作为参数传入后端，在后端设置res.cookie。则之后可在req中获取未过期的cookie。当我们有一个请求时，就可以用res.cookie来将cookie暂时的
2017-11-30 16:30:37
1083
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人