Javascript
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...
react.js 之 批量添加与删除功能
最近做的CMS需要用到批量添加图片的功能：在添加文件的容器盒子内，有两个内容，分别是：添加按钮与被添加的选择文件组件。结构分析：被添加的组件，我们称为：UploadQiNiuFiles(七牛文件上传组件)，含一个删除当前组件的删除按钮添加按钮的事件被添加组件存放的容器做这个效果只需要明白三个方法的用途就OK：直接绑定要...
react.js CMS 删除功能的实现
页面效果图： 数据操作分析：在查询表组件的 TableData.js中操作如下内容：给每一行绑定一个checkbox，且在点击这个checkbox时，触发action中的一个方法(formatPostCollectionList)，这个方法是用来更新选中的实体数组。formatPostCollect...
