分类目录归档:前端HTML及JS

js过滤emoji表情符号

手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错:SQLException: Incorrect string value: ‘\xF0\x9F\x98\x84’ for column ‘review’ at row 1 原因是:UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节,而Mysql的utf8编码最多3个字节,所以数据插不进去。 过滤 php过滤emoji表情: $name = preg_replace(‘/[^\\u0000-\\uFFFF]/ig’, ”, $string); js过 […]

小程序上传图片or文件到阿里云OSS

搞了大半天,累死了,原本在阿里云官网通过后台取签上传的方式,前端会用到lib,例子下载后无法加入到小程序中使用,后来在CSDN的一篇博文里找到了解决方案 后端get.php,callback.php从阿里云例子中取,直接用 get.php代码 callback.php不用改 小程序前端: 补充get_suffix功能函数

js实现replaceAll方法

js本来有replace方法,请看w3school的说明:   replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 语法:   stringObject.replace(regexp/substr,replacement)   第一个参数为一个字符串或者一个正则表达式,第二个参数为一个字符串或者一个用于生成字符串的函数。 注意重点:   如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。 实例: var str = “dogdogdog”; var str2 = str.rep […]

php vs js中判断一个字符串包含另一个字符串的方法

PHP 第一种方法:用php的strpos() 函数判断字符串中是否包含某字符串的方法 第二种 使用了explode 用explode进行判断PHP判断字符串的包含代码如下: 第三种strstr strstr() 函数搜索一个字符串在另一个字符串中的第一次出现。该函数返回字符串的其余部分(从匹配点)。如果未找到所搜索的字符串,则返回 false。 代码如下: 第四种、stristr stristr() 函数查找字符串在另一个字符串中第一次出现的位置。如果成功,则返回字符串的其余部分(从匹配点)。如果没有找到该字符串,则返回 false。 它和strstr的使用方法完全一样.唯一的区别是stri […]

CSS div水平垂直居中和div置于底部

一、水平居中 .hor_center { margin: 0 auto; } 二、水平垂直居中 .content { width: 360px; height: 240px; } .ver_hor_center { position: absolute; top: 50%; left: 50%; margin-left: -180px; /*要居中的div的宽度的一半*/ margin-top: -120px; /*要居中的div的高度的一半*/ } 三、div置于底部(footer) .bottom_footer { position: fixed; /*or前面的是absolute就可以用 […]

textarea 存储与显示 保持格式

今天遇到的一个问题:在数据添加页面的textarea框中写入有回车换行和空格的数据,但是传到数据库之后显示到网页上的内容却没有格式,全部排成了一排网上查了很多,终于使得网页和textarea里格式保持一致了,这里记个笔记 js函数:/*** @funciton 转换textarea存入数据库的回车换行和空格  textarea —  数据库,用val取数据,置换’\n’*/function textareaTo(str){    var reg=new RegExp(“\n”,”g”);    var regS […]

CSS样式-border-radius圆形边框基本用法

主要通过属性border-radius,您能够创建圆角边框,正圆边框和椭圆边框,使用图片来绘制边框 。 圆角边框(border-radius)的基本用法: 圆角边框的最基本用法就是设置四个相同弧度的圆角,其样式如下: css部分:div{    width: 300px;    height: 300px;border: 1px solid red;border-radius: 20px;} html部分:<div>    四个圆角相等的圆角矩形&l […]