- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue相关的组件化开发和模块化开发及工程化
vue作为当前最流行的前端框架，随着更新迭代，组件化和模块化思想就成为了主流。有关模块化：1.代码重用时，引入js文件的数目可能少了，避免来代码的累赘。2.代码复用高，开发效率也会提高。3.方便后期的维护。...
2020-07-23 17:37:02
1629
转载 webpack+vue+vueRouter搭建项目
开始（确认已经安装node环境和npm包管理工具）1、新建项目文件名为start_vuedemo2、npm init -y 初始化项目如图所示：在该工程下自动生成一个package.json文件。安装项目依赖3、npm install --save vue 默认安装最新版vue4、npm install --save-dev webpack webpack-dev-server 安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器）注
2020-07-23 14:40:47
213
原创 vue项目打包成桌面应用（.exe文件）
整理下项目打包盒子流程：首先使用的插件：electronjs官网electron Git1.首先先从git库里面克隆下electron的例子（后面会用到）git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm install （建议cnpm比较快）npm startelectronjs{ "name": "electron-quick-start", "versi
2020-06-17 14:36:37
5883
5
原创 vue结合keepAlive使用转场动画
本篇博客背景keepAlive： vue动态组件中keepAlive中的使用，路由全局守卫，keepAlive组件量身定制的钩子。项目中使用keepAlive可以主流程缓存优化，主流程页面（组件）切换时保持之前加载的状态，避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。transition： 关于h5App成本低，开发快，但是体验和原生App相差太大，所以只有不断优化改善，使用vue过渡动画组件transiton进行转场动画，更贴近原生体验。1.由于keepAlive和t
2020-06-08 16:09:48
1041
原创 h5项目实现屏幕适配
说明：针对于vue实现屏幕适配，可以根据淘宝推出的lib-flexible + px2rem-loader进行弹性布局，开发者可以根据设计图上的px单位直接布局，而在浏览器中可以直接将px转换为rem。无论是移动端还是pc都可以使用lib-flexible!!!下面以我实际开发为例（vuecli2）使用：1.首先先来安装下lib-flexiblenpm i lib-flexible --...
2020-01-09 14:59:00
1157
原创 有关vue脚手架安装报错-4058问题
在搭建vue脚手架时，碰到了连续报错-4058找了很多素材都未能解决，所以分享一下自己的解决方案，希望能够雪中送炭！！！以上便是安装脚手架时候错误。。。解决方案其实很简单：找到你在vue路径下安装过的文件删除,删除之后在进行全局下载就可以了希望能提供到帮助！！！...
2019-10-24 11:47:55
768
原创 前端命令之nodejs（express）
** express**近几年来前端不仅仅只会做前端页面，对于后端也涉及了一些，当然node.js的诞生就为前端工程师提供了学习后端的桥梁言归正传，使用node就要先引入node，下面就说一下引入node的命令：大家先在官网下载安装node.js : nodejs下载安装之后 检查一下是否安装成功：node -v首先创建一个空项目项目1.npm init 初始化下模块包 完成之后效果...
2019-08-26 10:01:58
296
原创 前端命令之git
git命令git是大家常用的工具，但是命令比较多，所以就分享下比较常用命令msysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！安装完成后，还需要最后一步设置，在命令行输入：$ git confi...
2019-08-26 09:58:00
154
原创 vue实现返回上页滚动条位置
先捋一下思路，对于上页记录滚动条位置首先会用到储存来保存滚动条离开时位置，项目中用到时sessionStorage，在进入页面的时候要从存储中取一下滚动条位置，虽然vue提供history模式，在此模式下有实现的方法，但history 模式对于项目放在非根域名地址下是会有很多需要调试配置路径的问题，所以这里主要不用history模式因此实现效果就用到vue 中的内置组件keep-alive，ke...
2019-08-23 10:53:35
947
原创 图片上传（vue实现base64和form表单上传图片，并附代码）
关于前端上传图片应该很普遍，我分享下我常用的两种图片上传方式1.base64
2019-08-22 17:32:33
3990
原创 前端实现rsa加密
$(function(){ $.ajax({ url:'/index/index/linkList', type:'post', }).then(res=>{ data=res.data; var content=''; res.dat...
2019-08-22 17:13:55
6108
5
原创 aes加解密并附代码
虽然加解密对于前端来说作用不大，但是还是有存在的必要的！！！AES加解密技术栈：crypto-js操作如下：1.安装crypto-js npm install crypto-js --save2.导入 import CryptoJS from ‘crypto-js/crypto-js’3.AES加解密代码如下，备注：重点要关注mode跟padding需跟解密方一致，比如，在混合式开发中，...
2019-08-10 13:04:38
955
转载 PHPstudy 配置
对，就是他，点那个红色的“其他选项菜单”，然后“站点域名管理”没错，就到这个界面了点击新增，可以新加一个，然后编辑你自己的路径，虚拟域名啥的……（这里你先输入你的信息后，再点击新增就有了），然后保存设置，重启一下（一般自己就重启了），ok 这里好了接下来。还是他 点击那红色的按钮，里边“打开hosts”把上边的没用的注释了 就是加个 #然后写你自己的配置的虚拟域名 ，就像图...
2019-03-20 18:29:19
180
转载 浏览器内核相关
什么是浏览器内核？网页上所用到的语言有：html, css, JavaScript等，其中，前两者通常决定了该页面长什么样，它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后，负责根据这套规范将代码渲染出来呈现给用户，浏览器内核所做的就是这个渲染工作。因此，浏览器内核，也被称为排版引擎（layout engine）、渲染引擎（rendering engine）。常见的浏览器内核...
2018-12-10 17:13:27
177
原创 vue脚手架搭建项目
一. express近几年来前端不仅仅只会做前端页面，对于后端也涉及了一些，当然node.js的诞生就为前端工程师提供了学习后端的桥梁言归正传，使用node就要先引入node，下面就说一下引入node的命令：大家先在官网下载安装node.js : https://nodejs.org/en/安装之后 检查一下是否安装成功：node -v首先创建一个空项目项目1.npm init 初始...
2018-12-07 22:45:11
4383
2
原创 跨域相关知识及实现跨域的方法
对于跨域，可能对于不了解的有一定的难度，下面就和大家聊一下关于跨域的知识。跨域了解一下？其实跨域就是指一个域名的网页请求其他域名网页资源，但是浏览器不能执行其他网站的脚本，根本原因是由于同源政策的限制（等一下再说同源政策），而同源政策是浏览器施加的安全限制。同源政策？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最...
2018-11-21 22:03:10
382
转载 文件上传为什么要用 enctype="multipart/form-data" ???
在文件上传的过程中发现，HTML表单需要设置enctype="multipart/form-data"这个属性，虽然不这么设置的确无法上传，但这是为什么呢？HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值：application/x-www-form-urlencoded在发送前编码所有字符（默认）（空格被编码为’+’，特殊字符被编码为ASCII十六进...
2018-10-27 17:28:44
5678
5
原创 关于typeof的用法以及和instanceof的区别
今天在这里给大家说一下在js的使用中typeof的用法 , typeof运算符判断信息以字符串形式返回的.typeof返回的类型有六种: ‘number’ , ‘string’ , ‘boolean’ , ‘object’ 以及 ‘function’ 和 ‘undefined’.大家可能觉得返回的类型是不是不够啊!!! 对的 , typeof 有一定的局限性, Array 和 Null 的...
2018-10-23 20:25:35
233
原创 mongoDB的安装
关于数据库,大家都有所了解,今天就给大家说一下数据库的安装,说的是mongoDB的安装!!!首先:我们先下载mongoDB的安装包,下载地址:https://www.mongodb.com/download-center#community我们选择包是选择MSI..msi 为安装版本，安装过程中自动配置.zip 为压缩版本，安装过程中手动配置**其次:**接下来就是安装过程了.进...
2018-10-19 20:49:55
443
转载 html转义和js代码攻击及防止攻击
1.html转义?html转义是将特殊字符或html标签转换为与之对应的字符。如：< 会转义为 <> 或转义为 >像“”，即避免了js注入攻击又真实的显示了用户输入。2.如何转义? *通过 js 实现:* *通过 jquery 实现*3.使用var msg=htmlEncodeJQ('<script>alert('test')...
2018-09-27 22:39:31
6028
1
原创 论BFC和外边距重叠
BFC（Block formatting contexts）?单从字义上看BFC是:块级格式上下文1. w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。在BF...
2018-09-27 09:32:09
328
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人