精彩博客

Jekyll + Github = 简单搭建一个个人博客

在我成功试水,搭建了自己的个人博客后,我体会到了 Jekyll 制作网站的轻便性。而 GitHub Pages 对 Jekyll 的支持,又省去了建站时服务器和域名的搭建过程。在查阅网上的资料时,大牛们都是先...

昨天 12:36
191
1
Angular Elements 组件在非angular 页面中使用的DEMO

一、Angular Elements 介绍 Angular Elements 是伴随Angular6.0一起推出的新技术。它借助Chrome浏览器的ShadowDom API,实现一种自定义组件。 这种组件可以用Angular普通组件的开发技术进行编...

08/17 15:23
148
0
浅析setTimeout与Promise

关于JavaScript异步编程,前文解析过了JavaScript并发模型,该并发模型基于事件循环。正好在Stackoverflow上回答了一个关于setTimeout与Promise执行顺序相关的问题,于是总结这一知识点,与更...

08/16 18:37
351
1
ng6中,在HTTP拦截器里,异步请求数据,之后再返回拦截器继续执行用户请求的方法研究

一、问题背景: 上面绕口的标题不知道大家看不看的懂。通常我们用拦截器就是两个目的, 1、在请求头里统一添加请求头。 2、对响应结果预先处理。 我现在项目就是利用拦截器,在请求头里增加:...

08/15 14:02
185
0
openresty lua 获取upstream 所有主机ip

做了个定时任务,定时请求后端数据缓存到nginx,前端直接读取缓存数据。 特地做了一个 lua 获取upstream 的功能 获取所有主机 local upstream = require "ngx.upstream" function getUpstre...

08/12 22:59
123
0
小程序自定义底部tab

场景 1.tabBar是在内页而非首页,这时就不得不自定义一个tabBar了 2.自定义风格 3.子页数量超过5个,得到更多了tab 4.改变点击tab默认事件,比如出登录界面,或者弹出上拉子菜单等 步骤 1.照...

08/07 16:28
287
0
JS:SVG转图片的完美方法

因为项目(www.bslong.cn)的原因,在web端svg需要转成图片进行输出.其中svg里面涉及到图片的跨域,字体显示,特殊标签。生成方式想当复杂。总结下来,分为前端生成,后调api后端生成。我标题能...

08/07 11:22
317
1
《Node.js》之事件处理机制以及事件环机制(一)

1、Node.js中的事件 Node.js中的JavaScript与运行在浏览器中的JavaScript类似,在程序执行的时候也会触发一些事件,例如:“服务器接收到客户端的请求”,“运行产生错误”,“断开连接”等事...

08/07 09:54
186
1
前端面试题: 一个完整的http事物过程

完整的HTTP请求会经历以下过程 输入url到页面加载都发生了什么事情?(简述) 输入地址 浏览器查找域名的 IP 地址 这一步包括 DNS 具体的查找过程,包括:浏览器缓存->系统缓存->hosts->DNS 浏...

07/29 20:14
491
4
仿“车来了”小程序里的城市切换组件

组成部分 1.构建城市列表字典对象 2.scollview的属性来控制ABCD字母点击滚动 3.qq map sdk获取当前城市名 坑 1.对于竖向滚动的页面来说,scroll-y style="height: 200px;"必不可少 2.scroll...

07/26 16:43
161
1
合格前端第十二弹-TypeScript + 大型项目实战

写在前面 TypeScript 已经出来很久了,很多大公司很多大项目也都在使用它进行开发。上个月,我这边也正式跟进一个对集团的大型运维类项目。 项目要做的事情大致分为以下几个大模块 一站式管理...

07/22 22:39
414
0
vue中用数据驱动视图的思想去写代码——基础json可配置化

前言 如何在vue中写出高质量可维护代码,减少我们写代码的时间,让我们去谈女朋友! 例子 我们以一个菜单的案例展开,先来看一个平常程序员怎么常规的vue文件如何写? 以element-ui为基础组件...

07/20 15:28
1K
2
初结 react(当 React 版本是 ^16.2.0,当前时间 2018-01-12)

最近一段时间在零零碎碎地看 react 。在此,向所有自学 react 的朋友点个赞。多说一句,在自学道路上一定要戒骄戒躁,坚持下来。-----因为自学过程真的是心累啊(不同版本的博客不同的说法)...

07/18 10:26
512
0
搭建webpack项目框架

