欢迎光临
我们一直在努力

解决jquery在ie下ajax post 提交时的乱码问题

ziyoukeji阅读(196)

本篇文章记录一下jquery在ie下ajax post 提交时出现乱码的解决方案

问题一:  因为jquery ajax是使用utf-8来编码发送数据的,ie在发送时却没加上charset=utf-8,从而导致乱码(IE默认使用iso-8859-1编码)

问题二:  前台是gb2312  后台是utf-8 导致乱码  要保证前后台编码一致.

$.ajax({
	type:"post",
	url:"ajax.jsp?m=openbaiduBatchIPData",
	data:"ipData=1",
	dataType:"html",
	contentType: "application/x-www-form-urlencoded; charset=utf-8",
	async: false,
	success:function(data){
		//请求成功的返回结果
	},
	error:function(){
		//请求异常
	}
});

修改input的placeholder属性的样式

ziyoukeji阅读(238)

本篇文章记录一下如何修改txt 、textarea中placeholder属性的样式。

::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{}                  /* Firefox版本4-18 */
::-moz-placeholder{}                  /* Firefox版本19+ */
:-ms-input-placeholder{}           /* IE浏览器 */
.className::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
.className:-moz-placeholder{}                  /* Firefox版本4-18 */
.className::-moz-placeholder{}                  /* Firefox版本19+ */
.className:-ms-input-placeholder{}           /* IE浏览器 */

hover伪类在ios移动端浏览器内无效的解决方法

ziyoukeji阅读(199)

本篇文章记录一下伪类hover在ios移动safari浏览器中无效的问题

hover 设置的样式在ios系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态

解决方案一:

document.body.addEventListener('touchstart',function(){});

解决方案二:

<body ontouchstart>

取消可输入标签聚焦时contenteditable的边框

ziyoukeji阅读(267)

本篇文章记录一下属性contenteditable为true时获取焦点时,取消边框

把普通标签改为可输入的标签时添加contenteditable=”true”即可实现输入功能,但是进行输入时会有边框出现

解决方案:

添加css样式 outline: none;

centos ssh 证书登录配置

lizhihong阅读(222)

为普通用户添加公钥
1. 在home根目录建立目录、文件
$ mkdir -p ~/.ssh
2. 添加公钥
$ cd ~/.ssh
3. 添加公钥publickey
$ touch authorized_keys
$ cat ‘你的公钥字符串’ >> authorized_keys

设置公钥文件权限
$ chmod 700 .ssh
$ chmod 600 .ssh/authorized_keys

设置 SSH,打开密钥登录
$ sudo su
# vi /etc/ssh/sshd_config

##取消注释,无则增加
PubkeyAuthentication yes
RSAAuthentication yes

## 禁用root账号登录
PermitRootLogin no
## 禁用密码登录
PasswordAuthentication no

$ service sshd restart

vue.js在html绑定click时绑定父组件方法

ziyoukeji阅读(192)

本篇文章讲解一下在vue.js中如何给html绑定click事件时绑定父组件方法

代码如下

  //html绑定相关代码
<div class="ol_win_btn" @click="$parent.addFavorite()"><i class="operateIcon02"></i>收藏本章</div>

组件载入代码

    <div id="app">
        <hudong ref="myHuDong" v-if="showHuDong"></hudong>
    </div>

代码说明 :$parent.addFavorite()

$parent  : 当前组件的里的属性,获取当前组件的父组件

addFavorite:父组件中的方法

$parent.show  或$parent.$data.show  :父组件中data中的值  show

vue.js中v-for的循环以及获取索引

ziyoukeji阅读(342)

本篇文章记录一下vue.js中v-for的循环以及获取索引的方法

无索引情况

v-for="item in items"

需要索引的方法

v-for="(item,index) in items"

index 就是索引

纯css 模拟焦点光标闪烁

ziyoukeji阅读(319)

本篇文章我们记录一下使用纯css 模拟文本框获取焦点后的光标闪烁效果

我们先看一下效果

 

html代码如下

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://www.freetechs.cn/tool/js/jquery-3.4.1.min.js"></script>
    <script src="mshare.js"></script>
    <title></title>
    <style type="text/css">
        .guangbiao {
            width: 20px;
            height: 50px;
            margin: 0 auto;
            border-left: .1em solid red;
            animation: cursorImg 1s infinite steps(1, start);
        }
        @keyframes cursorImg {
            0%,
            100% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
        }
    </style>
</head>
<body>
    <div class="guangbiao"></div>
</body>
</html>

 

 

 

wsl中ubuntu apt源更换为aliyun

lizhihong阅读(320)

 

$ sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak
$ sudo sed -i ‘s/security.ubuntu/mirrors.aliyun/g’ /etc/apt/sources.list
$ sudo sed -i ‘s/archive.ubuntu/mirrors.aliyun/g’ /etc/apt/sources.list
$ sudo apt update
$ sudo apt-get upgrade

外部调用vue对象实例内属性、方法、计算属性

ziyoukeji阅读(578)

本篇文章记录一下外部调用vue实例内属性和方法的方式

这是vue的代码

        var vm = new Vue({
            el: '#app',
            data: {
                msg: "这里是msg值",
            },
            methods: {
                test:function() {
                    alert(this.mas);//点击可以拿到aaaa数据
                },
            },
        })

一、外部调用 vue对象实例内属性:vm.属性名或者vm.$data.属性名

console.log(vm.msg);
或
console.log(vm.$data.msg);

二、外部调用vue对象实例内方法:vm.方法名()或者vm.$option.methods.方法名

vm.test();
vm.$option.methods.test();

三、外部调用vue对象实例内计算属性:vm.计算属性名

 

自由技术,自由自在

项目合作联系我们