用nodejs快速实现websocket服务端（带SSL证书生成）
有不少公司将nodejs的socket.io作为websocket的解决方案，很遗憾的是socket.io是对websocket的封装，并不支持html5原始的websocket协议，微信小程序使用的websocket却是接近于html5原始websocket协议，socket.io居然没有用武之地 ... 查看全文
webpack中如何使用vue
1、安装vue包 npm i vue -S 2、默认webpack无法打包.Vue文件，需要安装相关的loader npm i vue-loader vue-template-compiler -D 3、在webpack.config.js文件中 const VueLoaderPlugin = re ... 查看全文
什么是<!DOCTYPE html>，以及其重要性
什么是<!DOCTYPE html>？ 在HTML文档初，往往会有这么一句话<!DOCTYPE html>，那么它的意义是什么呢？它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言， ... 查看全文
在vue中使用基于d3为基础的dagre-d3.js搞定一个流程图组件
项目中想搞定一个流程图，开始使用了阿里的G6，但是G6目前不支持手势，这样就很郁闷了，因为公司的领导都是使用iPad看的，你不支持手势是不行的，后来又想到了百度的echarts，试了试，感觉还不错，手机端也是没问题的，但是用起来不是很好用，每个节点的位置还要自己去设置计算有点麻烦，所以想找个在支持p ... 查看全文
webpack 4.x 从零开始初始化一个vue项目
创建目录 项目名称: vue init app css reset.sass js home index.vue router index.js main.js App.vue views index.html 安装webpack 创建配置文件 webpack.config.js 基础配置 entr ... 查看全文
cesium添加多个geojson文件并分别控制显示和隐藏
/*获取geojson数据*/ function get_geojson(name,h,n){ let x=document.getElementById(n); if(x.className "la"){ loadgeojson(name,h,n); x.className = "la2"; }e ... 查看全文
4_2 json字符串转Python对象
1 """json字符串到Python对象""" 2 3 4 import json 5 6 json_str = '[{"username": "张三", "age": 18, "country": "china"}, {"username": "lisi", "age": 20, "countr ... 查看全文
找出并打印window非原生扩展属性 windowExtendAttr.js
supme找出并打印window非原生扩展属性 windowExtendAttr.js window扩展属性，扩展方法，扩展函数，非原生属性，非原生方法，非原生函数http://owmivsi48.bkt.clouddn.com/windowExtendAttr.js ... 查看全文
node.js技术文章汇总
下面为我平时学习所看的高质量文章的汇总，以便后面的查阅及总结 API 文档 | Node.js 中文网 npm Node.js安装及环境配置之Windows篇 Node环境变量 process.env 的那些事儿 Jade中文文档 Jade模板 node.js后台jquery前台-- 实现用户登录注 ... 查看全文
函数的防抖---js
执行规定一段时间后执行 <input type="text" id="inp" /> <script> var oInp = document.getElementById("inp") var timer = null; function ajax(e) { // 需要执行的函数 console. ... 查看全文
10.Vue.js 样式绑定
Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数 ... 查看全文
FCC---CSS Flexbox: Use the flex-direction Property to Make a Column
The last two challenges used the flex-direction property set to row. This property can also create a column by vertically stacking the children of a f ... 查看全文
FCC---CSS Flexbox: Align Elements Using the justify-content Property
Sometimes the flex items within a flex container do not fill all the space in the container. It is common to want to tell CSS how to align and space o ... 查看全文
C#如何生成JSON字符串?（序列化对象）
第一章：C#如何拿到从http上返回JSON数据? 第二章：C#如何解析JSON数据?（反序列化对象） 第三章：C#如何生成JSON字符串?（序列化对象） 第四章：C#如何生成JSON字符串提交给接口（服务器）? 上一篇文章中我们讲解了序列号JSON数据，这篇文章我们来讲解一下反序列化JSON数据， ... 查看全文
Windows 下安装 nvm 管理 nodejs 版本
摘自https://segmentfault.com/a/1190000007612011 1. 下载安装与使用 Github： Download nvm-windows nvm-setup.zip 程序安装过程中，在 Set Node.js Symlink 这一步目录设置，是待会 nvm use  ... 查看全文
9.Vue.js 监听属性
本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器： <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <butt ... 查看全文
8.Vue.js-计算属性
计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： <!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><sc ... 查看全文
FCC---CSS Flexbox: Use the flex-direction Property to Make a Row
Adding display: flex to an element turns it into a flex container. This makes it possible to align any children of that element into rows or columns. ... 查看全文
4.Vue.js-起步
Vue.js 起步 每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： <div id="vue_det"> <h1>site : {{site}}</h1> <h1 ... 查看全文
13. Ajax技术
在传统的Web应用模式中，页面中用户的每一次操作都将触发一次返回Web服务器的HTTP请求，服务器进行相应的处理后，返回一个HTML页面的客户端。而在Ajax应用中，页面中的用户的操作将通过Ajax引擎与服务器端进行通信，然后将返回结果提交给客户端页面的Ajax引擎，再由Ajax引擎来决定将这些数据 ... 查看全文