- 博客(39)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 自定义vue图片预览缩放组件
<template> <div id='zoompic'> <div class="zoom-img"> <img ref="Img" :src="imgurl" @mousedown="move"> <span class="closeIcon" @click="clos...
2020-03-31 15:12:48
437
原创 Vue3.0+Vuerouter+vuex+bus升级体验
总结：vue3.0已经出来挺长时间了，一直也没时间总结，后来网上查了一下，其实大部分资料都是关于2.0的，也可能由于是公测版，也有可能是由于版本限制，毕竟vue3.0的生态目前还是不太完整，很多框架其实都没有做适配。使用体验：最直接的体验就是速度确实快了，真的是嗖嗖嗖的感觉啊…区别：1、首先：vue3.0去除了vue对象，通过createApp引入，并实例化一个app对象。挂载方式也有所改变，通过mount方式进行挂载。import { createApp } from ‘vue’import
2021-05-12 11:26:52
281
原创 js工具箱
js工具箱1、判断浏览器的innerText或textContent属性 function setcontent(element,content){ if(typeof element.innerText === "string"){ return element.innerText = content; }else { return element.textContent = content; } }; 2、获取页面的当中可视区.
2020-10-29 18:00:49
975
原创 vue中调用微信登录（二次封装组件）
<template><div> <iframe scrolling="no" width="300" height="400" frameBorder="0" allowTransparency="true" :src="setSrc"></iframe></div></template><script>export default { data() { return {
2020-09-14 17:34:50
520
原创 electron配置允许跨域（前端解决方案）
electron配置允许跨域（前端解决方案）问题说明：使用vue-electron构建的客户端项目，调用接口时需要临时跨域，查了好多资料最终找到合适的解决方案。electron版本：10.1.1解决方案：修改的文件：main>index.js中步骤一：按官方文档添加webSecurity项webPreferences:{//网页功能的设置 nodeIntegration: true,//是否集成node // devTools:false,//是否开启 DevToo
2020-09-11 16:54:18
9555
6
原创 给页面添加水印
这里使用了vue中的自定义指令main.js // vue 全局指令 --- 模块/组件式添加水印 Vue.directive('watermark',(el,binding)=>{ function addWaterMarker(str,parentNode,font,textColor){// 水印文字，父元素，字体，文字颜色 var can = document.createElement('canvas'); parentNode.ap.
2020-06-03 16:00:01
405
原创 electron添加windows托盘图标和菜单
import { app, BrowserWindow, Menu, Tray} from 'electron'const path = require('path');//托盘对象var appTray = null;if (process.env.NODE_ENV !== 'development') { global.__static = path.join(__dirname, '/static').replace(/\\/g, '\\\\')}let
2020-06-03 15:27:46
2672
2
原创 electron主进程与渲染进程进行通信
主进程向渲染进程发送消息主进程发送消息(main=>index.js) mainWindow = new BrowserWindow({ height: 750, width: 1100, center: true, // 是否出现在屏幕居中的位置 useContentSize: true, frame:false,//设置为 false 时可以创建一个无边框窗口 resizable:true,//窗口是否可以改变尺.
2020-06-03 15:21:47
545
原创 如何保证nodejs服务在断开xshell后还可以在后台持续运行
问题描述：nodejs服务需要在后台持续运行。可借助forever 或者 pm2forever相关命令 //在服务器上全局安装(先安装nodejs) npm install -g forever 注意：如果安装失败，可尝试使用cnpm进行安装（需要安装淘宝镜像） //设置淘宝镜像源 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm i forever -g //.
2020-05-18 16:40:54
781
原创 nodejs部署的服务用localhost+端口可以访问，换成ip+端口就无法访问
nodejs部署的服务用localhost+端口可以访问，换成ip+端口就无法访问问题描述：最近用node js写了个接口服务，部署到服务器上，在服务器上通过localhost+端口就可以访问，但是换成ip+端口就一直提示无法访问，而且外部浏览器也无法访问。原因：我把监听的地址写成了127.0.0.1,所以才造成了一个乌龙。。。。下边给出正确写法。const express = require('express');const app = express();const mysql = r
2020-05-18 15:23:51
7512
6
原创 Windows系统下安装MySQL详细教程（命令安装法）
Windows系统下安装MySQL详细教程（命令安装法）1、安装包下载。下载地址：https://dev.mysql.com/downloads/mysql/2、安装教程2.1配置环境变量变量名：MYSQL_HOME变量值：E:\python\mysql-8.0.12-winx642.2生成data文件 以管理员身份运行cmd 进入E:\python\mysql\mysql-8.0.12-winx64\bin>（注意：这是你自己放的目录）下 执行命令：m
2020-05-09 15:00:58
178
原创 利用nginx搭建静态资源服务器
配置如下：server { listen 7082;#监听端口 server_name localhost;#监听域名 charset utf-8;#指定网页的编码格式 location / { root /usr/share/staticfile; autoindex on; }}预览效果...
2020-04-17 14:37:59
210
原创 发布npm包
1、生成package.json文件npm init2、在根目录下新建index.js文件导出我们的插件：module.exports = require('./lib');3、新建lib文件夹，并编写需要发布的插件，这里以vue为例：3.1新建index.js文件引入编写完成的组件import areaSelect from './plugins/AreaSelec...
2020-03-31 16:12:58
158
1
原创 编写自己的js工具库
1、判断浏览器的innerText或textContent属性function setcontent(element,content){ if(typeof element.innerText === "string"){ return element.innerText = content; }else { return element.text...
2020-03-30 17:37:53
929
原创 vue中使用微信聊天表情
vue中使用微信聊天表情1、先准备好表情数据,新建emjoydata.js文件。 export const emojisAmap = { "微笑": "emojis_0", "撇嘴": "emojis_1", "色": "emojis_2", "发呆": "emojis_3", "得意": "emojis_4", "流泪":...
2020-03-26 11:47:37
8501
34
原创 使用cordova进行App打包
使用cordova进行App打包。 说明：这里只介绍android打包方式。 准备条件： 你需要安装的环境有:java环境，python环境，android环境，以及gradle环境。当然Node.js是必须的。 以上环境安装方法可自行百度，环境安装完成后，可执行以下命令即可打包Appcordova create <你的工作目录名称>成功后切换到你新建的目录下，再运行:c
2017-11-19 17:07:25
748
原创 IE不支持 ES6 Promise 对象的解决方案
解决Promise对象不被IE识别的问题使用：bluebird.js即可完美解决。亲测有效。。。。
2017-11-11 14:20:28
11165
2
原创 前端神器Promise的用法介绍
说起Promise相信大家都知道，它有一个很好的用法，就是可以在ajax请求之外对数据进行操作，避免了多层ajax的嵌套，可以使代码阅读起来更直观，下面是Promise的用法。queryJydj(accom1);function queryJydj(acc0m1) { //console.log(acc0m1); var ACC0M1 = { "ACC0M1":
2017-11-11 14:03:44
2153
原创 iis配置跨域请求头
首先找到所需配置的网站名称，单击。然后找到iis下的http响应标头，双击打开。 点击右上角添加，输入对应标头和名称即可。
2017-11-04 14:46:34
7099
原创 启动iis提示w3svc未运行的解决方案
按win+r键打开运行，输入services.msc,回车，之后启动Windows Process Activation Service服务 再启动world wide web publishing service服务即可。
2017-11-04 14:37:03
1675
原创 解决IIS启动后报<modules>错误的方案。
可以点击win键右键以管理员身份运行，输入以下代码，回车即可。C:\windows\system32\inetsrv\appcmd unlock config -section:system.webServer/modules
2017-11-04 14:34:42
1193
原创 Jquery 1.9.0 以上版本扩展$.browser无法使用的问题
由于jquery 1.9.0 以上版本 jquery去掉了对 .browser的支持,采用.browser 的支持,采用.support 来判断浏览器类型。导致之前的很多插件都报错，这里给出解决方案。 可以通过对jquery 1.11.1版本 进行扩展 使其支持 $.browser 方法，从而使插件支持jquery各版本。jQuery.extend({ browser: funct
2017-11-04 14:26:11
336
原创 获取当前浏览器的当前时间，包括时、分、秒(可用作倒计时)
/*获取当前日期信息*/ getDayTime: function () { var d = new Date(); var year = d.getFullYear(); var month = d.getMonth() + 1; var date = d.getDate();
2017-10-29 15:13:31
4586
原创 解决IE下跨域的问题
有时候我们在开发中会遇到一些奇葩的问题不知道从何下手，比如在在调一个接口的时候，在其它浏览器上完美显示，然而到了IE上你会发现，完全调不通，这就懵逼了。难道代码写错了，不应该啊，为什么其它浏览器可以掉通呢？不用想了，极有可以可能是跨域问题，这时可一添加以下语句。jQuery.support.cors = true;//针对使用jquery的同学
2017-10-29 15:11:08
2648
原创 用soapUI测试GET/POST接口
方法/步骤： 1.新建soapUI工程：右击左侧导航面板中的工作空间节点“File”，选择“New soap Project”，输入工程名称，点击OK。 2.在工程名上右键点击，选择“NewTestuite”,在弹出框输入名称，点击确定。 3.在内层文件上右键点击选择”NewTestCase”,在弹出框输入名称，点击确定。 4.在内层文件中右键点击选择“AD
2017-10-28 17:19:59
15180
原创 “/”应用程序中的服务器错误。未能加载文件或程序集“XXXXXX”或它的某一个依赖项。试图加载格式不正确的程序。
说明: 执行当前 Web 请求期间，出现未经处理的异常。请检查堆栈跟踪信息，以了解有关该错误以及代码中导致错误的出处的详细信息。异常详细信息: System.BadImageFormatException: 未能加载文件或程序集“ServiceStack.OrmLite.Sqlite”或它的某一个依赖项。试图加载格式不正确的程序。源错误:执行当前 Web 请求期间生成了未经处理的异常。可以使用下面
2017-10-28 10:01:25
4172
原创 Require.js用法
require.js用法说明 用法一：先直接引入require.js，在使用data-main引入相应的js文件。例如：<script src="require.js" data-main="main"></script>这里不需要加后缀.js，因为require.js会默认查找.js的文件。 用法二：分开引入，这里需要加.js后缀。例如:<script src="require.js"
2017-10-08 15:45:45
1430
原创 Javascript实现拍照上传压缩，旋转
使用exif.js实现拍照上传并压缩旋转 1.先引入必须的文件<script src="jquery.js"></script><script src="exif-2.3.0.js"></script><script src="pressImg.js"></script> 2.html代码<input type="file" id="choose" accept="image/*">
2017-10-08 15:45:01
1814
原创 less语法介绍
Less语法介绍一. 环境的安装。 1.先安装node.js。在node.js官网下载安装node.js。安装完成后按win+R键打开cmd命令行窗口，输入node -v，如果出现版本号证明node.js安装成功。 2.安装less环境。使用命令npm install less -g全局安装less。安装完成后输入命令lessc -v出现版本号证明less安装成功。 3.手动编译le
2017-10-07 20:25:28
1903
原创 把jquery引入sea.js或require.js的方法
现在模块化基本上已经深入人心了，所以我们一般都会使用一些模块化的工具例如sea.js，require.js那么如何将jquery引入到其中进行使用呢。废话不多说了，直接上代码:将jquery引入sea.js的方法，直接在sea.js的源码中加入以下代码即可.if ( typeof define === "function" ) { define(function(){return jQuer
2017-09-23 13:49:17
1447
原创 使用ajax实现发送验证码业务
这里实现用ajax发送手机验证码的业务和功能，代码如下：//点击获取验证码 document.getElementById("btnyzm").onclick=function(){ //如果在正在发送则不能发送 var t =this.innerHTML.indexOf('重'); if(t==0){ return;
2017-09-16 21:40:51
1856
原创 使用ajax实现注册业务
这里使用ajax实现注册业务，代码如下：/*注册*//*这里不做加密处理，如有需要可自行加密账户和密码*/var number = $.trim($("#num").text()).toUpperCase();var password = $.trim($("#password").text());/*注册*/var promise, data;$.ajax({ type
2017-09-16 21:23:38
439
原创 使用ajax实现登录业务
上周用angular做了登录和注册业务，但是因为里边有许多插件，比较复杂，所以这里将其抽离出来，希望对大家有所帮助。 废话不多说，直接上代码。/*这里不做加密处理，如有需要可自行加密账户和密码*/var number = $.trim($scope.data.number).toUpperCase();var password = $.trim($scope.data.password);/
2017-09-16 21:20:40
421
原创 关于项目在IIS中启动后报handlers红色错误的解决方案
配置错误: 不能在此路径中使用此配置节。 如果在父级别上锁定了该节，便会出现这种情况。锁定是默认设置的 (overrideModeDefault=”Deny”)，或者是通过包含 overrideMode=”Deny” 或旧有的 allowOverride=”false” 的位置标记明确设置的。出现这个错误是因为 IIS 7 采用了更安全的 web.config 管理机制，默认情况下会锁住配置项不允
2017-09-10 18:39:52
1865
1
原创 angular配合gulp进行代码打包和压缩
这里说一下angular代码配合gulp的打包流程，首先要下载gulp，使用npm全局安装。当然要配合node.js使用。这里说下打包的问题。刚开始是打算将所有代码打包到一起，经过一番努力之后终于打包完成，但是我发现了一个严重的问题，那就是打包到一起的代码并不能很好的运行(页面直接炸掉了)，后来找到了原因，是因为我把所有的html代码打包到一起之后破坏了原有Controller和congig中的引用
2017-08-27 18:10:40
3493
原创 IE下 jquery的fadeIn与fadeOut方法失效的BUG
IE下 jquery的fadeIn与fadeOut方法失效的BUG 这个问题遇到过好多次，因为没有做笔记，所以每次遇到这个问题都要研究半天。好记性不如烂笔头，这话一点没错。解决方案：第一步：在fadeIn()之前动态的将其position属性改为relative; 会解决IE7下的这个bug$('.fadein').css('position', 'relative').fadeIn();
2017-08-13 12:35:09
1177
原创 iE浏览器使用new Date()方法，会返回NAN
iE浏览器使用new Date()方法，会返回NAN 问题描述：在IE下使用newData()方法时会返回NAN，(破浏览器)解决方案： /*按出生日期算年龄*/ function birthDataChangeAge( date ){ if(date=="" || date == undefined){ return ""; }
2017-08-13 12:29:47
1003
原创 IE下无法使用半透明rgba的问题及解决方案
IE下无法使用半透明rgba的问题及解决方案 问题描述：ie浏览器下半透明效果无法使用，(什么鬼，破浏览器)，无解了吗？No No No!当然是有办法的啦。解决方案：使用IE专有方法进行模拟，代码如下：filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b7b9',endColorstr='#87898c',
2017-08-13 12:26:35
762
原创 关于IEajaxpost请求无法获取数据的BUG
关于IEajaxpost请求无法获取数据的BUG问题描述：上个星期接手了一个网站，要求兼容ie，使用的是jquery，其中获取数据的部分采用了jquery的ajax方法。但是问题来了，我用post请求拿回了数据，并且在chrom，firefox和ie10+浏览器上使用时都没有问题。 但是但是当我在ie9及以下浏览器测试的时候，发现数据没了，(我去，这不科学啊)，难道是我写错了？ 于是我
2017-08-13 12:21:31
2688
l2dwidget.min.js
2020-04-13
解决iis报错web.config配置文件的XML格式不正常
2017-09-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人