Javascript
Angular TypeScript开发环境集成jQuery扩展插件
集成步骤： 1、安装jquery极其扩展插件库ts定义文件npminstalljquery--savenpminstall--save-dev@types/jquerynpminstalldatatables.net--savenpminstall@...
Ubuntu16.04部署phantomjs的一个问题
首先phantomjs是作为pyspider的一个外部依赖组件部署的。 apt安装完出现问题：QXcbConnection:CouldnotconnecttodisplayPhantomJShascrashed.Pleasereadthebugrep...
Angular External js library calling Document.Ready
https://stackoverflow.com/questions/51094841/angular-external-js-library-calling-document-readyStep1Checkiftheexternallibraryisavailableon npm.Ifsoyoumaybe...
使用 prismjs 在网页中高亮显示代码
最近在总结这一年来制作的网页模块，网站风格统一的情况下，网站页面结构不会改变，因此想记录一部分网站中统一的结构，方便日后维护。用到的相关技术：vue,element-ui,prismjs,vue-prism-editor,vue-router做成的效果如图：因为是在vue 环境下，因此需要安装以下插件：npm...
json-sever 配置与应用
先安装node.js.全局安装json-server:npminstalljson-server-g检查是否安装成功：json-server-h安装好后，json-server的文件目录为： 配置json-server:{"host":"0.0.0.0","port":"3000","...
bootstrap-treeview 在 bootstrap 4 不兼容解决办法及使用
bootstrap-treeview是bootstrap的一个树形插件，插件依赖：bootstrap/3.3.7jquery/3.3.1经过验证，它不可以在bootstrap高于 3.3.7版本中使用，当前treeview的版本为 bootstrap-treeview/1.2.0 ,&nb...
闭包，jQuery插件的写法：图片预加载
最近做的一些网页，单个网页图片量都比较大，网络不好的情况下，特别卡，这个图片预加载的方法可以牺牲一些时间换来网页的浏览顺畅，还是值得的。//闭包的写法，它内部的变量都是局部的，不会和外部巳有的变量进行冲突(function(通过它来接收对象){ })(通过它来传递对象); //可以使用jQuery的...
在线图片上传、预览、裁切、放大、缩小之 cropbox.js 的应用
cropbox.js是一个实现了图像在线剪裁的jQuery、YUI插件和JavaScript库。上DEMO：上传的图片可以使用滚轮放大与缩小当前选择的图片，后点击“裁切”后，在右侧的预览图中可以看到裁切成不同尺寸的图片缩略图。cropbox.js使用方法本demo使用的cropbox.js的版本...
jsfiddle 使用教程
最近有许多的Css3demo，因此为了方便查阅，就将demo部分放在jsfiddle，方便日后翻阅。这是JSFIDDLE的官网文档，都是英文，不过对照看还是可以的：官方文档HTML区域：它的HTML区域已经包含html/meta标签，因此在它的HTML区域就不要再写文档类型标签了，否则会给出警告；它的使用方式是直接写你...
JS 调试中常见的报错的解决办法
报错：UncaughtSyntaxError:UnexpectedtokenoinJSONatposition1atJSON.parse(<anonymous>)atFunction.m.parseJSON(jquery.js:8515)atObject.success(crud.html:45)atj(j...
常用jQuery 方法
//强制给数字补全小数点functiontoDecimal2(x){varf=parseFloat(x);if(isNaN(f)){returnfalse;}varf=Math.round(x*100)/100;vars=f.toString();varrs=s.indexOf('.');if(rs<0){rs=...
react.js 生命周期componentDidUpdate的另类用法：防止页面过渡刷新
场景：数据新增成功之后，需要返回原来的查询表，这时候的查询，需要使用react的生命周期：componentDidUpdatecomponentDidUpdate（）这个生命周期的作用是当props或state更新之后，使用它更新DOM节点。如果使用不当，则查询页面会不停的调用查询的方法，不停的执行刷新操作。因此，需要...
通过js写一个消息弹框
prompt(data,time){letalertForm=document.createElement('div');alertForm.id="promptBox";alertForm.style.position="fixed";alertForm.style.right="4%";alertForm.styl...
react.js 公共方法 集合
截取七牛上传图片的后缀名：exportfunctiongetInputKey(info){letself=this;letobj=JSON.parse(info);letqiniuKey;letimaName;letimgSuffix;if(obj){qiniuKey=obj.key;imaName=obj.fileN...
react.js 表单验证-登录框
importReact,{Component}from'react';importstylefrom'cms.css';/***路由路径登录成功后页面跳转到index*/import{index}from'config';exportdefaultclassLoginextendsComponent{constru...
