◆◆

JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档归类：前端设计

vue引入tailwindcss,vue2 tailwindcss不生效解决方法2024-03-26

1、npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^92、npx tailwindcss init -p生成tailwind.config.jspostcss.config.js3、main.js中添加import "tailwindcss/tailwind.css"4、如果不生效，查找build/utils.js（不存在此文件看后面）中在postcssLoader中的options添加： plugins: [   require('tailwindcss'), require('autoprefixer') ] 还不行就在vue.config.js中添加： // vue.config.js module.exports = {     css: {       loaderOptions: {         postcss: {           plug...

从来不放弃这样的美文»

此文被围观70次 分类: 前端设计 标签:  ····

jquery div拖动元素排序2023-06-10

父元素menu-form-list,子元素需要添加draggable="true"var currentNode; var container = $('.menu-form-list').get()[0]; $('.menu-form-list').on('dragstart', function(e) {     $(this).addClass('moving');     currentNode = e.target;     e.originalEvent.dataTransfer.effectAllowed = 'move'; }).on('dragover', function(e){     e.preventDefault() }).on('dragenter', function(e) {     e.preventDefault();     if (this === e.t...

不要拦我，我一定要看完 »

此文被围观524次 分类: 前端设计 标签:  ···

可编辑div将光标定位到最后2022-08-02

<div contenteditable="true"></div>function set_focus() {     el=document.getElementById('editor');     //el=el[0];  //jquery 对象转dom对象     el.focus();     if($.support.msie)     {         var range = document.selection.createRange();         this.last = range;         range.moveToElementText(el);         range.select();  &n...

世上尽有如此美文，快快阅读之 »

此文被围观542次 分类: 前端设计 标签:  ··

Threejs系列-灯光2022-07-12

光源threejs提供了 Light对象以及其它子对象，可以使得我们非常方便的管理灯光效果。Light是光源的基类，不要直接使用，我们应该使用其派生类。//关于LightLight( color : Integer, intensity : float )color：16进制表示光的颜色，默认白色。intensity：光照强度，默认1。创造光源环境光使用AmbientLight，环境光将均匀照亮场景中所有物体，但是不能设置阴影，它没有方向。//构造函数AmbientLight( color : Integer, intensity : Float )color：16进制表示光的颜色，默认白色。intensity：光照强度，默认1。//创建一个环境光var light = new THREE.AmbientLight( 0x404040 );scene.add( light );平行光使用DirectionalLight，平行光是沿着特定方向，可以是无限远之处发射的光，我们常常用来模拟太阳。可以投射阴影。//构造函数DirectionalLight( color : Integer, intensity : Float )color：16进制表示光的颜色，默认白色。intensity：光照强度，默认1。//创建一个平行光var light  = new THREE.DirectionalLight( 0xffffff );scene.add( light );半球光使用HemisphereLight，它的变化过程是颜色从天空颜色渐...

博主太强大了，膜拜去»

此文被围观489次 分类: 前端设计 标签:  ········

ios h5前端开发页面js不支持正则零宽断言2022-07-09

正则的零宽断言有：?=?!?<=?<！如果在某个页面不管是结构层或是逻辑层加上含有零宽断言的正则，后果是：轻则，该页面运行到ios上时白屏重则，正则app在ios上白屏！血的教训！一定不能用零宽断言1！...

世上尽有如此美文，快快阅读之 »

此文被围观513次 分类: 前端设计 标签:  ······

web3.js编译Solidity，发布，调用全部流程2022-06-07

下面教程是打算在尽量牵涉可能少的以太坊的相关工具，主要使用web3.js这个以太坊提供的工具包，来完成合约的编译，发布，合约方法调用的一整个流程。一方面来了解以太坊开发到底需要什么，另一方面来对web3.js的API有个基本的了解。由于所有其它工具都或多或少的是对web3.js的底层函数的包装，所以对web3.js使用流程有个认识之后，也能更好的入门，使用相关的工具。1. 准备工作1.1 安装Node.js由于我们要使用web3.js1。这里使用Node来集成web3.js模块（当然，你还可以使用其它的方式）。你可以通过参考官网文档安装2。1.1.1 Ubuntu如果你使用ubuntu，可以使用下述命令：//安装Nodesudo apt-get install nodejs//安装Node的包管理器sudo apt-get install npm1.1.2 MAC如果你使用Homebrew，可以使用下述命令：//安装Nodebrew install node//安装Node的包管理器brew install npm1.1.3 安装检查安装成功后，可以查看下当前的版本，确认正常安装：$ node -v v7.2.01.2 以太坊的节点由于整个合约代码的执行需要一个虚拟机环境，所以在开始之前，我们不得不安装一个实现了以太坊虚拟机的节点。可以选择一个轻量级的节点，比如EtherumJS TestRPC，它是一个完整的在内存中...

太给力了，去围观»

此文被围观484次 分类: 前端设计 标签:  ····

web3.js API 基本 入门2022-06-07

为了让你的Ðapp运行上以太坊，一种选择是使用web3.js library提供的web3。对象。底层实现上，它通过RPC 调用与本地节点通信。web3.js可以与任何暴露了RPC接口的以太坊节点连接。web3中有eth对象 - web3.eth 具体来表示与以太坊区块链之间的交互。shh对象 - web3.shh表示Whisper协议的相关交互。后续我们会继续介绍其它一些web3协议中的对象。可用的example can be found here如果你想找一些更复杂的示例，可以看看这里useful Ðapp patterns.入门添加web3首先你需要将web3引入到你的工程中，通过如下步骤：npm: npm install web3bower: bower install web3metor: meteor add ethereum:web3vanilla: dist./web3.min.js然后你需要创建一个web3的实例，设置一个provider。为了保证你不会覆盖一个已有的provider，比如使用Mist时有内置，需要先检查是否web3实例已存在。if (typeof web3 !== 'undefined') {   web3 = new Web3(web3.currentProvider); } else {&nb...

博主太强大了，膜拜去»

此文被围观583次 分类: 前端设计 标签:  ···

打卡拼图算法2022-03-03

假设需要打卡的总天数为X当 1≤X＜2²时，每行默认显示1个当2²≤X＜3²时，每行默认显示2个当3²≤X＜4²时，每行默认显示3个……当9²≤X＜10²时，每行默认显示9个计算规则：用需要计算的数除以每行的个数，计算结果如果为整数的话，那么计算就一步完成了。计算结果如果不为整数，那么将结果向下取整，得到所需行数，每一行显示的数量需根据原始数据除以总行数来判断，原始数据除以总行数如果不为整数，那么第一行就显示默认数量，计算第二行的显示数量时，用当前剩余数量除以剩余行数，如果结果不为整数的话就还是显示默认数量，以此类推，直到余数除以剩余行数的结果为整数为止。举例：需要打卡的天数为21天，根据最上面的规则，可以知道数字为21天时，每行默认显示4个。下面计算所需行数。21/4=5.25，不为整数，那么就将5.25向下取整，得到所需行数为5. 接下来计算每行展示的方块数量：第一行：21/5=4.2，不为整，所以第一行显示4个第二行：（21-4）/（5-1）=4.25，不为整，所以第二行显示4个第三行：（21-4-4）/（5-1-1）=4.33，不为整，所以第三行显示4个第四行：（21-4-4-4）/（5-1-1-1）=4.5，不为整，所以第四行显示4个第五行：（21-4-4-4-4）/（5-1-1-1-1）=5，最后一行显示5个假如需要打卡的天数为29天，那就是每行默认显示5个，29/5=5.8，不为整数，将5.8向下取整得到所需行数为5. 接下来计算每行展示的方块数量：第一行：29/5=5.8，不为整，所以第一行显示5个第二行：（29-5）/（...

抓住机会，赶紧看完»

此文被围观514次 分类: 前端设计 标签:  ···

使用npm命令下载sass时出现Error: not found: python22021-07-22

解决： npm uninstall node-sass npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ npm,npm sass,npm python2错误来源：https://www.cnblogs.com/xlwq/p/13118045.html#/c/subject/p/13118045.html...

博主太强大了，膜拜去»

此文被围观848次 分类: 前端设计 标签:  ···

js页面打印函数2021-02-22

function doPrint(obj) {     obj.parentNode.parentNode.removeChild(obj.parentNode);     bdhtml=window.document.body.innerHTML;     sprnstr="";     eprnstr="";     prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);     prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));     window.document.body.innerHTML=prnhtml;     window.print();     }js页面打印，js订单打印，js快递单打印，js面单打印html页面打印预览把要打印的内容html用< !- - startprint- - >< ! ...

太给力了，去围观»

此文被围观1586次 分类: 前端设计 标签:  ··

layuiadmin左侧菜单带参数无法选中的问题修改2020-05-02

layuiadmin单页版左侧菜单链接带参数无法选中的问题修改：admin.js中的此方式matchMenu修改成：,matchMenu = function(list){   var pathURL = admin.correctRouter(path.join('/'));   var currHash = (location.hash).replace('#', '');//这里修改了   list.each(function(index1, item1){     var othis1 = $(item1)     ,data1 = getData(othis1)     ,listChildren1 = data1.list.children('dd')     ,matched1 = path[0] == data1.name || (index1 === 0 &&a...

这文章不得了，一定要看完 »

此文被围观3260次 分类: 前端设计 标签:  ····

layui如何不渲染form里面的select radio checkbox2020-04-20

<select lay-ignore>   <option>…</option> </select> <input type="radio" value=1 title="是" lay-ignore /> <input type="checkbox" value=1 title="是" lay-ignore />layui设置不渲染form里面的select radio checkbox...

持之以恒，坚持读完»

此文被围观3160次 分类: 前端设计 标签:  ·······

cnpm安装,npm淘宝镜像安装,liunx安装cnpm淘宝镜像,node环境2020-03-06

npm安装完以后安装cnpm命令npm install -g cnpm --registry=https://registry.npm.taobao.org  修改cnpm的路径sudo ln -s /home/ubuntu/node-v12.16.1-linux-x64/bin/cnpm /usr/local/bin/就可以了。cnpm安装,npm淘宝镜像安装,liunx安装cnpm淘宝镜像,node环境...

我只是想看完而已»

此文被围观3177次 分类: 前端设计 标签:  ·····

event.path兼容问题修改2020-03-06

在测试H5Tool的时候发现safair下选中元素无法修改属性；代码里面是用的e.path这里不兼容造成的，修改为const path = e.path || (e.composedPath && e.composedPath());解决这个问题...

从来不放弃这样的美文»

此文被围观3118次 分类: 前端设计 标签:  ····

formvalidation隐藏表单验证2020-02-24

formvalidation隐藏表单验证：$("#add_form").validate({     ignore: "", });只需要在validate里面加一句ignore:""就行了formvalidation,表单验证,jquery表单验证,jquery formvalidation...

从来不放弃这样的美文»

此文被围观3114次 分类: 前端设计 标签:  ····
12345›»

最新专题

随机文章

本月排行

    Tags 标签云

    前端技术编程开发curl get postphpcurl postphp学习服务器mysqldedecms数据库php技术centos网站开发linuxdestoonPHP开发jsthinkphpwrite contextget_post_formatpsrewritebugMozillaJavaScripturlinsert intoon()prototypemysql group_concatjsp mysqlmyeclipsejquerytemplateapachelinux+php+apachephp mysqlappendChildRequest Error step 1/2供应

    Links 友情链接

    简单看书超级字贴

    站点声明：部分内容源自互联网，为传播信息之用，如有侵权，请联系我们删除。

    © Copyright 2011-2024 www.kfju.com. All Rights Reserved.
    超级字帖 版权所有。蜀ICP备12031064号