作者:汪娇娇 时间:2018年6月4日 一、说明 随着业务发展和前端人员的增加,搭建一个通用框架以及制定统一规范就成了必然。对于选型这方面,一开始好像就没考虑其他框架,直接选了webpack。w...

07/17 21:06
787
2
用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛 前言 本文灵感来源于Mike Bostock 的一个 demo 页面 原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为...

07/16 10:08
3.2K
5
初探 vue 插件开发

目标:开发一个 vue 插件,发布到npm并且,可以使用 npm 安装。 vue list 查看当前在线的模板信息 步骤如下: 1. 初始化项目 vue init webpack-simple projectName 运行项目: cd projectNa...

07/11 16:14
974
1
vscode中执行gulp task的简便方法

本文重点是gulp在vscode中执行task任务的方法 如何像webstorm那样简便操作gulp 的task 第1步:安装node。下载地址:https://nodejs.org/zh-cn/ 检查是否安装成功:Windows键+R快捷键打开cmd...

07/10 19:42
375
1
可视化讲解 DOM 构建过程

前言 最近在看 Secrets of the JavaScript Ninja, 书中第二章讲到 DOM 的构建流程. 记得我之前也为理解 DOM 构建流程查阅过数次资料, 虽然每次查阅完都觉得 DOM 构建流程很简单, 看完便懂, 但...

07/10 12:18
603
1
整合spring cloud云架构 - 根据token获取用户信息

