發表文章

PHP讀資料庫的資料,保留換行及空格

PHP讀資料庫的資料,保留換行 參考網址: http://www.wibibi.com/info.php?tid=323 PHP nl2br 函式會在字串中的「行」之前加上  HTML 換行 標籤 <br> 讓瀏覽器正確顯示換行排版,而不是每一行都連在一起。通常用於當輸入端在網頁的文字輸入欄位  textarea  輸入含有換行文字段落,存入資料庫後,代表換行的符號如「\n」也會存入資料庫中,但是當 PHP 從資料庫中將資料讀取出來,顯示於網頁時,並不會自動換行,這時候就必須用 nl2br 函式將字串的「\n」先轉換為  HTML 換行 標籤。 PHP nl2br 基本語法 nl2br( $string ) 語法小括號中的字串 $string 為必填項目,就是要轉換的字串,nl2br 可以判斷的換行符號如  \r\n 、 \n\r 、 \n  與  \r ,遇到字串中有這些符號的時候,nl2br 便會將其轉換為 <br>、<br/> 或 </br> 標籤,並返回轉換結果。 PHP nl2br 範例 <?php $new_string = "Welcome to Wibibi.\nIt was a very nice day."; echo  nl2br ($new_string); ?> 以上輸出網頁結果 Welcome to Wibibi. It was a very nice day. 檢視程式碼 Welcome to Wibibi. <br /> It was a very nice day. -------------------------------------------------------------------------------------------------------------------------- PHP讀資料庫的資料,保留空格 參考網址: https://codeday.me/bug/20180309/141593.html 使用<pre></pre>標籤包住內容即可。

解決background-attachment:fixed在ios中失效

body:before {   content: ' ';   position: fixed;   z-index: -1;   top: 0;   right: 0;   bottom: 0;   left: 0;   background: url(path/to/image) center 0 no-repeat;   background-size: cover; }

滾動條css樣式修改

Chrome 71.0.3578.99以上版本適用,以下不適用: /* 设置滚动条的样式 */ .content_area ul::-webkit-scrollbar { width:12px; } /* 滚动槽 */ .content_area ul::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.8); border-radius:10px; background:rgba(0, 0, 0, .8); } /* 滚动条滑块 */ .content_area ul::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(255,255,255) !important; -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } .content_area ul::-webkit-scrollbar-thumb:window-inactive { background:rgba(255,0,0,0.4); } safari瀏覽器可用niceScroll.js代替。 案例:Chrome 用css修改,再寫userAgent,safari用niceScroll.js。 /* 滚动条ie */ .modal-body{   scrollbar-base-color: #144190;   scrollbar-face-color: #ffda2e;   scrollbar-3dlight-color: #144190;   scrollbar-highlight-color: #144190;   scrollbar-track-color: #144190;   scrollbar-shadow-color: #144190;   scrollbar-dark-shadow-color: #144190; }

mysql插入數字都變成2147483647的解决方法

原因是int类型的数据,最大只能到2147483647,所以11位的都变成了2147483647, 解决办法: 把字段类型由int改为bigint,就可以了. 參考網址: https://blog.csdn.net/lxcboke/article/details/53762587

用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webview)的方法

推薦好文『用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webview)的方法』 參考網站: https://www.wfublog.com/2018/06/mobile-detect-webview-fb-line-in-app.html

sublime設定用chrome開啟網頁

1.首先在Install Package下載   “View In Browser” 2.  Sublime Text > Preferences > Package Settings > View in Browser > Settings — User. 修改成: { "browser": "chrome", } 參考資料: https://medium.com/@talialongname/sublime-keyboard-shortcut-to-open-in-browser-421688dcbd51

用 jQuery 控制 button 的 enabled/disabled

$ ( "#delete" ) . attr ( "disabled" , false ) ; $ ( "#delete" ) . attr ( "disabled" , true ) ; 玩家點了按鈕後 要先disable按鈕,完成ajex後再解開 參考網址: https://sam.liho.tw/2009/06/03/%E7%94%A8-jquery-%E6%8E%A7%E5%88%B6-button-%E7%9A%84-enableddisabled-demo/

ul li 點擊不到子層,如何解決冒泡事件

在jquery中,已经帮助我们实现了事件委托,并且帮我们解决掉了这些坑。我们只需要按照一定语法使用即可,而我们不用再自己去进行条件判断,比如我们要给所有的li.item元素绑定事件,写法如下 // on中的第二参数就是我们的目标元素的选择器 $ ( 'ul.container' ) . on ( 'click' , 'li.item' , function ( event ) {      // dosomething } ) 參考網址: http://web.jobbole.com/86584/

jQuery – 在 header 修改,解決跨網域 JSON、JSONP 的方法

參考網址: http://jsnwork.kiiuo.com/archives/2510/jquery-%E5%9C%A8-header-%E4%BF%AE%E6%94%B9%EF%BC%8C%E8%A7%A3%E6%B1%BA%E8%B7%A8%E7%B6%B2%E5%9F%9F-json%E3%80%81jsonp-%E7%9A%84%E6%96%B9%E6%B3%95/

php一次新增多筆資料sql語法

INSERT INTO table_name VALUES (value1_1, value2_2, value3_3,···), (value2_1, value2_2, value2_3,···), (value3_1, value3_2, value3_3,···), ······; 參考網站: https://www.fooish.com/sql/insert-into.html

outline: none; 有效解決辦法

如果手機點<a>標籤會出現框框的話可使用outline: none; 如果下了一個outline: none;還是沒用,可使用 outline: none !important; outline: 0 !important; 下在 :focus跟 :active上

javascript 判斷有無敏感詞

var keywords=["中華人民共和國","台灣獨立","中共","共匪"]; //遍历敏感词数组  for(var i=0;i<keywords.length;i++){ //判断内容中是否包括敏感词 if(experience.indexOf(keywords[i])!=-1){ console.log('有髒話'); isPass = false; } } https://blog.csdn.net/youyou_yo/article/details/51878439

javascript比較日期

var myDate=new Date(); myDate.setFullYear(2008,8,9); var today = new Date(); if (myDate>today) { alert("Today is before 9th August 2008"); } else { alert("Today is after 9th August 2008"); } http://www.w3school.com.cn/js/js_obj_date.asp

jquery 判斷元素是否隱藏

Jquery 通過判斷元素display屬性狀態值來實現"判斷當前操作元素是否顯示還是隱藏",主要使用jquery的基本選取器:visible或:hidden方法。 if ($( '.test' ).is( ':visible' )){ $( '.test' ).text( 'div被隱藏了!' ); } else { $( '.test' ).text( 'div顯示' ); } 參考文章: https://blog.csdn.net/sinolzeng/article/details/40112973

jquery 找父層、找子層

找父元素: parent() 方法: 找第一個父元素 ,例:「 .parent(".selected")」。 ◆  http://www.w3school.com.cn/jquery/traversing_parent.ASP parents() 方法: 往上找父層class,例:「 .parents('.item-ii')」。 ◆  http://www.w3school.com.cn/jquery/traversing_parents.asp closest() 方法: 向上找父層的第一個節點。 ◆  http://www.w3school.com.cn/jquery/traversing_closest.asp 找子元素: find() 方法: 向下找子元素 ,例:「 .find("span")」。 ◆  http://www.w3school.com.cn/jquery/traversing_find.ASP children() 方法: 向下找子元素的第一個節點。 ,例:「 .children(".selected")」。 ◆  http://www.w3school.com.cn/jquery/traversing_children.asp