这个东西还真是浪费了不少时间,网上一些文章写的吧 不知道是原来版本那么做 还是以讹传讹 反正都不太好用
只能大致参考下 好了 进入整体
1 | <!-- 注意这里 lay-filter 是监听时 或者其他操作时用的 选取用的字段 类似jq的 $('#id')--> |
废话先不多说,代码就是如下这么简单.
1 | var express = require('express') |
这个东西用起来简单并且强大,不过现在可能不太流行了.因为这个配合jquery比较多.
直接随机产生数据
1 | <script src="http://mockjs.com/dist/mock.js"></script> |
1 | { |
想用js开发桌面现在有两个框架可以用 Electron 另外一个是 nwjs.
但感觉还是用 Electron比较好,因为现在一些流行的软件是那这个弄的,比如说我现在用的 Atom ,VSCode 这两个软件都非常好用,而且漂亮.
另外还有个原因是,他有中文文档.这样实在是方便太多了
这里主要编写个 Electron 启动配置文件.是 package.json
里的 main
字段的文件.
注意:如果 main 字段没有在 package.json 声明,Electron会优先加载 index.js。
剩下的就是编写自己的程序了就行了.
贴两个配置文件样本.
一 这是官方的例子
1 | const { app, BrowserWindow } = require('electron') |
废话先不多说,代码就是如下这么简单.
1 | var express = require('express') |
下面这个是参考文档里的写法
1 | var http = require('http'); |
然后执行 node app.js
就可以启动服务器了. app.js 就是上面配置所保存的文件名.
魔幻线条curvejs 这个感觉实用性不强
粒子特效插件particles-自己的文章
JParticles是多个特效的一个整合
shape-shifter 用粒子组成文字
shape-shifter Demo
anime.js 动画库 其实跟上面的不同 但可以用这个做许多特效 而且例子不错
GreenSock-JS 动画库 这个动画的例子真的很棒
GreenSock-JS DEMO
TweenMax的实例
TweenMax的实例2
看来TweenMax用来做菱形这个背景应该是很拿手的 有空可以看一下
使用方法:
1 | <!-- 动画容器 --> |
注意: 如果下次样式还出现偏移,就按原来官方的试试 使用#particles-js 写样式
大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log
先的简单介绍一下chrome的控制台,打开chrome浏览器,按f12就可以轻松的打开控制台
这套教材非常好 非常适合我.
Webpack傻瓜式指南(一)
Webpack傻瓜指南(二)开发和部署技巧
Webpack傻瓜指南(三)和React配合开发
不过有个小问题: 里面的方法不能加括号app.appendChild(sub());
这个应当这么写 app.appendChild(sub);
这个错误原因可能是他手误了
1 | //之前 |
Vue Start Kit: 一个国内搞的用 Vue+Bulma UI 开发的后台模版.不过我在本地测试时报错 已经没问题了,必须用cnpm 安装node-sass才可以.
Demo地址: http://vue-kit.gismall.com/
父组件和子组件之间通信用广播: vue可以用多种方法实现组件间沟通,比如用一个属性,
不过这必须用上同步 :test.sync
要不然子组件的状态父组件不知道.
但是这有个问题就是不利于解耦,捆绑太紧密了不能复用了,所以还是用广播.
不过还是有个小小的疑问,如果两个同名事件怎么办呢?? 按文档里说是第一个,那可能是父组件加载子组件的顺序吧
我想可能是这样的,如果存在同名的话,那就得手动调整顺序,我感觉最好不要同名.
v-bind:fields=”columns” 绑定解释: 有时用简写就比较懵,简单记忆下: 如果原有属性就是绑定属性到vue属性.如果不是自带属性,那就是组件自定义的.比如 :fields="columns"
这里就是一个. fields 子组件 : columns 父组件. 反正等号后面都是当前组件的.可以看下面例子.
今天遇到个很bug的问题.在chrome里当窗口很小的时候,一个div就会偏移,但是当用鼠标调正窗口,又会变好.而且只有在chrome下有这个问题,最后确认原来是margin-top失效的原因.再次说明: 上面那个问题,并没有因使用overflow:hiden
而解决.只是放在火狐里这个bug不存在了.后来是通过删除了子容器的 float:left
解决的.但到底是哪里冲突还是不明白.但下面这些方法解决一些浮动漂移是有用的.
正统说法:
1:“在CSS2.1中,水平的margin不会被折叠;垂直margin可能在一些盒模型中被折叠…”
2: 当第一个层浮动,而第二个没浮动层的margin会被压缩,详见–浮动元素后非浮动元素的margin的处理。
一 如果是两个容器并列,一般出现问题,是因为第一个容器加了浮动,第二个没有加 所以造成第二个margin出问题.解决办法是在第二个容器前增加一个<divstyle="clear:both;"></div>
.像下面这样,或者给box2也增加float;
[TOC]
https://github.com/mailru/FileAPI
原本打算是操作本地文件,如打开文件,新建文件,保存文件.但好像js是无法坐到这些的.
只能通过一些特别的手段达到一定的效果而已.
这个组件就是搜索时找到的,主要是通过上传时得到文件一些信息,他主要用作图片上传,
文件上传时获得相关内容.而且他还能操作摄像头用于头像.
并且他还有个jquery的插件,主要用处也是上传头像时的相关操作.