上一篇我根据框架中OAuth2.0的使用总结,画了SSO单点登录之OAuth2.0 登出流程,今天我们看一下根据用户token获取yoghurt信息的流程: /** * 根据token获取用户信息 * @param accessToken ......

07/04 10:25
775
2
React Native基础&入门教程:初步使用Flexbox布局

一、长度的单位 在开始任何布局之前,让我们来首先需要知道,在写React Native组件样式时,长度的不带单位的,它表示“与设备像素密度无关的逻辑像素点”。 这个怎么理解呢? 我们知道,屏幕...

07/04 09:30
563
2

没有更多内容

加载失败,请刷新页面

下一页

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛 前言 本文灵感来源于Mike Bostock 的一个 demo 页面 原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为...

07/16 10:08
3.2K
5
Vue 兼容 ie9 的全面解决方案

## 前言 **背景情况** - vue - 2.5.11 - vue-cli 使用模板 `webpack-simple` - http请求:axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的...

06/19 10:11
3.5K
6
如何选择 Web 前端模板引擎?

Web 模板就在那里 模板引擎负责组装数据,以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。 无论你是否直接使用模板引擎,Web 模板一直都在,不在前端就在后端,它...

06/06 15:16
1K
4
自定义跨平台比特币实时行情看板

![](https://static.oschina.net/uploads/img/201805/24192235_l9n0.png) ### 一、前言 前段时间跟朋友炒币,总是需要打开交易平台才能看行情,有点麻烦,而且那个窗口也特别大,内容也很杂。...

05/23 17:04
1K
1
【华为云开发者扶持计划】0元体验2核4G云主机、100GMySql数据库、DevCloud、开发课程等4项福利

超级好用的华为云热门产品、业界领先的Devcloud、 精华凝结的应用服务 、最新最前沿的开发课程,快来免费领取!还有开发者中心众多的资源,将助您获取8万+华为研发员工使用、历经30年磨练的软件开发精华。

华为云广告

JavaScript成语消消乐

一 预览 二 开发步骤 基本面向过程的思想。没有面向对象的部分。 准备好成语库。db.js 选出每一关的成语。 对成语进行乱序。 初始化表格的同时,将单个字放到每个单元格的按钮上展示。 对tbo...

05/23 11:44
2.1K
9
使用Remix编译和部署以太坊智能合约

![以太坊remix汇智网](https://static.oschina.net/uploads/img/201804/20113835_7UHh.png "以太坊remix汇智网") Remix 是一个开源的 Solidity 智能合约开发环境,提供基本的编译、部署至本地...

04/20 11:15
1K
2
手把手教你打造一个可视化接口自动化测试系统

现如今,接口开发几乎成为一个互联网公司的标配了,无论是web还是app,哪怕是小程序,都离不开接口作为支撑,当然,这里的接口范围很广,从http到websocket,再到rpc,只要能实现数据通信的都...

04/19 12:33
2.7K
7
合格前端系列第十弹-揭秘组件库一二事

是不是很想自己造一个类似 element-ui,vant,vux 等等优秀的组件库,那你还等什么?跟着我一起开始吧 ~

03/17 18:02
2.4K
11
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

如何在一个斜面上创建 3D 模型?如何通过拖拽创建 3D 模型?这些我们在实际项目中用到的概率也着实不低。我们知道,空间中存在无数个面,一个点和一条法线就能创建一个面,如何利用好这两个部...

03/13 07:57
1K
0
你需要Mobx还是Redux?

在过去一年,越来越多的项目继续或者开始使用React和Redux开发,这是目前前端业内很普遍的一种前端项目解决方案,但是随着开发项目越来越多,越来越多样化时,个人又有了不同的感受和想法。是...

02/11 13:37
1K
2
基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在,3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学...

01/29 06:14
2.9K
7
Token 认证的来龙去脉

Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位...

01/27 19:22
6.4K
31
Vue(三)goods组件开发

### 一、 布局 Flex ##### Flex 布局,可以简便、完整、响应式地实现各种页面布局,Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定...

01/23 21:22
2.7K
1
为什么说Web开发和Vue.js是如此的有趣?

![Web Vue.js](http://upload-images.jianshu.io/upload_images/145564-b44a324d5fd42693?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 我想告诉你,我开始享受使用Vue.js和进行前端...

01/19 10:01
5.6K
2
前后端分离实践有感

前后端分离并不是什么新鲜事,到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时,仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题,甚至会有...

01/08 22:37
4.6K
40
前端性能优化(三) 移动端浏览器前端优化策略

前端性能优化是一个很宽泛的概念,本书前面的部分也多多少少提到一些前端优化方法,这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统,前端优化的最终目的都是提升用户体验...

01/03 20:44
2.4K
5
为什么43%前端开发者想学Vue.js

根据[JavaScript 2017前端库状况调查](https://stateofjs.com/2017/front-end/results/) **Vue.js**是开发者最想学的前端库。我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个...

2017/12/29 14:49
5.9K
7
JSDuck 与 AngularJS 融合技巧

字数:1568 阅读时间:10分钟 前言 前面,我们以一个实战案例来详细说明了如何在实际开发中使用JSDuck工具。但是,并不是所有的时候,代码的封装方式都受我们控制的。例如,如果我们使用了现...

2017/12/26 23:21
785
2
用Vue.js递归组件构建一个可折叠的树形菜单

![](http://upload-images.jianshu.io/upload_images/145564-1ccbec67a1618829?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 在Vue.js中一个递归组件调用的是其本身,如: ``` Vue....

2017/12/24 12:06
2.4K
0
Webpack自动化构建实践指南

由于现在的博客是使用wordpress搭建,自己得经常修改过一些代码,但是修改第三方源码真的比较痛苦,于是决定计划开始使用React + Node.js / Python开发新博客项目,最终替换当前博客代码,方...

2017/12/18 07:45
1K
3

没有更多内容

加载失败,请刷新页面

下一页

ejs教程

ejs教程 一、什么是EJS EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。 二、为什么要使用EJS 与最初的JavaScript相比较,一些不太了解你的代码的人可以更容易地通过EJS模板代...

今天 10:43
0
0
vue picker 原始套用中无法找到元素的一个坑

初次使用vue,粗略看了一下文档就开始使用了,做个很小的项目,也就没考虑用那一大堆东西,直接用的vue+weui,有个需要选择地址的地方,用了picker这个开源js组件,直接使用时没有任何问题,...

今天 10:37
1
0
vue webpack 打包编译-webkit-box-orient: vertical 不显示

解决方案 optimize-css-assets-webpack-plugin这个插件的问题 注释掉webpack.prod.conf.js中下面的代码 /* new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap...

今天 10:30
1
0
一行搞定electron和jquery冲突,electron和jquery最简单和完美的兼容方法

electron和jquery的常见报错: Uncaught ReferenceError: $ is not defined 解决方法:在jquery最末端加上这样一行判断即可. <script src="https://code.jquery.com/jquery-2.2.0.min.js"></s...

今天 09:03
1
0
【华为云开发者扶持计划】0元体验2核4G云主机、100GMySql数据库、DevCloud、开发课程等4项福利

超级好用的华为云热门产品、业界领先的Devcloud、 精华凝结的应用服务 、最新最前沿的开发课程,快来免费领取!还有开发者中心众多的资源,将助您获取8万+华为研发员工使用、历经30年磨练的软件开发精华。

华为云广告

开源 java CMS - FreeCMS2.8 移动app站点配置

项目地址:http://www.freeteam.cn/ 移动app站点配置 管理员可以在这里设置当前管理站点是否允许移动app访问,是否默认移动APP站点,首页的布局,首页数据最多加载页数。 从左侧管理菜单点击...

今天 08:07
0
0
[Jekyll] 给静态博客添加 Gitalk 评论插件

作为一个静态博客, Jekyll 并没有自带评论系统,但是有了评论模块可以让大家更方便地交流意见,灌灌水之类的,所以我也一直想尝试为自己的博客添加评论插件。 一开始查找评论插件时,发现大...

今天 07:44
1
0
TypeScript基础入门 - 函数 - this(三)

转载 TypeScript基础入门 - 函数 - this(三) 项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.2.4 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

昨天 21:54
3
0
[Jekyll] permalink -- 修改文章的链接地址

在我的个人博客中访问这篇文章时,你有注意到地址栏中显示的地址吗?它应该是这样的: https://cometeme.github.io/jekyll/2018/08/Jekyll-为文章设置永久链接.html 。打开其他的文章,可以看...

昨天 21:25
1
0
angular指令监听ng-repeat渲染完成后执行自定义事件方法

今天工作中遇到需要用到ng-repeat遍历渲染完后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己创建自定义指令。 在ng-repeat模板实例内部会暴露出一些特殊属...

昨天 20:46
1
0
设计

不会设计没关系!看看这七个实用的网页UI设计小技巧!

昨天 17:39
5
0
JavaScript try/catch/finally 语句

try { tryCode - 尝试执行代码块 } catch(err) { catchCode - 捕获错误的代码块 } finally { finallyCode - 无论 try / catch 结果如何都会执行的代码块 } try/catch/finally 语句用于处理代...

昨天 16:33
1
0
nodejs实践--express创建项目命令,使用ejs模板

Node Express在命令行创建项目时,默认是使用Jade模板,虽然这个模板高效,但毕竟跟普通html风格相差甚远,很多人用不习惯。 ejs风格,简单、直观、明了,和:jsp php asp freemaker 类似,在...

昨天 16:12
1
0
Newline required at end of file but not found

今天npm run dev vue脚手架,突然报错Newline required at end of file but not found,查来查去,发现是结尾要加空行。。。 mmp...

昨天 16:06
1
0
vue alias别名路径问题

1⃣️vue-cli项目打包后空白:在config 》 index.js下的build中配置 assetsPublicPath: './', 2⃣️项目别名配置 alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'st......

昨天 15:55
2
0
JS中的数据类型及其之间的转换

JS中的数据类型 string:字符串,引号中的任意文本。 number:数字,整型和浮点型都包括,可带小数点也可不带。 检查其参数是否是非数字值:isNaN() 如果参数值为 NaN 或字符串、对象、undef...

昨天 15:40
0
0
html元素水平居中的几种方法

下面我将一一的介绍关于html元素水平居中的几种方式 一:对于行内元素采用text-align:center;的方式 二:采用margin:0 auto;来实现水平居中显示 三:用table实现 四;块级的元素但是通过转换...

昨天 15:11
3
0
使用zTree树控件(二)

1:treeNode.checked用于判断是勾选还是取消勾选。(treeNode指的是节点) 2:treeObj.transformToArray(nodes)用于查询nodes节点下的所有子节点,json格式。(treeObj为数的id) 3: var nod...

昨天 15:01
2
0
export, import 和 export default的区别

ES6的两个功能: export 和 import export 对外输出模块 import 引入(加载)进来一个模块 一、export => import 单个变量 export var name = "lishi" 在其他文件里引用 import {name} from...

昨天 14:56
2
0
Jekyll + Github = 简单搭建一个个人博客

在我成功试水,搭建了自己的个人博客后,我体会到了 Jekyll 制作网站的轻便性。而 GitHub Pages 对 Jekyll 的支持,又省去了建站时服务器和域名的搭建过程。在查阅网上的资料时,大牛们都是先...

昨天 12:36
191
1
使用zTree树控件(一)

1:获取某个节点禁用掉遇到的坑。如下 错误的做法: var disabledNode = treeObj.getNodeByParam("sysNum", "55010102", null);//获取某个节点 treeObj.setChkDisabled(disabledNode, true)...

昨天 10:50
4
0

没有更多内容

加载失败,请刷新页面

下一页

返回顶部
顶部