web前端
ycy白米饭
这个作者很懒,什么都没留下…
展开
-
nrm和nvm使用
一.nrm说明:npm的镜像源管理工具1.安装npm install -g nrm2.查看nrm ls3.报错处理点开报错信息中的cls.js文件将如下注释部分改成下边// const NRMRC = path.join(process.env.HOME, '.nrmrc');const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');4.切原创 2021-05-26 12:55:55 · 323 阅读 · 0 评论 -
vue-cli常用包引入方法
此文介绍了vue-cli中常用包的引入方法如下包:1.引入vue(默认有,不需要手动引入)import Vue from 'vue'说明:前端js框架2.引入ElementUInpm i element-ui -Simport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'V...原创 2019-05-10 16:21:34 · 1890 阅读 · 0 评论 -
vue项目api接口组织方式
一般后端接口是,一个业务的方法,用一个controller,所以前端这边,一个业务的接口放到一个js文件里shiroApi提供认证相关接口,如下图adminApi提供组织,用户,角色管理等相关接口,如下图将shiroApi和adminApi等等api做个汇总,到apis.js中,如下图登陆接口调用例子,引入apis.js即可(当然也可以引入具体shiroApi.js,看...原创 2018-10-23 18:11:52 · 4649 阅读 · 0 评论 -
npm淘宝镜像和查看镜像设置
1.通过cnpm使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org2.将npm设置为淘宝镜像:npm config set registry https://registry.npm.taobao.org3. 查看cnpm镜像设置:npm config get registry...原创 2018-08-17 13:09:20 · 56874 阅读 · 7 评论 -
前后端分离调用api接口加密方式
参考各方资料结合自己的理解写的此文,可实现接口调用防抓包,防篡改,防重发攻击,1.服务端配置一对RSA密钥对,公钥pubkey_server,私钥prikey_server,并将pubkey_server写到web端js中2.web端打开登录页,生成一对RSA密钥对,公钥pubkey_client,私钥prikey_client3.登陆操作: a.web端用pubkey_server加密如下信息...原创 2018-07-13 18:08:28 · 16424 阅读 · 2 评论 -
vue-cli脚手架安装教程2017
1.首先下载node.js,下载地址:http://nodejs.cn/download/2.安装node.js,跟安装普通软件一样3.打开命令行,输入node -v,显示版本号表名安装成功,如下图:4.全局安装vue,输入:npm install -g vue,如下图:5.全局安装webpack,输入:npm install -g webpack,如下图:原创 2017-07-23 11:33:01 · 734 阅读 · 1 评论 -
bootstrap-tree增删改(修复更新BUG)
点击此处下载:下载bootstrap-treeview1.增加 var parentNode = $('#left-tree').treeview('getSelected');var node = { id: data.Data, text: treeObj.Name };$('#le原创 2017-04-01 15:41:37 · 3996 阅读 · 8 评论 -
我总结的吊炸天的js写法风格
优点有两处,一个是区分了共有方法和私有方法,再一个是页面上事件的this可以传递到类中与类的this区分开来.注:此风格针对传统jquery写法设计的,不适用于mvvm框架,如ng,vue,avalon等代码如下: (function ($,window) { /** *Page原创 2016-12-18 01:55:15 · 724 阅读 · 0 评论 -
我对MVVM的理解
什么是MVVM呢?答:M:后端实体,V:前端HTML,VM:前端实体。后端M用来从数据库装载数据给前端VM,前端VM用来替换V中插值表达式来填充数据,同时V的变化可以动态更新到VM,V再加上指令,就可以基本不用操作DOM,靠前端MVVM框架通过指令去渲染页面了。看懂了木有原创 2016-09-11 14:57:49 · 455 阅读 · 0 评论 -
封装Jquery插件不再需要字符串拼接
封装jquery插件,往往需要大量的字符串拼接,于是自己研究了一个不需要拼接字符串的方式.思路是把插件html放到单独的模版html里,调用插件的时候,去加载模版html以下封装了一个弹窗插件,来描述实现方式.1.效果图2.前端html和插件调用代码说明:只需要添加一个弹窗的div,然后声明一个opt参数,然后调用showMsg方法,即可弹框,调原创 2016-07-17 15:36:05 · 1454 阅读 · 1 评论 -
bootstrap弹窗二次封装成插件
把bootstrap的弹窗控件进行了二次封装,封装成插件以方便调用.代码如下调用demo: $(function () { /** *打开模态框 */ $("#btnOpen").click(funct原创 2016-06-29 00:26:39 · 1866 阅读 · 0 评论 -
CSS样式之clear清除浮动
CSS样式之clear清除浮动原创 2016-02-28 14:48:28 · 1010 阅读 · 0 评论 -
div的居中
1.讲解:外层div设置text-align:center只对文本元素起作用,对div不起作用内层div设置style="margin:0 auto;"则可以让内层div居中显示2.代码: .red {border:1px solid red;} .green {border:1px solid green;}原创 2016-03-02 02:05:54 · 405 阅读 · 0 评论 -
display之block,inline,inline-block简单分析
这三个总是傻傻分不清楚一.display讲解:1.block:块元素,单独占一行,其它元素会挤在下边,可以设置宽高2.inline:内联元素,可以和同类元素占一行显示,不可以设置宽高,宽高由内容决定3.inline-block:行内块元素,可以同内联元素占一行显示,同时可以设置宽高代码: .red {border:1px sol原创 2016-03-02 01:50:43 · 402 阅读 · 0 评论